首頁 > 頭條 > 2018年web開發者不得不知的技術趨勢分析

2018年web開發者不得不知的技術趨勢分析

小云云
發布: 2018-01-03 14:45:50
原創
3444 人瀏覽過

本文主要和大家分享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是什麼樣子。

2018年web開發者不得不知的技術趨勢分析

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頁面和一個長長的滾動條。來看一個單頁網頁應用程式『神奇的互動式履歷』:

2018年web開發者不得不知的技術趨勢分析

#單頁網路應用程式具有許多優點:所有的內容都展示在一個Web頁面上,當使用者線性瀏覽網站時,你能夠控制網站資訊流。有了這樣的控制權,當滾動條滾動時,你可以帶領使用者完成一次旅行。同時,這樣可以讓訪客統一入口的方式參與進來,你可以講一個故事、論證一個觀點或模擬一次經驗。

單頁Web應用程式追求簡潔高效,支援行動端,使用者介面友好,轉換起來也相當方便。但是,它並不適合電子商務應用。

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

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

2018年web開發者不得不知的技術趨勢分析

靜態網站產生器或靜態網站引擎把動態的內容和資料當作輸入,輸出可部署靜態的檔案(HTML, CSS, JavaScript )。不涉及伺服器端語言和資料庫。這樣的靜態網站速度更快、更可靠、更便宜甚至免費且很好部署和版本管理。由於網站沒有伺服器端語言和資料庫的參與,因此網站也更加安全。

Jekyll、Hugo、GitBook和Pelican是現在比較流行的靜態部落格產生器。你也可以存取StaticGen,發現更多的開源靜態網站產生器。

Motion UI

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

2018年web開發者不得不知的技術趨勢分析

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。

2018年web開發者不得不知的技術趨勢分析

聊天機器人有著巨大的商業價值和潛力。透過這個聊天機器人入口,你可以獲得各種各樣的服務。隨著人工智慧的興起,聊天機器人能極大的改變改變公司的運作方式,國外的公司Octane AI和Drift已經認識到了這一點,開始進行這方面平台的搭建。

微信小程式

2017年9月微信小程式正式上線。是一種不需要下載安裝即可使用的應用,它實現了應用程式『觸手可及』的夢想,用戶掃一掃或搜一下即可開啟應用程式。讓我們先回顧一下應用程式的歷史變遷:

微信小程式在這樣的歷史下出現:

  • ##PC 桌面程式C/S機構

  • PC 瀏覽器程式B/S結構

  • 行動裝置APP C/S結構

  • 行動端H5小程式B/S結構Chatbot ?

  • IOT時代B/S結構?

2018年web開發者不得不知的技術趨勢分析

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

小程式用來面對IOT(物聯網)時代的嘗試是否會在2018年有所成就呢?究竟是西方世界的大佈局ChatBot還是中國的微信小程式能夠在接下來的IOC時代成功運用還要拭目以待。

相關推薦:


關於技術趨勢的文章推薦

#2017 值得一窺的JavaScript 相關技術趨勢

淺聊WEB開發者核心設計


#

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板