wdar

我们只让入口文件干一件事，即渲染真实DOM到挂载元素上。 需要注意的是Router依然遵循JSX tag嵌套时的单一入口规则，So如果有多个平级的子元素需要用一层div或则其它什么的给包起来。 这样就完成了/的自动补全功能。 Router最重要的功能之一就是监听hash值，一旦…

React早期的优化都是停留于JS层面（vdom的create/diff），诸如减少组件的复杂度（Stateless），减少向下diff的规模(SCU)，减少diff的成本(immutable.js)

在用户交互或者最新输入的时候，你常常需要在一个 web 应用中频繁发起请求。比如说在输入文字的时候的自动完成操作或者是在地图上放大缩小的操作。让我们花一点时间去思考一下这些例子。首先是自动完成，每一次我们输入的时候（或者更少在用 debounce 时）我们就会发出一个请求。如果…

从零开始一个简单的博客网站

window.history 对象包含浏览器的历史，window.history 对象在编写时可不使用 window 这个前缀。history是实现SPA前端路由是一种主流方法，它有几个原始方法： 在HTML5，history对象提出了 pushState() 方法和 repl…

近几年，构建对于前端开发来说是一个很重要的名词，它给前端开发注入了很大的活力，解放了很多生产力。而webpack在前端项目中起了不可小觑的作用，它可以将我们所用的各种浏览器不认识的代码比如es6，es7,sass,less等转换为浏览器认识的语言，可以对文件进行压缩合并，代码进…

使用Git差不多有一年了，命令行也用的越来越多，所以把工作中常用到的操作在这里总结一下，以便更好的回顾与查询。 $ git ci(commit) . # → 提交本次修改 (<commit>|HEAD)^n，指的是HEAD的第n个父提交，可以通过在“^”后面跟上一个数字，表示第…

EcmaScript 2015 (ES6) 已经出现了很多年了，我们可以使用它的一些新特性。 ES6 提供了 默认的参数值，可以让你在函数的参数中指定默认值当参数没有传递其值的时候。 在这个例子中，我们对函数 add 的参数 a 和 b 设置了一个默认值，这个默认值为一个函数。…

1. let、const 解构是es6新特性，可以对数组对象内容直接解析。 es6中加入了“`”反引号，反引号中${}处理模版字符串。 4. 函数 5. 数组 6. 对象 7. Class 类 8. Generator 9. async await