2016 前端发展趋势

学习最新技术,加速业务开发

Created by @郭永峰

日新月异的前端技术

就像是隧道终点前的光明,JS生态的最佳实践不再剧烈变更着,现在关于需要学什么也越来越明确了

概要

我们将从语言特性、代码风格、构建工具、依赖管理、路由管理、核心类库、状态管理、API 工具库、测试工具等前端开发的方方面面进行技术梳理,为你挑出这些最佳实践并规划面向未来的技术学习之路。

ES6 语法新特性

在2016年,不能使用ES2015/ES2016进行开发的前端技术栈,会是最先停止增长并且走下坡路的!

ES6为我们带来了什么...

LET && CONST

解决变量提升的问题,给JS新增块级作用域


console.log( n );

function f1() {
  let n = 5;
  if (true) {
    let n = 10;
  }
  console.log(n);
}

const PI = 3.1415;
console.log(PI);

						

Template String

让我们可以更便捷的定义字符串模板



let name = '信';
let word = `我是歌手:\n
是${name}.`;

console.log( word );
						

Arrow Function

箭头函数,不止是简化了function的定义,还解决了function内this关键字指向的问题


drink(type = 'water'){
	// 使用了箭头函数
	setInterval( () => {
		// 模板字符串
		console.log(`${this.name} want to drink ${type}`)
	}, 1000)
}
						

React Vue Angular2.0 比武场

产品 服务端 体积 体验 生态 上手
React 支持服务端渲染 44kb 掌握JSX语法和组件封装 最活跃 中等
Vue 2.0版本会支持 12kb 基本的HTML/CSS/JS 其次 容易
Angular 2.0 计划会支持 500kb+ - 远低于二者

结论:React > Vue > Angular

TO BE CONTINUED

QA