界首seo网站推广办事_一文读懂前端技能演进盘点Web前端20年的技能变迁史

文章目录 [+]

在这将近20年的前端发展史中，我们经历了从最早的纯静态页面，到JavaScript跨时期的出身；从PC端到移动端；从依赖后端到前端可自由打包开拓；从早期的网景Navigator浏览器到现在各家浏览器百花齐放……

我们经历了前真个洪荒时期、Prototype时期、jQuery时期、后jQuery期间、三大框架盘据时期，这个中均是由国外开拓者主导，直到如今的小程序时期，才是中国开拓者独创的。

界首seo网站推广办事_一文读懂前端技能演进盘点Web前端20年的技能变迁史界首seo网站推广办事_一文读懂前端技能演进盘点Web前端20年的技能变迁史搜狗SEO

这是漫长的技能储备下的成果，终极匆匆成了良好的技能发展收成。
期间的前端发展之路，波折困难。

（图片来自网络侵删）

（本文同步发布于：http://www.52im.net/thread-2719-1-1.html）

2、干系文章

《小程序技能始于微信？来看看移动端小程序技能的前世今生！
》

《盘点主流移动端跨平台UI技能：实现事理、技能利害、横向比拟等》

《最火移动端跨平台方案盘点：React Native、weex、Flutter》

《快速理解Electron：新一代基于Web的跨平台桌面技能》

3、洪荒时期（1990~1994年）

在1990~1994年期间，前端界发生的大事有：WWW（World Wide Web）的出身、浏览器的出身、JavaScript的出身，没有专业的前端，页面全是由后端开拓的。

1990年，万维网之父蒂姆·伯纳斯-李（Tim Berners-Lee）在NeXT电脑上发明了第一个Web浏览器。

▲ 互联网之父——伯纳斯·李（Tim Berners-Lee）

1991年8月6日，Tim在alt.hypertext***组贴出了一份关于World Wide Web的大略择要，这标志了Web页面在Internet上的首次登场。

1990年12月25日，罗伯特·卡里奥在CERN（登基于日内瓦的欧洲原子核研究会）和蒂姆·伯纳斯·李一起成功通过Internet实现了HTTP代理与做事器的第一次通讯（有关HTTP的详细先容，请见《网络编程

最早的Web紧张被一帮科学家们用来共享和通报信息，全天下的Web做事器也就几十台。
由于仅是用来通报信息，从可视化办法或从通报数量上看，仅比电报强一点点。

当时还没有JavaScript，用的是纯静态的页面。

1993年，CGI（Common Gateway Interface）涌现了，人们可以在后端动态天生页面。

Perl由于跨操作系统和易于修正的特性成为CGI的紧张编写措辞。
当然，CGI也支持其他支持标准输入输出和环境变量的措辞编写，比如Shell脚本、C/C++措辞，只要符合接口标准即可。

但显然，页面的内容更新完备由后端天生，这带来一个明显的缺憾：每次更新都要整页刷新，加上早期的网速情形，这个操作是非常慢的。
因此针对这情形，人们从多方面动手改进：编写措辞的升级、浏览器的升级、HTML的升级。

1994年，网景公司成立，发布了第一款商业浏览器Navigator。
自从这款浏览器面世后，微软推出IE浏览器。
虽说有竞争才有发展，但这也埋下了JavaScript分裂的种子。

▲ 1994 年，网景浏览器的截图

同年，PHP出身。
PHP能将动态的内容嵌入到HTML中，提升了编写页面的效率与可读性，其性能也比一样平常的CGI高。
PHP的界定符、循环语句等的发明，深刻影响了后来的ASP、JSP，乃致后来的JavaScript前端模板引擎。

1994年10月，W3C小组也成立了，他们卖力HTML的发展路径，其宗旨是通过促进通用协议的发展。

待这统统就绪后， JavaScript于1995年出身了。

传闻，网景工程师布兰登·艾克（Brendan Eich）只花了10天韶光设计出 JavaScript 措辞，近乎上帝七日创造天下那么高效。
但也由于工期太短的缘故，导致许多瑕疵，因此一贯被正统程序员所嫌弃，直到Ajax的出世，才让人们找到情由忍受它的畸形。
早期的浏览器都配有一个选项，用来禁止JavaScript措辞运行。

兰登·艾克（Brendan Eich）:

艾奇不仅是Mozilla的联合创始人，还是JavaScript技能的创始人。
自1998年起，他开始深度参与Mozilla各方面的发展事情，包括Firefox浏览器和Thunderbird的研发。
2005年，艾奇被任命为Mozilla公司的首席技能官。

JavaScript紧张措辞特色：

1）借鉴C措辞的基本语法；

2）借鉴Java措辞的数据类型和内存管理；

3）借鉴Scheme措辞，将函数提升到\"大众第一等公民\公众（first-class citizen）的地位；

4）借鉴Self措辞，利用基于原型（Prototype）的继续机制。

时下，静态措辞大行其道，类与接口被证明是构建大工程的最佳实践，人们想不出没有类的措辞如何编写业务。
因此当时的微软也打造了另一门运行于浏览器的措辞——VBScript。

如果连续细探JavaScript的能力，你会创造它早期真的非常空洞，一门没有灵魂的措辞，没有包管理机制，也没有像Java与C++那样的打赞助用的SDK，内置的方法也屈指可数。
比如说数组方法，早期只有push、pop、shift、unshift、splice、slice、sort、reverse、concat、join等操作。
动态调用方面，Function的apply、call操作还没有涌现！

从前的偷

除了方法缺少，还有性能问题，大家谈论用eval还是Function，用哪种循环办法，用parseInit还是~~，便是为了那一点点的性能提升。
例如jsperf.com，便是一个专门研究JavaScript性能的网站。

因此JavaScript出身后，其两大任务便是完善措辞特性与提高性能。
这两座大山分别由著名的prototype.js与jQuery来搬掉。

在搬掉之前，前端界还有一个弯曲实践——第一次浏览器战役，并由其发展而来UA嗅深技能。

4、浏览器战役（1994~2005年）

浏览器战役一共打了三场，IE浏览器vs网景浏览器、IE浏览vs火狐浏览器、IE浏览器vs谷歌浏览器。

第一场浏览器之战打得尤其激烈。

微软的IE浏览器发布于1994年，但此时的网景已经盘踞绝对上风。
微软在掉队的情形，反编译Netscape的源码，推出IE与JScript。
但是由于Bug非常多，大家不愿意为IE开拓网站，因此发掘出UA，专门过滤掉IE浏览器。

UA即Navigator.userAgent ，是用一个字符串来记录用户当前运行在什么操作系统与浏览器中。

当时IE3的UA是这样的：

Mozilla/2.0 (compatible; MSIE 3.02; Windows 95)

程序判断UA信息，如果创造当前运行的环境是IE浏览器的话，就提示用户用网景浏览器打开。
因此微软不得不让自己的UA只管即便伪装成网景的UA，欺骗用于检测UA的脚本，达到IE浏览器可以跑这些网站的目的。

终极，第一次浏览器之战以微软胜利，Netscape被美国在线收购，而落下帷幕。

第一次浏览器战役年代非常久远了，但其结局见告我们，实在技能强弱并不主要。
那时技能保护并没有这么重视，否则微软的行为可能会被告（谷歌的openSDK仅抄袭几十行代码，被Oracle公司诉讼赔88亿）。

第一次浏览器战役带来了一个问题：只管当时有ECMA-262（JavaScript规范文档）与W3C（HTML与CSS的规范文档），微软却没有照规范来实现JavaScript、HTML与CSS，导致前端兼容问题的出身。
以是CSS Hack、浏览器剖断、特性侦测，这些技能就应运而生。

这个时期最著名的人物是Dean Edwrad，他是最早的近乎完美办理事宜绑定的兼容性大神，其addEvent()内置于jQuery最早的版本中。
jQuery的作者John Resig看到其超强的技艺，末了放弃推出大而全的框架，专攻选择器引擎。

John Resig：

John Resig是jQuery的创始人和技能领袖，目前在Mozilla担当JavaScript工具开拓工程师。
著有《Pro JavaScript Techniques》（即《精通JavaScript》）等经典JavaScript书本。

Dean Edwrad的IE7.js、IE8.js是早期处理浏览器兼容的良药，可以说是统统Polyfill的起源。
他写了大量的Hack，比如在IE如何丈量元素的宽高，许多操作DOM的兼容。

这期间太早，中国基本没有参与这次浏览器战役。

5、Prototype期间（2005~2009年）

Prototype是Sam Stephenson写的一个非常优雅的JavaScript根本类库。
他是Ruby的大牛，因此Prototype的许多方法名都是来自Ruby界。

Sam Stephenson最大的贡献是发掘了Prototype与创造了Function.prototype.bind，在数组上也写了一大堆方法，个中许多被标准化了。

同期的MooTools也是Prototype挂方法，当时，大家还在前端论坛为这个争吵。
还有前端工程师喜好在当时很出名的前端聚拢地——蓝色空想（现沦为设计师网站）上，谈论如何扒脚本、分享弹层、日历等小组件的技能，这在当时已经是非常了不起的事。

Prototype当时还办理两大问题：动画殊效与Ajax要求。
动画殊效是由Scriptaculous供应，我们现在所熟知的各种缓动函数，各种殊效的命名与大致的运行形态，都是由Scriptaculous确定下来的。

在早期，谷歌就开始利用iframe实现页面刷新。

2005 年2月，杰西·詹姆士·贾瑞特（Jesse James Garrett）揭橥了一篇名为《Ajax：一种Web运用程序开拓的新方法》的文章后，Ajax被挖掘出，大家才开始重视起这技能的运用。

杰西·詹姆士·贾瑞特（Jesse James Garrett）：

杰西·詹姆士·贾瑞特是一名用户体验设计领域的设计师、网页体验设计公司Adaptive Path的创办人，是AJAX技能术语的命名者。

例如IE下的ActiveXObject(\"大众Microsoft.XMLHTTP\"大众)，这是IE创建Ajax引擎的。
如果当时有工程师开拓出一个核心库，如果不包含Ajax的封装，便不好意思发布出来。

▲ 一些Ajax书藉

当时前端开拓模式是选择一个核心库，找一些组件，或者扒别人的脚本进行开拓。

Prototype的源码挺好理解的，代码量也少，只有5000多行，里面的每个方法也很易扒出来，因此一些大公司总有高手能创造自己的Prototype。

但前端开拓还是离不开后端，由于前端没有模块机制，当时我们须要用PHP进行打包。

打包是雅虎34条军规之一，可以减少要求数。
打包的同时也可以进行稠浊，防止代码小偷来窥伺。

N年前，前端口试必问的题目：

▲ 模块化的雏型，在注释中标注它的依赖

这个期间，还没有前后端分离，可海内一些带着深厚后端背景的高手已经入场。

6、jQuery 期间（2009~2012年）

2006年，jQuery发布，它当时的竞争对手很多：Dojo、Prototype、ExtJS、MooTools。

以是那时jQuery的宣扬口号仅能说是它的性能上升了100%、200%、300%。
直到2009年，Sizzle选择器引擎研发成功，jQuery才取得压倒性的上风。

当时前端界紧张面对的是浏览器兼容性问题，jQuery在处理DOM兼容上真是知微见著, 发掘出大量的DOM/BOM兼容方案（例如Dean Edwrad的addEvent()， IE的px转换方案，domReady的doScroll方案，globalEval的兼容方案等）

jQuery也冲破了前端开拓者的编程思维，之前是按照后真个开拓思路来的：做一个业务就先封装一个类，有了这个类后，再想办法传入一个DOM，然后再通过类方法操作DOM。
而jQuery是DOM为中央，开拓者可以选一个或多个DOM，变成jQuery工具，然后进行链式操作。
当时为了改变用户的思维，海内的高手写了不少文章来勾引大家。

其次，开拓者们已开始看重前后端分离，并哀求不能污染Object原型工具，不能污染window全局变量。
这样，jQuery只占用两个全局变量。

再次，jQuery非常轻量级，采取Dean Edwards编写的Packer压缩后，大小不到30KB。
并且里面实现得非常精妙，以令人瞠目的手段办理各种兼容痼疾。

为了学习这些技巧，高手们翻了一遍遍jQuery的源码，以是网上有大量关于其源码详解的书藉。
乃至前端工程师在口试时也会被考到jQuery的源码实现，这样，jQuery在海内更加盛行。

jQuery的盛行间接带来以下的发展：

1）匆匆使人们对CSS1~CSS3选择器的学习；

2）促进了浏览器原生选择器引擎document.querySelectorAll、Element.matches的出身；

3）提高人们对domReady（DOMContentLoaded事宜）的认识；

4）促进了Promise与requestAnimateFrame 的出身；

5）最主要的是降落前端门槛，让更多人进入这行业，前端工程师的军队越来越壮大。

这样的话，不断呈现出精良的工程师，他们创造了大量jQuery插件与UI库。
为后jQuery时期，人们研发前端模块加载、统一异步机制、打造大型MVC框架，乃至伸向后端，接管打包脚本而发明Node.js，来腾出大量韶光。

这个期间呈现了大量jQuery-like的库，个中最著名的是Zepto.js。
Zepto的涌现也标志着我们进入移动互联网时期。
那时配套出的著名库还有iScroll、fastclick、Lazy Load、Modernizr、fullPage。

jQuery的链式操作风靡一时，也带来许多问题，当Ajax涌现依赖时，就不可避免就涌现回调地狱。
因此针对这方面的谈论，出身Deffered与Promise。
有关回调地狱的谈论，在后来讲Node.js异步处理时，将会再一次热烈地谈论。
因此太阳下没有新事，我们总是碰着相似的问题。

jQuery如此多的选择器也法掩护，随着越来越多人呈现这行业，页面的交互也越来越繁芜，从Web Page向Web App进化，新的趋势带来新的开拓办法。

7、后jQuery期间（2012~2016年）

这期间以RequireJS的出身为出发点，以RN的涌现结束。
同时办理了前真个模块定义问题，模块打包问题（通过Node.js），JavaScript不依赖其他措辞创造了一套自己的工具链。

jQuery的涌现让前端工程师开拓更加轻松，如果工程师想实现一个功能，现搜索出一个jQuery插件来实现。
那时候大家在前端网站就整天先容jQuery插件，很少谈论一些底层的实现。

前端工程师常日编写一个页面，会引入十多个乃至几十个jQuery插件，页面上塞满了Script标签。
众所周知，浏览器是单线程，Script的加载，会影响到页面的解析与呈现，导致著名的白屏问题（当时前端用力过猛，body中的所有东西都是动态天生的）。

jQuery另一个问题是全局污染，由于插件的质量问题，或者开拓的本色问题，这已经是IIEF模块或命名空间等传统手段无法办理了。

于是一些精良的前端工程师们决定向后端取经，引入模块机制。
早期，这种模块机制在Dojo、EXT这些框架中都是内置的，但是显然说服不了另一个框架的用户用对方的模块机制，于是有人立志要统一这种模块定义办法，成立了CommonJS。

但不料，CommonJS内部也有派系，谁也说不服对方。
终于有一个人忍不住自己独立开拓出RequireJS，其模块规范即为AMD。
AMD最大的上风是它支持各种插件，且大略明了，并且供应shim机制加载以非AMD规范编写的JavaScript代码。

但在CommonJS出身良久一段韶光后，在后真个Node.js涌现时才有用武之地。
而海内，则盛行另一种规范风格，背靠阿里的大旗，有人推出了SeaJS，号称其规范为CMD。
实在无论海内还是国外，都产生许多模块加载器，但末了还是被淘汰了，规范一个就够了，不宜过多。

但是前端工程师的创造力便是这么惊人，从无到有，再到泛滥成灾，一年足矣。
这可能与前端代码是开源的缘故原由。
末了有人统一了前两种规范（AMD、Node.js模块），同时还支持老式的“全局”变量规范。

自此，JavaScript开拓模式焕然一身了，大家只要在代码表面包一层就可以全天下通用，不用担心全局污染的问题。

其次，jQuery开拓者须要办理大段HTML的天生问题，之前jQuery有$.html, $.append, $before等方法，可以将一大段符合HTML构造的字符串转换成DOM再插入到页面上。

但现在我们想分离出来，让HTML独立到不同的文件中，然后插数据，这便是前端模板。
前端模板的情形与模板规范一样，从没有到多如芝麻的田地。
这时筛选一个好用且性能高的模板是一件让前端工程师头疼的问题，那时网上有许多评测文章来先容它们。

前端模板技能可以用一个公式来描述：

HTML = template(vars)

有了前端模板后，又出身了前端路由，基于它们，人们发明一个新词汇SPA。
作为这个时期的尾声，来自Ruby界的高手Ryan Dahl发明了Node.js。
前端工程师们欢呼：可以不用传统的后端就能自己写一个网站了！

▲ Node 之父 Ryan Dahl

Node.js的发展就不详述上，很快它就冒出海量模块、路由、状态管理、数据库、MVC框架都有了。
这时，前端就缺自己的MVC框架了。
Node.js转眼就十岁生日了。

著名的MEAN架构，是JavaScript全栈开拓的先锋。
当时呈现了大量的MVC与MVVM框架。
最先火起来的是Backbone.js，利用纯洁的MVC模型， Backbone.js是jQuery末了的支持者，它强依赖于jQuery。

Backbone.js的作者还搞了另一套编译措辞CoffeeScript, 里面的箭头函数、类机制、解构赋值等语法糖都深深影响了后来的ES6。

接着下来是谷歌的Angular，微软的Knockout.js，苹果的Ember.js这三个MVVM框架，MVVM便是比MVC多一个数据绑定功能，但这数据绑定功能是非常难实现。
Knockout是利用函数代替属性的技巧实现，它的设计影响到后来的Mobx；Ember.js是基于Object.defineProperty；Angular是将函数体转译成setter()、getter()函数。

大公司的参与，对个人开拓者影响是很大，毕竟大家都爱迷信大公司，因此局势一下子就稳定下来。
大公司还带来了全新的开拓模式，早期都是找一个核心库，再搜刮一大堆插件，然后自己写业务代码，末了后端打包。

大公司将后端开拓履历挪用过来，用Node.js开拓了一套CLI，里面包含了脚手架天生，打包脚本、语法风格检测、环境变量插入，代码繁芜度检测，代码提交时自动跑单元测试，图片与JS压缩等功能。
ESLint、JSLint、JSHint、CSS Lint、 htmllint等便是那期间涌现的。

但CLI的涌现导致了前真个分裂，以前大家都利用jQuery，但自CLI帮你建好项目的那一刻起，就将你划归某一子阵营，你是Angular？Ember.js？还是jQuery？对了，jQuery没有大公司支撑的阵营被快速边缘化。

对付个人开拓者，他们是没有能力开拓这么功能完备的CLI，于是涌现了Code Climate、Travis CI、CircleCI这样的平台。
它们的涌现标志着jQuery小作坊时期的闭幕了。

▲ CircleCI官网

前端开拓者也涌现分解：有些人转向后端，涌现了CNode的门户网站。
其余一些人开始搞工程化。
一韶光涌现上百种构建工具，出名的有Grunt、Gulp、FIS3、webpack、 Rollup、npm-script。

你方唱罢我登场，这些构建工具均会经历时期的磨练，如大浪淘沙般，末了存活得仅为寥寥。

因此在这场工程化的盛宴中，注定把许多低层次的jQueryer淘汰掉。
jQueryer在空闲之余造就出的前端模板、前端路由、MVC框架、模块加载器、Node.js构建工具，却不料终极成为它自己的挖墓人。

jQuery的时期一去不返了，再没有人关心拖了N年的Bootstrap 4终于发布了，没有人知道jQuery3.5的瘦身操持，也没有人问jQuery的源码，逐渐地，大家不关注jQuery的工具链了。

8、三大框架盘据时期（2016~至今）

React是溘然爆发的，虽然它是与Angular是同期间发布，但由于JSX怪异的语法让人们阔别它。
此时已经进入移动互联网的中期，大公司都有自己的App，或者基于原生，或者基于Hybird（详见：《盘点主流移动端跨平台UI技能：实现事理、技能利害、横向比拟等》、《最火移动端跨平台方案盘点：React Native、weex、Flutter》）。

Hybird是用WebView加载一个网站或一个SPA。

由于原天生本太贵，须要招两套班子，一套安卓的，一套iOS的；而Hybird则一贯存在性能问题。
于是在2017年，Facebook推出了React Native（RN）。

RN的性能不比原生差多少，比Hybird能好些，其次利用JSX开拓界面比原生的快；RN 只须要低本钱的前端开拓职员就能上手了。
中国海内经由瀑布流（图片导购）、团购、P2P、区块链等全新商业模式的开拓浪潮后，前端职员数量大增。
现在，他们只要轻微培训就可以转型为App开拓。

在开拓RN的过程中，人们开始理解React一系列的良好之处。
比如JSX背后的虚拟DOM技能，虽然事实证明虚拟DOM不会带来性能的巨大上风，但担保了你怎么写其性能不会太差。

React为了引入JSX，必须须要引入编译，这又间接匆匆成Babel与webpack的壮大。
尤其是Babel，让我们在很旧的浏览器中利用非常新的语法，乃至一些还没有定案的语法。
React从14升级到React 15，逼迫利用class语法，让这个推了好久的语法糖终于大规模落地。

之前如果JavaScript想利用类，只能自己仿照类，由于没有官方的实现，只能任由各精良工程师发挥。
而普通人想用好类，须要理解很繁芜的Prototype机制。

现在只用几个新关键字就可以得到这统统。

如果比拟Python 2与Python 3间的升级，JavaScript实在太辛运了！
针对CSS逻辑功能过弱的问题，我们也有了新的办理方案：Less、Sass、PostCSS与CSS Modules！

谷歌在发布Angular的同时，也发布了一个叫Polymer的框架，那时它想推广一种叫Web Components的浏览器自定义组件技能。
这实在是微软在IE5就玩剩的HTC技能的升级版。
虽然它没有火起来，但它将Script、Style、Template三种内容混在一个文件的设计，启示一个留美华人，再结合当时的Backbone.js、Angular等设计，Vue.js横空出世。
目前，这是国人最成功的前端框架了。

尤雨溪：

尤雨溪是Vue.js框架的作者，HTML5版Clear的打造人。
尤雨溪毕业于上海复旦附中，在美国完成大学学业，本科毕业于Colgate University，后在Parsons设计学院得到Design & Technology艺术硕士学位，现任职于纽约Google Creative Lab。

除此之外，国人也弄了好几套迷你React框架与迷你Vue框架。
这有点像jQuery时期，大家猖獗做迷你jQuery框架一样。

总的来说，最有创造力的是React团队，做出状态管理器、CSS-in-JS、Flow静态类型检讨、devTool、Fetch、前后端同构、Fiber、suspend、并发渲染等名词层出不穷。
个中，状态管理器拥有上百套， CSS-in-JS也拥有上百套，Flow则让前端尝鲜到接口编程的好处，间接推动TypeScript发展。
这三大框架无法比拼个一二出来：Vue.js有国人的拥趸，React与Angular有大公司光环。

三大框架的缠斗从PC领域扩展到移动端：React有RN， Vue.js有Weex，Angular有ionic。
想当年我们为了兼容浏览器，攒了一大堆浏览器侦查的Hack，全部贬值为垃圾了。

在这期间，一种全新的后端渲染崛起，称之为前后同构，既拥有早期SEO的功效，又能复用大量的业务逻辑。
随着海内移动互联网的发展，获客本钱提高，各种有效的商业模式都进入红海，但只有头部用户能赚到钱，马太效应越来越严重，纯粹的技能办理方案已经无法知足商业诉求了。

9、小程序时期（2017~至今）

小程序时期与三大框架的时期险些重合，但是出自不同一批人，决斗的平台也不一样。

一贯以来前端技能都是由国外开拓者主导的，即便是Vue.js也是由美国的华人创造的。
但是国内外的技能更新是存在代差，海内常日延期两三年，这个韶光差可以让一些模拟者得以生存（如SeaJS、FIS、avalon）。
但随着封闭的韶光越来越长，海内肯定也会出身自己的专有物种。
小程序便是个中之一。

小程序的涌现有着明显的商业诉求，由于马太效应，一些超大流量的App出身了。
这些大流量App集成了许多功能，但显然公司再多员工，也无法所有功能全是自己弄，于是产生小程序这种“外包”的手段。

小程序是海内前端技能的一次厚积薄发：底层运行的迷你React的虚拟DOM，内置组件是利用Web Component，API来源于Hybird的桥方法，打包利用webpack，调试台是Chrome console的简化版， WXML、WXSS的语法高亮也该当是webpack或VS Code的插件，模块机制是Node.js的CommonJS……个中最值得一提的是微信开拓者工具，往后开拓者工具成了各种小程序/快运用的标配。

但微信小程序一开始的复用能力非常弱，没有类继续，不能利用npm, 不支持Less、Sass，因此基于它的转译框架就应运而生。
第一代转译框架是wept、WePY、mpvue，它们无一例外是Vue风格的。
由于WXML的模板指令与Vue非常相似，只是改一下就能兼容。
当时也涌现了一个MINA的框架，听说是微信团队开拓的，可以单独架起Node.js后端，让小程序运于浏览器中，方便做单元测试。

第一代转译框架紧张是基于Template标签实现组件机制，自定义组件机制是往后的事了。
这就造成了利用第一代转译框架编写的小程序项目很难升级。
那时候是个人开拓者的天国，这些框架都是某一大牛独力开拓的。

第二代转译框架是大公司主导的，由于须要兼容的小程序越来越多，百度、支付宝、字节跳动、小米、华为等公司都推出自己的小程序和快运用。
个人开拓者很难凭个人力量去开拓转译框架，这时候各大团队纷纭推出自己的轮子：如京东的Taro、滴滴的Chameleon、网易的Megalo、去哪儿网的nanachi、百度的Okam等。

在这个期间，Angular显然后进了，一是Angular升级太快，海内的高手还没有消化好，新一版的Angular又发布了。
二是海内缺少迷你Angular的轮子，导致弘大的Angular无法塞进小程序中。

国外谷歌发布了Flutter跨平台转译框架，但是它的编写措辞是Dart，它也无法跨界到小程序中。

未来不仅海内一线巨子争夺小程序，二三线的巨子也可能会加入小程序的混战中，例如有人称360也在打造自己的小程序平台。
小程序这种新的流量变现模式深刻地影响了海内的互联网布局。

10、结束语

当初JavaScript被误解为最糟糕的措辞，时至今日它是最盛行的措辞：GitHub 60%的开源项目都是与JavaScript有关。

以前，从事这行业的人被称为页面仔，现在他们的起薪有的比PHP、JAVA、C++等后端还高。
乃至有人说，“任何可以利用JavaScript来编写的运用，终极会由JavaScript编写。
”

我们前端开拓者触及的领域不仅仅是浏览器，还可以做后端，做桌面端，做手机端，做小程序端，前端开拓者的性价比越来越高，越来越主要。
可谓是时期造英雄。

笔者有幸成为前端开拓者大军队中的一员，也坚信我们前端开拓者往后的路会越来越宽，越来越好走。

附录：有关Web即时通讯技能的文章

Web即时通讯新手入门贴：

《新手入门贴：详解Web端即时通讯技能的事理》

Web端即时通讯技能盘点请拜会：