4731

一：如今的前端是怎么样的？

104824xhmihgdvh99aqmwi 上图来自网上一些人总结的前端工程师需要具备的技术栈和基础知识，现如今公司招聘基本都要加上几个高大上的技术栈比如会 nodejs 会 php 优先 会 ng vue react 等等。 但是有些公司虽然招聘上写了这些东西，但是当人进去后却用不到相关技术。但是这些新技术可以判断这个人对新技术是否有最求和热爱。前段时间一个技术群里有个人私聊我说自学前端能学出来 么？ 对于刚接触这行的人来说或许这是很长问的，我只给他回答了一句，“静心系统学习前端基础，然后学习高级课程和新技术”，很多人说不对，我们不能执着于旧技术，新人超越老人就要学习新 技术。这种想法我也能理解，但是对于像我从 ie6 兼容走过来的人来说，新技术固然很好直接学习不用考虑太多的兼容性问题，但是我还是觉得一个优秀的前端工程师还是需要了解一些浏览器兼容的问题的解决方法。扯远了，回归话题，不管是新技术还是旧技术，我们都必须掌握原生的 js，最重要的是我们要掌握好 emascript 规范，最新的规范已经到了 es2017 的标准，babel 转换工具也是跟上了节奏的，许多新特性都在增加。现在的前端更像是一个大杂烩，但又在里面可以有迹可寻，未来全栈的前端将会越来越受欢迎。一门技术将会很吃不开。

二 、2017 年 emascript 将更加疯狂？

2016 转瞬即逝，我们即将迎来了崭新的 2017 年，2016 发生了太多的事情，webpack 的流行，babel 转换器，gulp 多任务处理，sass 也超越了 less 成为了首选的 css 预编译语言，angularjs 2.0 的发布（顺便一说 ng2.0 和 ng1.0 完全是两个不同的版本 跨度之大，当然开发者学习成本也在增加，所以英文和自学能力愈发重要。ng2.0 采用的是 typescritpt 这种强类型的 js 预编译语言，关于什么事 typescript 请自行百度，这是一款微软开发出来的 JavaScript 的超集，可以在 typescript 中书写原生 js 至于更多请看官网http://www.typescriptlang.org/），同时 vuejs2.0 版本也发布了，迎来了新的一个里程碑。react native 也意味着我们前端开发人员可以使用 es 来开发原生的安卓和 ios 应用，缺点还是不少，始终没有原生的灵活。这些工具和类库和框架相同点都是需要使用 nodejs 环境，而且基本都是需要使用 es2015 的语法，使用 babel 进行转换。还在考虑使用 es2015 存在兼容性问题？babel 转换工具可以把 es2015 的代码平稳地过度到 ecmascript5.0 版本，这样我们就可以快乐地使用 es2015 了。所以 2017 年 ecmascript 将会更加地疯狂 ，或许是新兴的 VR 领域，或许是在物联网领域的飞跃式发展等等都是值得我们期待的！

2017 ecmascript 也会书写新的篇章！

三、jQuery 还会流行多久？

前面讨论了 ecmascript 和前端技术栈，这里面有个重要的东西我们没有提，那就是 jQuery，这个库相信我们再熟悉不过，不管是专职的前端还是后台程序员都用过。这一年来唱衰 jQuery 的声音此起彼伏，我也是其中之一，现在我已经抛弃 jQuery 了，使用原生来写效果封装库。jQuery 真的一无是处？没有我们借鉴的地方么？我觉得有很多地方我们都可以借鉴，毕竟 jQuery 3.0 也出来了。虽然我还没有用过。移动端我更倾向于使用原生 js 和 zepto 这种轻量级的库。我们来回想下为啥我们当时会选择 jQuery ？jQuery 为啥又那么流行？ 最主要的是 jQuery 解决了 原生 js 在操作 dom 或者获取 dom 操作 css 方面等在不同浏览器上面的差异性。所以当时流行了起来，没记错京东以前也在用 jQuery 库，但是在现在浏览器日趋向标准化，统一化，原生 js 中的获取元素的 querySelector 这些方法可以很方便的获取元素 classList 这样的对象属性更容易操作 css 和样式。随着 ecmascript 规范在浏览器上面的继续推进，以及 webpack babel 这类工具的出现，使得现如今的 js 项目可以模块化，工程化，可以更加轻松地开发大型 web 应用程序，最近有段时间我听说了一个浏览器 jit 的概念。什么是jit 编译器  ？简单来说就是即时编译。现在浏览器 js 执行的工作流是单线程的而且是解释执行的。而如果浏览器支持了即时编译这种技术，那么 js 运行效率将会成倍增加（虽然 js 执行效率已经挺高了），所以前端最近几年十年都会是很火的技术。也是唯一一个能够一份代码运行在所有平台的技术。 难道 jQuery 真的那么不堪？没有我们值得学习的地方么？错了！有很多地方值得我们学习，最近分析看了 jQuery 的源码虽然还没有看完但是收货很多，jQuery 里面的链式调用，基于原型的插件拓展机制， 基于 sizzlejs 库的选择器，基于 jQuery 内部 CallBacks 对象的 Promise 和延迟对象实现都是我们值得学习的！jQuery 或许在几年后将会消失，vuejs reactjs ng 以及新出来的基于 nodejs 环境构建 web 应用的框架将会越来越流行，一线二线城市将会慢慢转向 vuejs 等新框架，慢慢抛弃 jQuery 或者完全启用。三四线城市基于城市水品和技术的原因可能会长期使用 jQuery。

四、2017 ecmascript 最新标准将更加疯狂 前端技术也会日新月异

选择了前端，你就选择了一条不归路，因为技术时时刻刻更新，规范时时刻刻更新，在这浮躁的前端里面我们要沉着冷静，学号 ecmascript 规范才是最好的方法，框架千变万化，都是基于 ecmascript 规范，2017 年你不懂 es2015 将会被慢慢淘汰，而且以后的代码你将越来越看不懂！ 2016 年 10 月 20 号                laike