首页 ›存档› 技术 › 查看内容

2016前端开发技术巡礼作者：殷勇

2018-3-30 13:00 |来自: 互联网 350 0

摘要: 作者：殷勇编辑：尾尾目录一、更新的网络与软件环境 1.1 HTTP/2 的持续普及 1.2 Internet Explorer 8 二、如何编写(Java)Script 2.1 ES2016？ES2017？Babel！ 2.2 TypeScript 2.3 promise、generator 与 asy ...

作者：殷勇

编辑：尾尾

一、更新的网络与软件环境

1.1 HTTP/2 的持续普及
1.2 Internet Explorer 8

二、如何编写(Java)Script

2.1 ES2016？ES2017？Babel！
2.2 TypeScript
2.3 promise、generator 与 async/await
2.4 fetch

三、Node.js服务与工具

Koa 2

四、框架纷争

4.1 jQuery已死？
4.2 Angular 2
4.3 Vue.js 2.0
4.4 React
4.5 React-Native
4.6 Redux 与 Mobx
4.7 Bootstrap 4

五、工程化与架构

5.1 Rollup 与 Webpack 2
5.2 npm、jspm、Bower与Yarn
5.3 同构

六、未来技术与职业培养

6.1 大数据方向
6.2 WebVR
6.3 WebAssembly
6.4 WebComponents
6.5 关于微信小程序

七、总结

7.1 工程化
7.2 角色定位
7.3 写在最后

提示：点击文末阅读原文，可查看本文带链接版。

前言

2016 年马上过去了，像过去六年中的每一年一样，Web前端领域又产生了“面目全非”而又“耳目一新”的变化，不但旧事物持续不断地被淘汰，新事物也难保坐久江山，大有岌岌可危之势。开源界如群雄逐鹿，不断生产新的概念、新的框架、新的工具，去年中一些流行的技术今年大多得到了进一步的演进和升级，活跃度非常高，却仍然不能保证前端的未来属于它们。在今年整体资本市场冷却的大环境下，to B的创业公司显现出了较强的生命力，这种类型的业务也给Web前端的工作带来了明显的差异性，工程师整体技能方向也展露出一丝不一样的分支。

一、更新的网络与软件环境

1.1 HTTP/2 的持续普及

今年中，几乎所有的现代桌面浏览器都已经支持了HTTP/2协议，移动端依靠降级为SPDY依旧可以覆盖几乎所有平台，这样使得从协议上优化页面的性能成为了可能。

同时，前端静态资源打包的必要性成为了一定程度上的争论焦点，打包合并作为传统的前端性能优化方案，它的存留对前端工程化影响极大，Facebook公司著名的静态资源动态打包方案的优越性也会被弱化。社区上多篇文章纷纷发表对HTTP/2的性能实验数据，却不尽相同。

在2017年，我相信所有大型站点都会切换HTTP/2，但依旧不会放弃对静态资源打包合并的依赖。而且，对于Server Push等高级特性，也不会有太多的应用。

1.2 Internet Explorer 8

三年前还在考虑兼容IE6的前端技术社区，在前不久声明：文章版权归原作者所有部分文章转自互联网如有侵权请联系 [邮箱地址] 删除