2016年前端技术展望

回顾过去,继续前行

编程技术及生态发展的三个阶段

1 补全API,完善语言和底层基础设施
2 开发语言模式,简化工程组织,开发工具
3 MVC MVVM工程架构,自动化测试,团队协作,达到工程化 

观念的变化

1 现在前端开发面向更多的是Web App而不是Web Page,以至于逐渐趋同于过去的传统模式客户端开发,再加上一些前端独有的特性(免安装、Write Once Use More),前端工程更趋于复杂。

框架和类库的变化

1 React + Redux + React Router + React Native(Android & iOS)
2 优点:基于虚拟DOM,整体驱动更新。同整个生态系统非常完全,支持强大。
3 Vue + Vuex + Vue Router + Weex(Vue Native)
4 优点:轻量精巧,易学易用,优异的性能,组件化开发。
5 Angular2 

标准&语言的变化

ES6带了许多革命性的新语法,具备了开发大型应用的基本要素:原生的模块加载,引入Class类。从目前es的进化速度来看,es后面应该会变成一个个的feature发布而不是像以前那样大版本号的方式,所以现在官方推荐 ES+年份这种叫法而不是 ES+版本。

2015年11月,ES标准委员会宣布将历时3年研究的Object.observe从草案中移除,官方的解释是,前端变化太快,React引入的Immutable Object盛行,这让基于可变对象变得尴尬,而且性能上还存在一定问题。

ES2016的相关草案中值得期待的两个Features,目前转译器Babel对ES2015/ES2016支持非常良好。

1 async/await:协程,同步的写法写异步
2 decorator:装饰器

WebAssembly

V8中引入JIT(即时编译,即在程序运行前一刹那,偷偷编译)技术,JIT技术的问题:

1. JIT 基于运行期分析编译,而 Javascript 是一个没有类型的语言,大部分时间,JIT 编译器其实是在猜测 Javascript 中的类型.
2. 有很多的情况下,JIT 编译器都无法生成代码,比如异常, 比如 for in , 这个基本上是实现难度引起的.

虽然大大提升了JS性能,但是对于性能的要求总是无尽的。

继续提升的思路:

1 一种是 Typescript, Dart, JSX 为代表的,基本思想:语言是强类型的.
2 另一种是火狐的 Asm.js 为代表的, 做一个 javascript 子集, 同时试图利用标注的方法,加上变量类型.

WebAssembly是一种更激进的方案,编译过程前移(AOT),提供工具将各种语言转换成特定的字节码,浏览器直接面向字节码编译程序。

技术选型和架构

1 组件化:在工程上会大大提升项目的可维护性及拓展性,以及可复用性。组件化的指导策略一定是分治而不是复用,分治的目的是为了使得组件之间解耦,而如果以复用为指导原则,代码将变得臃肿庞大,不易维护。
2 工程化:合理开发流程和规范,自动化检测,系统部署,性能优化。

工具链的变化

构建工具 Gulp Webpack browserify
面向未来的包管理 Jspm(Http2.0已发布)

总之,近年前端发展太快,影响了新产品的技术选型,谁也说不准,现在的最佳实践是否是以后的反模式。前端的乱世也意味着更多的挑战和更多的可能,希望自己迎风而上,不落潮巅,加油。

 

此文为读点击这里有感整理.

posted @ 2016-07-07 14:30  5Mi17  阅读(405)  评论(0编辑  收藏  举报