Created by @郭永峰
就像是隧道终点前的光明,JS生态的最佳实践不再剧烈变更着,现在关于需要学什么也越来越明确了
我们将从语言特性、代码风格、构建工具、依赖管理、路由管理、核心类库、状态管理、API 工具库、测试工具等前端开发的方方面面进行技术梳理,为你挑出这些最佳实践并规划面向未来的技术学习之路。
在2016年,不能使用ES2015/ES2016进行开发的前端技术栈,会是最先停止增长并且走下坡路的!
解决变量提升的问题,给JS新增块级作用域
console.log( n );
function f1() {
let n = 5;
if (true) {
let n = 10;
}
console.log(n);
}
const PI = 3.1415;
console.log(PI);
让我们可以更便捷的定义字符串模板
let name = '信';
let word = `我是歌手:\n
是${name}.`;
console.log( word );
箭头函数,不止是简化了function的定义,还解决了function内this关键字指向的问题
drink(type = 'water'){
// 使用了箭头函数
setInterval( () => {
// 模板字符串
console.log(`${this.name} want to drink ${type}`)
}, 1000)
}
产品 | 服务端 | 体积 | 体验 | 生态 | 上手 |
---|---|---|---|---|---|
React | 支持服务端渲染 | 44kb | 掌握JSX语法和组件封装 | 最活跃 | 中等 |
Vue | 2.0版本会支持 | 12kb | 基本的HTML/CSS/JS | 其次 | 容易 |
Angular 2.0 | 计划会支持 | 500kb+ | - | 远低于二者 | 难 |