A. h5和web前端的區別
一、指代不同
1、h5:是Web中核心語言HTML的規范,用戶使用任何手段進行網頁瀏覽時看到的內容原本都是HTML格式的,在瀏覽器中通過一些技術處理將其轉換成為了可識別的信息。
2、web前端:是創建Web頁面或app等前端界面呈現給用戶的過程,通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用戶界面交互。
二、發展不同
1、h5:結合了 HTML4.01 的相關標准並革新,符合現代網路發展要求,在 2008 年正式發布。
2、web前端:從網頁製作演變而來,在互聯網的演化進程中,網頁製作是Web1.0時代的產物,早期網站主要內容都是靜態,以圖片和文字為主,用戶使用網站的行為也以瀏覽為主。隨著互聯網技術的發展和HTML5、CSS3的應用,現代網頁更加美觀,交互效果顯著,功能更加強大。
三、技術構成不同
1、h5:由不同的技術構成,其在互聯網中得到了非常廣泛的應用,提供更多增強網路應用的標准機。
2、web前端:掌握HTML是網頁的核心,是一種製作萬維網頁面的標准語言,是萬維網瀏覽器使用的一種語言,它消除了不同計算機之間信息交流的障礙。
B. 網頁h5頁面跟微信h5頁面有什麼不同
區別一、運行環境的不同
傳統的網頁H5的頁面運行環境是瀏覽器,包括webview,而微信H5網頁的運行環境並非完整的瀏覽器。
區別二、是開發成本的不同
一個網頁H5web開發需求時,開發工具(vscode、sublimtext、Atom等),大到前端框架(Angular、react、vue、backbone等)、模塊管理工具(Webpack 、Browserify 等)、任務管理工具(Grunt、Gulp等),小到UI庫選擇、介面調用工具(ajax、Fetch Api等)、瀏覽器兼容性等都要考略。
一個微信H5的開發需求時,微信團隊提供了開發者工具,並且規范了開發標准,前端常見的HTML、CSS變成了微信自定義的WXML、WXSS,WXML中盡管全部是自定義標簽,但官方文檔中都有明確的使用介紹,相信上手應該是非常容易的。
區別三、是獲取系統級許可權的不同
微信H5相對於網頁HTML5 web應用能獲得更多的系統許可權,比如網路通信狀態、數據緩存能力等,這些系統級許可權都可以和微信小程序無縫銜接,而這一點恰巧是HTML5 web應用經常被詬病的地方,這也是HTML5的大多應用場景被定位在業務邏輯簡單、功能單一的原因。
區別四、是應用在生產環境的運行流暢度。
無論對於用戶還是開發者來說,都是最直觀的感受。當HTML5應用面對復雜的業務邏輯或者豐富的頁面交互時,需要不斷的對項目優化來提升用戶體驗。但是由於微信H5運行環境獨立,但配合微信的解析器最終渲染出來的是原生組件的效果,自然體驗上將會更進一步。