【译】2016年javascript回顾
发布在个人翻译2016年12月22日view:391HTML5tadalafil前端开发ECMAScript 6JavaScript移动开发Reactweb框架前端的畅想前端工程师web前端工具
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

2016年是值得纪念、奇怪的、有点欢腾/可怕的一年,取决于你的观点。跟其他事件相比仅仅专注于JavaScript可能看起来无关紧要,但它是每个Web开发人员的工作生活中巨大的一部分。

JavaScript的流行继续激增。不是每个人都喜欢这种语言,但是你很少听到十年前的嘲笑意见。就个人而言,我一直喜欢JavaScript - 即使在早期,令人沮丧的年份。那些从C ++,Java或PHP方向接近它的人首先会感到困惑:JavaScript看起来很熟悉,但又不是。克服你的假设,你会喜欢它简单的优雅,实用性和灵活性。 (比如:日期处理仍然是一个噩梦!)

JavaScript在5月份庆祝它的21岁生日,让我们回顾成熟发展的第一年…

ECMAScript发展

ES6/2015是语言自诞生以来最重要的更新。规范花了七年才完成,但浏览器和运行时终于开始支持箭头函数,let、const,会带来更多的乐趣。 ES6兼容性表正在变成一个光辉的绿色

如果你需要支持旧的浏览器,全面切换到ES6也许会有一点早。对于旧的浏览器,一年多前发布的项目。您可以用ES6到ES5编译器(如Babel),但是开发非常复杂,需要引入额外的构建步骤。

ES7/2016是更多的革命。一个令人兴奋的新功能是async,它允许异步代码以同步方式写入,而没有回调或Promises(继续困惑我)的语法复杂性。

渐进式Web应用程序

我最喜欢的基于JavaScript的2016年技术授予Progressive Web Apps。 PWA是在谷歌的2015年Chrome开发者峰会上宣布,但稳定的技术和工具终于在7月到达Chrome 52。 PWA允许离线优先功能,并取代片状AppCache方法。 Web应用程序终于可以和native应用程序竞争,并提供以下优势:

  • 主屏幕图标
  • 快速启动和自定义闪屏
  • 快速执行
  • 离线功能,无需互联网连接
  • 网址,链接和书签
  • 全屏或主题界面
  • 沙盒执行
  • 本地或基于云的存储
  • 更少的设备空间和处理资源
  • 更好的安全性(HTTPS是先决条件)
  • 从任何搜索引擎轻松发现
  • 请在安装前尝试
  • 更简单的部署:它只是一个Web应用程序
  • 没有AppStore废话:你的应用程序可以包含任何裸体画并且你绝对会渴望没有人能拿走你30%的利润!

最重要的是:任何网站或者应用程序可以在几小时内转换为PWA。步骤:

  1. 在服务器上启用HTTPS。
  2. 创建一个应用程序清单 - 应用程序根目录中的JSON文件,用于定义名称,颜色,图标和显示选项。
  3. 创建一个Service Worker - 根目录中的JavaScript文件用于拦截网络调用,并且可以根据需要返回缓存或实时数据。

初期例子很少,但是PWA提供了一个不错的机会“动员”您的Web应用程序。固然也不能保证苹果将实施这项技术,但这并不重要,你的应用程序仍然可以在Safari中工作,它只是不会从离线执行中受益。我有一种感觉一旦Android上web体验有明显提升,苹果将鼓励支持PWA。

有关详细信息,请参阅 Dev.Opera’s Progressive Web Apps: The definitive collection of resourcesGoogle的PWA指南

框架固定

很难做出一个公正的判断,但是React似乎在今年受到最多的关注。你也许不同意;因为这取决于你使用的是什么,你曾经浏览过的地方和你说过的话!

Vue.js已经普及,2.0版本于9月发布。

AngularJS可能已经失去了它在2015年获得的一些势头,但这可能会随着9月发布Angular 2而改变。新版本是一个完全重写;它不是向后兼容v1.0。

新的框架和库是令人兴奋的,但是十年前的jQuery仍然强大。版本3.0于6月9日发布,v3.1随后于7月7日出现。该库现在以严格模式运行,支持Promise,并应用了各种修复。 (查看完整修改列表的升级指南。)

在使用JavaScript的96.4%的网站上用了jQuery。与之相比,Angular是最常用的现代框架 - 占0.5%。 jQuery 1.x是最流行的版本,占93.5%的安装。版本2.x占6.0%、版本3.x占0.5%。

我一直批评开发人员上来就直接使用jQuery。当有一个更合适的选项或一个小的JavaScript就足够了的时候,它可以被过度使用。然而,它提供了更浅的学习曲线,比大多数框架更灵活。其他框架或库要取代它需要很多年的时间。

API滥用

比如电池状态API。当我在2013年写的时候,它似乎很有用;当你的应用程序检测到用户的手机即将关机的时候,到底怎样才能更好的最小化网络请求和处理?

不幸的是,Mozilla预估大约有6%的网站用了这个API​​,但大多数是广告客户用来检测电池状态,并跟踪用户浏览了哪些网站的域名。当服务商知道一个用户手机快关机绝望的时候,以此来提高某些服务的价格,

虽然这不是JavaScript或API的问题,出于隐私方面的原因,Mozilla采取了空前的手段把电池状态API从Firefox 53中删除。这不太可能出现在iOS设备中,其他具有类似原因的API也包括传感器和蓝牙。这是一个不太光彩的事情:这些API都有实际的好处,我希望隐私问题可以在未来的版本得到解决。

Node新版本

每年两次的Node.js发布进度,给了我们带来了4月的6.0版本和10月的7.0版本。

目前该平台呈上升趋势,尽管W3Techs报告Node.js服务器使用率仅为0.2%,而PHP为82.3%。这些数字可能有点误导,因为Node.js即使安装了,也不一定能识别。

没有任何服务端运行时可能捕获PHP:因为php已经开始很久了,并且依然是主机提供最靠谱的选择。然而,Node.js正在书写自己的路径,并被所有语言信仰的开发者广泛使用。

Yarn

我非常喜欢npm,并且认为它是Node.js工具火爆的主要原因之一。在npm上我从来没有遇到过太多的问题,但我不是在Facebook这样大的项目上工作。

Facebook的工程师在10月份发布了Yarn。它是一个新的Node.js包管理器,旨在比npm更快更稳定。它依赖于npm注册表,因此可以和npm保持完全兼容。

Tim Severien的Yarn vs npm:你需要知道的一切。我同意他的结论:

虽然Yarn不是一个复制品,但它改善了npm几个缺陷的地方。如果npm从Yarn身上学习,并要求Facebook、谷歌和其他Yarn贡献者一起来改进npm,这样是不是很爽呢?

厌倦疲劳

2016年的有篇文章叫I-can’t-take-this-any-more入选了Jose Aguinaga的2016年学习JavaScript的感觉。亚军:dayssincelastjavascriptframework.com。

这些可能是种幽默的方式以表明当前JavaScript的状态,但有一点要说明的就是,就是现在要跟上最新的趋势,框架和建议变得越来越难。当面对大量的技术方案评估时,开发人员互相争执。

我的建议:不要试图跟上。因为这根本做不到。你今天重点关注的任何系统,明天都将被更好的东西取代。为您的项目选择一个好的方案,并坚持使用它,除非它让工作变得很糟糕。

有一个是可以确定的就是JavaScript本身。首先学习语言,并继续扩展你的知识。您的经验将帮助您了解每个框架的运作方式,以便您做出明智的选择。这种选择可能是完全放弃框架。

新年快乐!

评论
发表评论
暂无评论
WRITTEN BY
Ed
聊聊代码聊聊生活
TA的新浪微博
PUBLISHED IN
个人翻译

前端技术相关文章翻译

我的收藏