NO IMAGE
1 Star2 Stars3 Stars4 Stars5 Stars 給文章打分!
Loading...

2017年就要這一年內除了三大框架蓬勃發展,前端其他領域的技術也都在眾多專注於前端開發的開發者的一起努力下不斷進步,下面我就總結一下2017年興起2018年可能會成為潮流的一部分前端技術。
本文只是一個概覽,我們來看看這個技術主要是幹什麼的,解決什麼問題,當然這篇文章還有一個重要目的是,讓你瞭解這些名詞,下次在面試和裝X的時候有跡可循。

PWA(Progressive Web Ap)

一個被吹得雲裡霧裡的技術,谷歌強推的前端解決方案。其實它本身並不是一種技術,而是一種前端頁面的實現方案,即頁面可以被新增到主屏,頁面可以離線訪問,頁面可以實現推送和通知,等等至於那些形容詞:。可靠,快速,耐看,安全,其實就是針對這種解決方案而言,一種不是具體的技術實現方式
具體實現用到了一堆技術方案,其中關鍵技術包括Web App Manifest,Service Worker,Push Notification等。

參考:更多內容PWA

GraphQL

Facebook主推的GraphQL並不算一個新技術,但是如今的趨勢是可能慢慢取代Restful的查詢模式。

一種可以取代Restful api的資料查詢方式,其中一大優點是可以準確查詢,精準描述,以及其他一大堆好處,參見參考:

  1. 官網
  2. 介紹

WebAssembly

說實話筆者看了一圈也沒太弄明白這個技術,但是這個東西是當前蘋果谷歌mozile等一干大廠商都在強推的東西。我的簡單得理解就是,基於瀏覽器的一種二進位制的位元組碼?使得瀏覽器在效能和安全方面都得到提升,畢竟JS是趕工出來的….直接看參考吧

關於WASM討論的
官網

打字稿

微軟的打字稿已經火了好幾年了,它解決的還是JS本身的問題,是JS的一個超集,將JS變成了一種強型別語言,讓前端程式設計變得跟傳統程式設計方式類似,比如Java的。同時它也是開源的。
筆者之前所在的英美菸草公司,半年前就有人在研究打字稿,並試圖在專案中應用,所以對於習慣於傳統程式設計,以及對JS有諸多不滿的開發者,打字稿幾乎是一個完(
zhuang )美(bi)的選擇。目前諸多框架比如vue也都推出了TypeScript版本。另外
,TypeScript與微軟的IDE Visual Studio結合的非常好,兩個配合起來效果極佳。
預知詳情請看參考:

網官
知乎討論

包管理工具紗線

不要再一提包管理工具就是故宮了,2017年紗年迎頭趕上,現在就連故宮都要照著紗來做了。

NPM自從最初發布以來已經有了相當長的一段時間,但它仍然缺少一些關鍵特性,而這正是Yarn希望補充的.Yarn的主要貢獻是包快取,一個確保確定性構建的鎖檔案,並行操作以及依賴關係。這些功能非常成功,以致於NPM在其5.0版本中實現了它們.Yarn下載量超過10億次(目前每月下載量達到了125萬次)並擁有驚人的29000多個GitHub明星。即使你沒在使用Yarn,JavaScript的包管理整體上由於Yarn的釋出也得到了顯著地
提升作者:hijiangtao
連結:https://www.zhihu.com/question/264551320/answer/282896101
來源:知乎著作
權歸作者所有。商業轉載請聯絡作者獲得授權,非商業轉載請註明出處。

紗官網

除了的WebPack,還有包裹,彙總

模組化工具也有後來者,的WebPack也並非永遠一成不變。

Parcel作為一個有趣的專案,在短短十天內便在GitHub上獲得了10000個星。它主要通過利用多個CPU核心和一個高效的檔案系統快取來實現。它還基於抽象語法樹進行操作,而不像的WebPack使用字串。
除此外,彙總的發展也不容小覷4月陣營團隊從咕嘟咕嘟切換到了彙總進行開發除此外,的WebPack團隊也推薦在某些方面使用匯總而不是的WebPack。
作者:hijiangtao
連結:https

//www.zhihu.com/question/264551320/answer/282896101 來源:知乎著作權歸作者所有。商業轉載請聯絡作者獲得授權,非商業轉載請註明出處。

包裹官網
彙總官網

PostCss

CSS預處理,Postcss越來越火爆,它可以做很多事情。

PostCss

本文只是技術概覽,是2018年可能出現的技術名詞的彙總,希望各位不要過度糾結技術細節,感興趣的朋友們可以自己去鑽研一下。

相關文章

程式語言 最新文章