一、前言 响应式Web设计可以让一个网站同时适配多种设备和多个屏幕，可以让网站的布局和功能随用户的使用环境（屏幕大小、输入方式、设备/浏览器能力）而变化。本文主要介绍一些响应式布局容易忽略但又很重要的知识点。 二、视口 …

Object.keys() ES5 引入了 Object.keys 方法，返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键名。 var obj = { foo: 'bar', b…

简要教程 使用方法 使用该旋转木马插件需要在页面中引入jquery和Bootstrap的相关文件。 <link rel="stylesheet" href="css/bootstrap.min.css"> &…

以前总是想要一些元素垂直居中对齐，经常用line-height，可是对于图片来说，line-height的表现并不理想，所以得用vertical-align:middle。然而用的时候总是无效，查了资料和实践后，终于知道…

业务有个需求，要做图片预览上传，过去都是客户端上传给后端，后端返回 url 前端进行预览，现在其实可以不依赖后端做预览，最后在上传，这主要依赖 FileReader 和 FormData 这两个对象和 JavaScrip…

Array 1. find(value, index, arr) 在某些情况我需要判断一个数组是不是符合一些逻辑的条件 比如需要判断[{id: 1}, {id: 2}, {id: 3}]中是否有含有符合 id=1的数据;…

ES6中使用Set结构: let a = new Set([1, 2, 3]); let b = new Set([3, 5, 2]); // 并集 let unionSet = new Set([...a, ...b]…

Set ES6提供了新的数据结构Set。类似于数组，只不过其成员值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成Set数据结构。 var s = new Set(); // 通过add方法向Set结构中加…

一.props.params 官方例子使用React router定义路由时，我们可以给指定一个path，然后指定通配符可以携带参数到指定的path： 首先定义路由到UserPage页面: import { Router…

React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式： 函数式定义的无状态组件 es5原生方式React.createClass定义的组件 es6形式的extends React…