Rumah hujung hadapan web tutorial js 年终总结:2016 年 JavaScript 回顾

年终总结:2016 年 JavaScript 回顾

Jan 17, 2017 am 10:36 AM
javascript

2016年对于每个web开发人员来说,javascript都是工作生活中非常大的一部分。

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

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

ECMAScript发展

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

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

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

渐进式Web应用程序

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

1.主屏幕图标

2.快速启动和自定义闪屏

3.快速执行

4.离线功能,无需互联网连接

5.网址,链接和书签

6.全屏或主题界面

7.沙盒执行

8.本地或基于云的存储

9.更少的设备空间和处理资源

10.更好的安全性(HTTPS是先决条件)

11.从任何搜索引擎轻松发现

12.请在安装前尝试

13.更简单的部署:它只是一个Web应用程序

14.没有AppStore废话:你的应用程序可以包含任何裸体画并且你绝对会渴望没有人能拿走你30%的利润!

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

1.在服务器上启用HTTPS。

2.创建一个应用程序清单 - 应用程序根目录中的JSON文件,用于定义名称,颜色,图标和显示选项。

3.创建一个Service Worker - 根目录中的JavaScript文件用于拦截网络调用,并且可以根据需要返回缓存或实时数据。

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

框架固定

via很难做出一个公正的判断,但是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年写JavaScript的时候,它似乎很有用;当你的应用程序检测到用户的手机即将关机的时候,到底怎样才能更好的最小化网络请求和处理呢?

不幸的是,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已经开始很久了,并且现在依然是服务端最靠谱的选择。然而,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的感觉。

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

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

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

祝大家2017工作,生活都一切顺利。

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk melaksanakan sistem pengecaman pertuturan dalam talian menggunakan WebSocket dan JavaScript Bagaimana untuk melaksanakan sistem pengecaman pertuturan dalam talian menggunakan WebSocket dan JavaScript Dec 17, 2023 pm 02:54 PM

Cara menggunakan WebSocket dan JavaScript untuk melaksanakan sistem pengecaman pertuturan dalam talian Pengenalan: Dengan perkembangan teknologi yang berterusan, teknologi pengecaman pertuturan telah menjadi bahagian penting dalam bidang kecerdasan buatan. Sistem pengecaman pertuturan dalam talian berdasarkan WebSocket dan JavaScript mempunyai ciri kependaman rendah, masa nyata dan platform merentas, dan telah menjadi penyelesaian yang digunakan secara meluas. Artikel ini akan memperkenalkan cara menggunakan WebSocket dan JavaScript untuk melaksanakan sistem pengecaman pertuturan dalam talian.

WebSocket dan JavaScript: teknologi utama untuk melaksanakan sistem pemantauan masa nyata WebSocket dan JavaScript: teknologi utama untuk melaksanakan sistem pemantauan masa nyata Dec 17, 2023 pm 05:30 PM

WebSocket dan JavaScript: Teknologi utama untuk merealisasikan sistem pemantauan masa nyata Pengenalan: Dengan perkembangan pesat teknologi Internet, sistem pemantauan masa nyata telah digunakan secara meluas dalam pelbagai bidang. Salah satu teknologi utama untuk mencapai pemantauan masa nyata ialah gabungan WebSocket dan JavaScript. Artikel ini akan memperkenalkan aplikasi WebSocket dan JavaScript dalam sistem pemantauan masa nyata, memberikan contoh kod dan menerangkan prinsip pelaksanaannya secara terperinci. 1. Teknologi WebSocket

Cara menggunakan JavaScript dan WebSocket untuk melaksanakan sistem pesanan dalam talian masa nyata Cara menggunakan JavaScript dan WebSocket untuk melaksanakan sistem pesanan dalam talian masa nyata Dec 17, 2023 pm 12:09 PM

Pengenalan kepada cara menggunakan JavaScript dan WebSocket untuk melaksanakan sistem pesanan dalam talian masa nyata: Dengan populariti Internet dan kemajuan teknologi, semakin banyak restoran telah mula menyediakan perkhidmatan pesanan dalam talian. Untuk melaksanakan sistem pesanan dalam talian masa nyata, kami boleh menggunakan teknologi JavaScript dan WebSocket. WebSocket ialah protokol komunikasi dupleks penuh berdasarkan protokol TCP, yang boleh merealisasikan komunikasi dua hala masa nyata antara pelanggan dan pelayan. Dalam sistem pesanan dalam talian masa nyata, apabila pengguna memilih hidangan dan membuat pesanan

Bagaimana untuk melaksanakan sistem tempahan dalam talian menggunakan WebSocket dan JavaScript Bagaimana untuk melaksanakan sistem tempahan dalam talian menggunakan WebSocket dan JavaScript Dec 17, 2023 am 09:39 AM

Cara menggunakan WebSocket dan JavaScript untuk melaksanakan sistem tempahan dalam talian Dalam era digital hari ini, semakin banyak perniagaan dan perkhidmatan perlu menyediakan fungsi tempahan dalam talian. Adalah penting untuk melaksanakan sistem tempahan dalam talian yang cekap dan masa nyata. Artikel ini akan memperkenalkan cara menggunakan WebSocket dan JavaScript untuk melaksanakan sistem tempahan dalam talian dan memberikan contoh kod khusus. 1. Apakah itu WebSocket? WebSocket ialah kaedah dupleks penuh pada sambungan TCP tunggal.

JavaScript dan WebSocket: Membina sistem ramalan cuaca masa nyata yang cekap JavaScript dan WebSocket: Membina sistem ramalan cuaca masa nyata yang cekap Dec 17, 2023 pm 05:13 PM

JavaScript dan WebSocket: Membina sistem ramalan cuaca masa nyata yang cekap Pengenalan: Hari ini, ketepatan ramalan cuaca sangat penting kepada kehidupan harian dan membuat keputusan. Apabila teknologi berkembang, kami boleh menyediakan ramalan cuaca yang lebih tepat dan boleh dipercayai dengan mendapatkan data cuaca dalam masa nyata. Dalam artikel ini, kita akan mempelajari cara menggunakan teknologi JavaScript dan WebSocket untuk membina sistem ramalan cuaca masa nyata yang cekap. Artikel ini akan menunjukkan proses pelaksanaan melalui contoh kod tertentu. Kami

Tutorial JavaScript Mudah: Cara Mendapatkan Kod Status HTTP Tutorial JavaScript Mudah: Cara Mendapatkan Kod Status HTTP Jan 05, 2024 pm 06:08 PM

Tutorial JavaScript: Bagaimana untuk mendapatkan kod status HTTP, contoh kod khusus diperlukan: Dalam pembangunan web, interaksi data dengan pelayan sering terlibat. Apabila berkomunikasi dengan pelayan, kami selalunya perlu mendapatkan kod status HTTP yang dikembalikan untuk menentukan sama ada operasi itu berjaya dan melaksanakan pemprosesan yang sepadan berdasarkan kod status yang berbeza. Artikel ini akan mengajar anda cara menggunakan JavaScript untuk mendapatkan kod status HTTP dan menyediakan beberapa contoh kod praktikal. Menggunakan XMLHttpRequest

Bagaimana untuk menggunakan insertBefore dalam javascript Bagaimana untuk menggunakan insertBefore dalam javascript Nov 24, 2023 am 11:56 AM

Penggunaan: Dalam JavaScript, kaedah insertBefore() digunakan untuk memasukkan nod baharu dalam pepohon DOM. Kaedah ini memerlukan dua parameter: nod baharu untuk dimasukkan dan nod rujukan (iaitu nod di mana nod baharu akan dimasukkan).

Bagaimana untuk mendapatkan kod status HTTP dalam JavaScript dengan cara yang mudah Bagaimana untuk mendapatkan kod status HTTP dalam JavaScript dengan cara yang mudah Jan 05, 2024 pm 01:37 PM

Pengenalan kepada kaedah mendapatkan kod status HTTP dalam JavaScript: Dalam pembangunan bahagian hadapan, kita selalunya perlu berurusan dengan interaksi dengan antara muka bahagian belakang, dan kod status HTTP adalah bahagian yang sangat penting daripadanya. Memahami dan mendapatkan kod status HTTP membantu kami mengendalikan data yang dikembalikan oleh antara muka dengan lebih baik. Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk mendapatkan kod status HTTP dan memberikan contoh kod khusus. 1. Apakah kod status HTTP bermakna kod status HTTP apabila penyemak imbas memulakan permintaan kepada pelayan, perkhidmatan tersebut

See all articles