2018年『web』開發者不得不知的技術趨勢

2018年『web』開發者不得不知的技術趨勢

做爲一個『web』開發者，不管是作前端仍是後端，都應該時刻保持着對技術的敏感性。技術的流行須要必定時間的沉澱，有哪些web相關的技術會可能會在2018年成爲web開發的新寵呢？下面列舉業界通過實踐而且被廣泛看好或者大公司推薦使用的技術。

Progressive Web Apps(PWAs)

『Progressive Web Apps』可讓你作到在訪問網址的時候就像是在訪問本地APP同樣的體驗。這項技術最初是Google在2015年提出來，Progressive Web App結合了web和本地APP的優勢於一身。在PWA Rocks裏能夠看到Progressive Web App是什麼樣子。

Progressive Web App最大的一個優勢在於它的可靠性。在後臺增長了『Service Workers』，可以作到快速載入、離線或者在網絡環境極差時使用、同步更新等。之因此稱之爲『Progressive』，是由於它可以在包括但不侷限於的PC桌面、移動端、平板電腦或者是未來的任何新設備的設備上響應式運行。由於後臺的Service Worker可以攔截網絡請求，保證Progressive Web App的傳輸協議是『HTTPS』方式，這樣就可以保證應用的安全性。

阿里巴巴PWAs

阿里巴巴是世界上最大的在線B2B公司，在超過200個國家進行服務。在網站的開發上，用戶體驗會做爲最重要的考慮。阿里巴巴網站要同時關注於『移動端Web』和『移動端App』的開發，以知足客戶移動端體驗的需求。可是，它意識到這樣作並非最大限度提升用戶體驗度的最好方法，Web和APP開發須要投入二倍的資源，而僅僅是爲了知足移動端同一個需求。同時，Web與網絡強結合，不能離線使用；App開發週期長，須要用戶頻繁更新。因此，阿里巴巴網站也選擇了PWAs，該網站有76%部分已經轉換爲了PWAs。若是有興趣趕快體驗一下阿里巴巴PWAs吧，在手機Chrome中，輸入阿里巴巴官網，支持商家推送提醒，應用自定義啓動界面等，真的就是在瀏覽器中有本地APP同樣的體驗。

單頁Web應用(Single-Page WebSites)

目前，愈來愈多的網站開始致力於瀏覽的簡潔和速度，咱們也會看到愈來愈多的單頁Web應用。所謂的單頁Web應用是指：網站僅僅包含一個Html頁面和一個長長的滾動條。來看一個單頁Web應用『神奇的交互式簡歷』：

單頁Web應用具備不少優點：全部的內容展現在一個Web頁面上，當用戶線性瀏覽網站時，你可以控制網站信息流。有了這樣的控制權，當滾動條滾動時，你能夠帶領用戶完成一次旅行。同時，這樣可讓訪客統一入口的方式參與進來，你能夠講一個故事、論證一個觀點或者模擬一次經歷。

單頁Web應用追求簡潔和高效，支持移動端，用戶界面友好，轉換起來也至關方便。可是，它並不適合電子商務應用。

靜態網站生成器(Static Site Generators)

如今來講，內容管理系統(content management System)領域是動態網站的天下。然而，互聯網剛剛出現的第一個站點是靜態的。如今，在靜態網站生成器的幫助下，靜態網站又回來的，這是一種混合式的Web開發方式。Jekyll是目前最流行的靜態網站生成器之一。

靜態網站生成器或者靜態網站引擎把動態的內容和數據做爲輸入，輸出可部署靜態的文件(HTML, CSS, JavaScript)。不涉及服務器端語言和數據庫。這樣的靜態站點速度更快、更加可靠、更便宜甚至免費而且很好部署和版本管理。因爲網站沒有服務器端語言和數據庫的參與，所以網站也更加安全。

個人博客馮兄話吉就是基於Jekyll作的，託管在GitHub上。

Jekyll、Hugo、GitBook和Pelican是如今比較流行的靜態博客生成器。你也能夠訪問StaticGen，發現更多的開源靜態網站生成器。

Motion UI

你可能在一些比較前衛的網站或者APP上已經看過了如背景動畫、頁面轉換動畫、滾動條滾動動畫或者動畫表格等效果，這些複雜動畫的背後就是Motion UI。先看一個炫酷的效果實例Business Card App design by Tubik。

Motion UI最初是2014年12月Zurb基金會APP發佈時附帶的一個爲了創造靈活的css切換和動畫效果的依賴包。2016年，Zurb團隊又增長了一些新的特性，做爲一個獨立的庫正式發佈。最新版的Motion UI Css樣式可以兼容全部的JS，實現了將動畫與Web無縫整合。

將Motion UI的元素加入到你的站點當中，可以大大提升用戶的參與度和使用率。訪問UI Movement，這個站點幫助你學習使用Motion UI。

聊天機器人(Chatbots)

若是你使用過即時通信工具，你應該就和聊天機器人聊過天了。僅僅『Facebook Messager』就有超過1萬個聊天機器人。ChatBot是一項能夠經過會話接口(例如即時通信APP微信)實現應用交互的服務。這項服務能夠幫助你網上購物、Uber打車、推進新聞或者是提供一些生活建議。這是一個預報天氣的聊天機器人Poncho。

聊天機器人有着巨大的商業價值和潛力。經過這個聊天機器人入口，你能夠得到各類各樣的服務。隨着人工智能的興起，聊天機器人能極大的改變改變公司的運做方式，國外的公司Octane AI和Drift已經認識到了這一點，開始進行這方面平臺的搭建。

微信小程序

2017年9月微信小程序正式上線。是一種不須要下載安裝便可使用的應用，它實現了應用『觸手可及』的夢想，用戶掃一掃或搜一下便可打開應用。咱們先來回顧一下應用程序的歷史變遷：

微信小程序在這樣的歷史下出現：

• PC 桌面程序 C/S機構
• PC 瀏覽器程序 B/S結構
• 移動端 APP C/S結構
• 移動端 H5 小程序 B/S結構 Chatbot ？
• IOT時代 B/S結構 ?

面對小程序的特色：無需安裝、用完即走、沒有入口、觸發點觸發。本質上微信中運行的H5程序而已(融合了運行平臺,服務平臺)，從APP到小程序就是從『CS』到『BS』結構的遷移；重複PC時代的路徑而已。

小程序用來面對IOT(物聯網)時代的嘗試是否會在2018年有所成就呢？到底是西方世界的大布局ChatBot仍是中國的微信小程序可以在接下來的IOC時代成功運用還要拭目以待。

2018年剛剛開始，做爲一個開發者，保持對前沿技術的敏感性，提高格局，放眼遠方。防止坐井觀天，埋頭走路的同時，多仰望星空。時刻牢記『窮則變，變則通，通則久遠』，只要用心思考而且不斷探索，你會有無限的可能。

---