亚洲女同成aV人片在线观看|亚洲www啪成人一区二区麻豆|亚洲国产中日韩精品综合|亚洲国产成人精品一级片|亚洲无码在线视频免费

1.前言

2017悄然過(guò)去，前端2018已經(jīng)來(lái)到。值得者們人在進(jìn)步(????)，關(guān)注技術(shù)在發(fā)展。前端2018年前端有哪些領(lǐng)域，值得者們技術(shù)值得關(guān)注，關(guān)注哪些技術(shù)會(huì )興??起，前端哪些技術(shù)會(huì )沒(méi)落。值得者們下面就我個(gè)人的關(guān)注判斷進(jìn)行一個(gè)預測判斷，希望能對大家起(qi)到一個(gè)參考作用!下面提及的前端技術(shù)，只是值得者們建議大家關(guān)注，(╬?益?)也不( ???)是關(guān)注建議大家全部的都要學(xué)，而是前端建???議大家按需學(xué)，自己覺(jué)得哪些需要??學(xué)，值得者們對哪些有興趣就學(xué)哪些!如果大家有什么工具，關(guān)注框架，庫覺(jué)得可以推薦的，歡迎在評論區提點(diǎn)，讓大家相互進(jìn)步，學(xué)習!

2.PWA

PWA(P??rogressive Web Apps)由谷歌提出，用前沿的技術(shù)開(kāi)發(fā)，讓??網(wǎng)頁(yè)使用如同App般的體驗的一系列方案。明確的一點(diǎn)就是：PWA就是一個(gè)網(wǎng)頁(yè), 可以通過(guò)前沿的(de)技術(shù)開(kāi)發(fā)出一個(gè)(╯‵□′)╯網(wǎng)頁(yè)應用??。

自從谷歌提出PWA后(′_｀)，就(⊙_⊙)持續的獲得了業(yè)界的關(guān)注，熱度可見(jiàn)一斑。就在今年，谷歌也宣布： PWA將獲得與安卓原生應用同等的待遇與權限 。這就意味著(zhù)以后的網(wǎng)頁(yè)基本和APP將越發(fā)將近，那么關(guān)注度將會(huì )進(jìn)一步的上升。

資料(╬?益?)參考：

【轉載】你的首個(gè) Progressive Web App

【轉載】下一代Web應用模型：Progressi??ve Web Appヽ(′ー｀)ノ

3.typeScript

TypeScript由微軟開(kāi)發(fā)。它是JavaScript的一個(gè)超集，自由和開(kāi)源的編程語(yǔ)言。在這個(gè)語(yǔ)言中，添加了可選的靜態(tài)類(lèi)型和基于類(lèi)的面向對象編程。由下圖說(shuō)明typeScript和JavaScript的關(guān)系!

(圖片來(lái)源牧之-- 從 JavaScript 到 TypeScript )

angular已經(jīng)開(kāi)始使用typeScrip??t進(jìn)行開(kāi)發(fā)，react和vue也進(jìn)一步加深對┐(′?｀)┌typeSc??ript的支持。不難發(fā)現，typeScript的火??熱程度!

資料參考：

TypeScript官方文檔

TypeScript 資源集

從 JavaS(⊙_⊙)cript 到 TypeScript(′-ι_-｀) 1 - 什么是 Ty??peScript(′；д；`) (看了第一篇，別落下這個(gè)系(′?_?`)列的幾篇文章)

4.parcel能給webpack帶來(lái)多大的威(??ヮ?)?*:???脅

webpack(′?｀*) 大家都知道是JavaScript模塊打包工具，簡(jiǎn)單的來(lái)說(shuō)就是把各個(gè)模塊就行分析，編譯，打包等，使產(chǎn)出的文件可以在瀏覽器中運行。

(圖片來(lái)源于菜鳥(niǎo)教程- Webpack入門(mén)教程 )

但是，但是。在2017末??就出現了一個(gè)黑馬： parcel 。parcel出??乎了大多數人的意料，也算是2017的最大驚喜之一。說(shuō)到parcel的最大優(yōu)勢，貌似就是webpack的最大劣勢：配置和性??能!parcel號稱(chēng)零配置，多核打包，并且使用文件緩存，在時(shí)間上比webpack快了將??近10倍!

(圖片來(lái)源于neal的文章- 宣布 Parcel：一個(gè)快速，零配置的 Web 應(ying)用打包工具 )

從star上面而言，Parcel的關(guān)注度似乎超過(guò)了當時(shí)了webpack，熱度仍在持續。

webpack難(′?｀)用之??處，我覺(jué)得??就是(shi)配置繁瑣，且文檔不完善，看著(zhù)也懵逼。至于打包時(shí)間方面，只能說(shuō)沒(méi)有對比就沒(méi)有傷害吧。如果Parcel能做好這幾點(diǎn)，說(shuō)不準能從webpack里面分到不少肉。

宣布 Parcel：一個(gè)快速，零配置的 We??b 應用打包工具

Parcel Vs Webpack

5.WebAss??embly

由谷歌, 微軟, Mozilla，蘋(píng)果等公司合作的一個(gè)面向Web的通用二進(jìn)制和文本格式的項目。

引用騰訊IVWEB團隊的說(shuō)法：WebAssembly是一種新的字節碼格式。它的縮寫(xiě)是".wasm"，.wasm 為文件名后綴，是一種新的底層安全的二進(jìn)制??語(yǔ)法。。它被定義為“精簡(jiǎn)、加載時(shí)間短的格式和執行模型”，并且被設計為Web 多編程語(yǔ)言目標文件格式。這意味著(zhù)瀏覽器端的性??能會(huì )得到極大提升，它也使得我們能夠實(shí)現一個(gè)底層構建模塊的集(ji)合，例如，強類(lèi)型和塊級作用域。

WebAssembly剛出來(lái)的時(shí)候，甚至有開(kāi)發(fā)者猜想，以后會(huì )不會(huì )是WebAssembly代替JavaScript。在這里(//ω//)，我的(de)感覺(jué)就是JavaSc┐(′ー｀)┌ript不會(huì )被W??ebAssembly代替，等待沒(méi)落，而是和WebAssembly共存的關(guān)系!2017年，chrome，火狐，IE，Saf??ari四個(gè)瀏覽器統一通過(guò)了WebAssembly的方案，這是很少見(jiàn)的情況，我所了解的是第一次出現這樣的統一ヾ(′▽?zhuān)??情況，可見(jiàn)四個(gè)瀏覽器廠(chǎng)商對WebAssembly的重視。至于2018年，WebAssembly會(huì )有如何的發(fā)(′▽?zhuān)?展(zhan)，這個(gè)難說(shuō)，初步預測應該還是普及推廣，但是還沒(méi)有到普及開(kāi)發(fā)使用的階段。但是無(wú)論如果，這個(gè)都值得關(guān)注(′-ι_-｀)!

來(lái)談?wù)?WebA??ssembly 是個(gè)啥???為何說(shuō)它會(huì )影響每一個(gè) Web 開(kāi)發(fā)者?

WebAssembly 實(shí)踐：如何寫(xiě)代碼

6.re??act,angular,vue三駕馬車(chē)??

2017年，react發(fā)展的迅猛，vue更是扮演框架黑馬的角色，而angular雖然關(guān)注度不如以前，但是不容忽視!在20(??ヮ?)?*:???17的調查報告里面(′ω｀)可以看到，趨勢基本上是reactヾ(′?｀)?已經(jīng)占據主流，不使用框架位居第二，angular1，angular2分列三四。

中國的情況就是，react第一，vue(╯°□°）╯︵ ┻━┻第二

vue在2017年很火，但在2018年vue的??潛力不容小覷如下圖(有1.2W人想使用vue)。雖然超過(guò)react的可能性不是很大，但是位置依然會(huì )提升

前端領(lǐng)域2017年有哪些變化，2018年又有怎樣的期待?

2017 前端大事件和趨勢回顧，2018 何去何從?

2017 JavaScript 現狀報告：詢(xún)問(wèn)了23000名開(kāi)發(fā)者，他們給出了這樣的答案

2018 年最值得關(guān)注的 JavaScript 趨勢

無(wú)論如何，框架這個(gè)我覺(jué)得沒(méi)有最好，只有最適合。三駕馬車(chē)也沒(méi)有說(shuō)一定要全部都要會(huì )!一下就是，如??果js基礎好，學(xué)習框架會(huì )比較容易上手。如果極端得??不學(xué)js，直接上手框架，會(huì )很吃力，很容易懵。

7.人工智能和大(°□°)數據

人工智能和大數據，不是一門(mén)技術(shù)，而是一個(gè)領(lǐng)域，最近??兩年都很火，也不止于前端。我也覺(jué)得是互聯(lián)網(wǎng)下一波的紅利。非常值得關(guān)注與學(xué)習!這也是一個(gè)流行的趨勢，因此一些數據可視化的工具(echart，??D3等)和人工智能的庫都得以收到??關(guān)注!

8.yarn VS npm

相信接觸到前端工程化，模塊化的開(kāi)發(fā)者都不可避免的使用npm進(jìn)行功能包的安裝依賴(lài)。尤其是在node.js的初期，npm就是工程化的一個(gè)標配。但是2017年(nian)，npm的地位顯然是收到了yarn的威脅!今年的調查結果，yarn還超越了npm。yarn的優(yōu)勢在于：快，安全，和一些感人細節!如果照著(zhù)情況下去，差距會(huì )逐漸變大!

參考資料

yarn, 不是又一個(gè) npm 第三方客戶(hù)端

Ya??rn vs npm: 你需要知道的一切

9.??css in js依然備受爭議?

前端領(lǐng)域，一向??是推薦結構層(html)，表現層(css)，行為層(┐(′?｀)┌javascript)分離。但是在react出來(lái)之后，這個(gè)準則就貌似被推翻了!因為react的組件結構，要求把html，c??ss，javascript寫(xiě)在一起。很多開(kāi)發(fā)者對??css in js不適應甚??至反對。那么在新??的2018???年，是否還是繼續的爭議下去?

參考資料

CSS in JS 簡(jiǎn)介

精讀《請停止 css-in-js 的行為》??

大家對CSS in JS怎么看?

不要再在JavaScript中寫(xiě) CSS了

10.flex和?grid布局更加流行

以前前端頁(yè)面布局的時(shí)候，inlineヽ(′▽?zhuān)?ノ-block(′_ゝ`)，float，postion布局等。但是有了flex和gri??d，布??局變得更加的簡(jiǎn)單。

首先f(wàn)lex基本已經(jīng)被所有的瀏覽器支持的，其方??便的特性也受到了很多??開(kāi)發(fā)者的熱捧!

而grid，網(wǎng)格布局號稱(chēng)是下一代的布局方式，??但是瀏覽器兼容方面就沒(méi)有flex那么好。但是這個(gè)也是有必要了解的。畢竟已經(jīng)被W3C納入標準了。??兼容性也是進(jìn)一步增強。

參考資料

Flex 布局教程：??語(yǔ)法篇

Flex 布局教程：實(shí)例篇

CSS Grid布局：什么是??網(wǎng)格布局 (看完這篇，建議連著(zhù)看下面的幾篇，都是大漠寫(xiě)的一個(gè)系列的文章，質(zhì)量(liang)非常高)

CSS Grid VS Flexbox：實(shí)例對比

rxjs我有稍微了解一下，但是還沒(méi)用上，可能是大家對這個(gè)也是比較陌生，但是我在這里提出來(lái)，是因為覺(jué)得rxjs還是值得推薦的。引用官網(wǎng)的( ?▽?)說(shuō)法：RxJS 是使用 Observables 的響應式編程的庫，它使編寫(xiě)異步或基于回調的代碼更容易。這個(gè)項目是 Reactive-Extensions/RxJS(RxJS 4) 的重寫(xiě)，具有(you)更好的性能、更好的模(╯°□°）╯︵ ┻━┻塊性、更好的可調試調用堆棧，同時(shí)保持大部分向后兼容，只有一些破壞性的變更(breaking changes)是為了減少外層的 API 。

參考資料

rxjs中文文檔

rxjs簡(jiǎn)單入門(mén)

通俗的方式理解RxJS

12.其它方面

受限于篇幅，還有幾個(gè)我也認為是可以關(guān)注的簡(jiǎn)單說(shuō)下。如下

小程序

首先微信小程序，自打微信小程序一出來(lái)，很多前端就吐槽。跟別人群聊的時(shí)候，很多人也提到：小程序一出ヾ(′▽?zhuān)??來(lái)，我就認為是沒(méi)前途的玩意?；蛘呔褪牵簻缃^APP不可能，小程序只是一個(gè)閹割版的APP，競爭廠(chǎng)商也不會(huì )開(kāi)發(fā)小程序。還有就是：學(xué)習這個(gè)還???不如關(guān)注了PWA，那個(gè)比這個(gè)更加有意義。談到的話(huà)語(yǔ)大概就是這個(gè)意思，2017年，我也是比較介意開(kāi)發(fā)小程序，(???)以至于2017我壓根?就學(xué)過(guò)小程序。但是就在17年第(′?ω?`)四季度還是年末，微信先后宣布可以?xún)惹秇tml5頁(yè)面，也可以開(kāi)發(fā)小游戲。讓我看過(guò)了小程序又有了剛發(fā)布的熱度。在18年，小程序發(fā)(fa)展如何，我是否會(huì )接觸和學(xué)習開(kāi)發(fā)小程序，走著(zhù)瞧。但是無(wú)論都(′?｀*)值得關(guān)注。

Electron

號稱(chēng)開(kāi)發(fā)桌面應用的一大神器。也嘗試了幾個(gè)官方的實(shí)例，運行很流暢(′ω｀)，只是因為暫時(shí)不開(kāi)發(fā)桌面應用，所以沒(méi)怎么關(guān)注，也沒(méi)學(xué)習過(guò)。201ヾ(′?｀)?8年依然關(guān)注，甚至會(huì )學(xué)習??開(kāi)發(fā)!

WebVR(?_?;) 與 WebAR

13.哪些技術(shù)會(huì )沒(méi)落/下滑

a??ngular

前面還說(shuō)到angular在前端框架里面還有很大的使用率。谷歌方面也是出到了5.x，居然在這里會(huì )出現?這里只是一個(gè)小小預測而已。2017討論angular的情況已經(jīng)是比較少了，在2018年里面angular的使用率覺(jué)得會(huì )繼續下滑，但不會(huì )沒(méi)落，并且在前??端框架里面依然有很大的一個(gè)地位。18年，angular還是會(huì )和react和vue齊名的三大框架，只是使用者不如react和vue那樣多。

jquery

jq??uery在(zai)2018年也不會(huì )沒(méi)落，只是使用率還是會(huì )進(jìn)一步的減少。說(shuō)到j(luò )query，還真是一個(gè)時(shí)代的轉變，在我剛接觸前端的時(shí)候，jquery打天下。那個(gè)時(shí)候??相對于其他的庫和框架，jquery就是一個(gè)巨無(wú)霸，使用率遙遙(?_?;)領(lǐng)先。就連微軟是在.net平臺上支持了jquery。在剛工作的時(shí)候(hou)，??潛規則就是：不會(huì )jquery，沒(méi)人承認你是前端?？梢?jiàn)當時(shí)的jquery的地位。也相信很多人對有jquery情懷。只是技術(shù)不講情懷!

es5以下版本語(yǔ)法

本段(???)內容提及的es6代表es6以上的語(yǔ)法，包括es7,es8。es5代表es5以下的語(yǔ)法，包括es3

es6經(jīng)過(guò)兩年的發(fā)展，方便和實(shí)用性得到了眾(/ω＼)多開(kāi)發(fā)者的歡迎。2017應該是es6語(yǔ)法的使用比率首次超es5，在2018年，es6語(yǔ)法使用比率會(huì )繼續的升??高。而es5等語(yǔ)法的使用比率會(huì )繼續的下滑。即使就目前開(kāi)發(fā)而言，還是要使用babel把es6的語(yǔ)法編譯成es5。

grunt

在gulp發(fā)布時(shí)，grunt的地址就已經(jīng)很受影??響了，現在又(you)有打包工具代替了自動(dòng)構建工具的部分工具，就顯得自動(dòng)構建工具的作用不如以前了，更別說(shuō)市場(chǎng)有一個(gè)更好的構建工具了--gulp。?

sea.js

sea.js由國人開(kāi)發(fā)，當時(shí)使用的時(shí)候還滿(mǎn)心歡喜，終于有國人的東西登上舞臺了。(′▽?zhuān)?)sea.js憑借簡(jiǎn)單，輕量等優(yōu)勢火極一時(shí)。但(dan)是有了es6的模塊化之后，就連sea.js的作者玉伯也在微博發(fā)言：應該給 Sea.js 和 KISSY 也樹(shù)一塊(°o°)墓碑了。

14.小結

好了，關(guān)于2018的的個(gè)人對于前端這一方面的(de)預測和一些推(╬?益?)薦關(guān)注的就寫(xiě)到這里了!雖然寫(xiě)了這么多，但是我并不是說(shuō)所有都要學(xué)，要會(huì )，而是建議大家關(guān)注，學(xué)習┐(′д｀)┌哪些技術(shù)看自己所需，看自己興趣。文章提(′_｀)及的也只是我平常關(guān)注的，有些只是我也是只是了解，但并沒(méi)有深入??學(xué)或者使用。也覺(jué)得在前端這一方面，沒(méi)有什么最好的工具，框架，庫等，只有最適合自己的。

最后，如果大家有什么工具，框架，庫或者其它的技術(shù)，歡迎在評論區內指點(diǎn)提出。讓大家相互學(xué)習，相互進(jìn)步!