ouvenzhang的博客 | 易学教程

聊聊未来的前端时代

阅读更多关于聊聊未来的前端时代

2016年结束了，前端技术的发展也将进入到一个新的阶段，那么未来又会给我们带来什么呢？这里就个人发表下意见，不喜勿喷。就前端主流技术框架的发展而言，过去的几年里发展极快，在填补原有技术框架空白和不足的同时也渐渐趋于成熟。未来前端在已经趋向成熟的技术方向上面将会慢慢稳定下来，并进入技术迭代优化阶段，例如语言标准、前端框架等。但这并不代表前端领域技术就此稳定了，因为新的技术方向已经出现，并在等待着下一个风口的到来。那么什么是下一个风口？虚拟现实？人工智能？或者其它的？不管未来如何，就前端应用开发方向来讲，MVVM、Virtual DOM和同构的技术解决方案依然会延续发展一段时间。而且这段时间内前端框架技术的变化将不会像原来一样具有颠覆性。当 MVVM、Virtual DOM或同构等技术实践都有很成熟高效的框架和方案去实现了。那么对于移动端应用，前端要重点发展的下一步可能就是MNV 的原生NativeView开发，例如使用通用的MNV 前端技术实现方案来降低移动端Native和前端Web交互的开发成本，让前端既可以通过Native编译开发出稳定的原生应用外壳，也可用来开发快速迭代、高性能的移动端MNV*应用，最终形成一套移动端上高效率的前端开发生态体系。另一方面，新领域的Web化思路也会给前端带来新的技术革新和发展机遇，例如Web VR（Virtual

Nodejs下的ES6兼容性与性能分析

阅读更多关于 Nodejs下的ES6兼容性与性能分析

ES6标准发布后，前端人员也开发渐渐了解到了es6，但是由于兼容性的问题，仍然没有得到广泛的推广，不过业界也用了一些折中性的方案来解决兼容性和开发体系问题，但大家仍很疑惑，使用ES6会有哪些兼容性问题。一、Nodejs下ES6兼容性现状之前写了es6通过Babel编译后的在浏览器端的兼容性问题《Babel下的ES6兼容性和规范》，随着范围的扩展，ES6在Nodejs上兼容性也有必要重新梳理下。随着iojs的引入，新版的Nodejs开始原生支持部分ES6的特性，既然ES6在浏览器端使用需要使用babel等编译，在Nodejs总可以放心使用了吧。然而事实并非如此，为此在nodejs端，我也做了特性兼容性研究： ES6新特性在Nodejs下的兼容性列表这里罗列下nodejs支持的新特性，没列出的新特性均为不支持。 https://iojs.org/en/es6.html https://kangax.github.io/compat-table/es6/ ES6特性 Nodejs兼容性 let,const,块 strict模式支持 class类 strict模式支持 Map，Set 和 WeakMap，WeakSet 支持 generators 支持进制转换支持对象字面量扩展支持 promise 支持 String对象新API 支持 symbols 支持

前端数据的双向绑定方法

阅读更多关于前端数据的双向绑定方法

前端数据的双向绑定方法前端的视图层和数据层有时需要实现双向绑定(two-way-binding)，例如mvvm框架，数据驱动视图，视图状态机等，研究了几个目前主流的数据双向绑定框架，总结了下。目前实现数据双向绑定主要有以下三种。 github演示例子 1、手动绑定比较老的实现方式，有点像观察者编程模式，主要思路是通过在数据对象上定义get和set方法(当然还有其它方法)，调用时手动调用get或set数据，改变数据后出发UI层的渲染操作；以视图驱动数据变化的场景主要应用与input、select、textarea等元素，当UI层变化时，通过监听dom的change，keypress，keyup等事件来出发事件改变数据层的数据。整个过程均通过函数调用完成。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>data-binding-method-set</title> </head> <body> <input q-value="value" type="text" id="input"> <div q-text="value" id="el"></div> <script> var elems = [document.getElementById('el'), document