在多年的網(wǎng)站建設(shè)、開發(fā)生涯中，我們努力去研究和探索怎樣可以提高網(wǎng)站的性能，總是會(huì)往高、大、深的知識(shí)領(lǐng)域去嘗試和摸索，如：IO讀寫、反射代理、代碼編譯、數(shù)據(jù)庫(kù)索引、內(nèi)存管理等。但在操作企業(yè)官網(wǎng)項(xiàng)目的眾多實(shí)際情況是服務(wù)器端對(duì)整個(gè)網(wǎng)頁(yè)呈現(xiàn)的響應(yīng)時(shí)間的影響往往是很小的。實(shí)踐發(fā)現(xiàn)前端的效率工藝往往是占有90%的影響度。

       又另外云數(shù)據(jù)布署產(chǎn)品的火熱化，如：又拍、阿里、騰訊、七牛。讓我們更多接觸類CDN等靜態(tài)資源分布布署的產(chǎn)品，使得前端工藝需要更趨工程化管理，即前端變得不那么次要，也不那么簡(jiǎn)單。下面總結(jié)一下前端工程師需要掌握的前端設(shè)計(jì)工藝的三大點(diǎn)。

       一、前端實(shí)時(shí)化

       作為下一代的 Web 標(biāo)準(zhǔn)，HTML5 擁有許多引人注目的新特性，如 Canvas、本地存儲(chǔ)、多媒體編程接口、WebSocket 等等。這其中有“Web 的 TCP ”之稱的 WebSocket 格外吸引開發(fā)人員的注意。WebSocket 的出現(xiàn)使得瀏覽器提供對(duì) Socket 的支持成為可能，從而在瀏覽器和服務(wù)器之間提供了一個(gè)基于 TCP 連接的雙向通道。Web 開發(fā)人員可以非常方便地使用 WebSocket 構(gòu)建實(shí)時(shí) web 應(yīng)用，開發(fā)人員的手中從此又多了一柄神兵利器。本文首先介紹 HTML5 WebSocket 的基本概念以及這個(gè)規(guī)范試圖解決的問題，然后介紹 WebSocket 的基本原理和編程接口。接下來會(huì)通過一個(gè)簡(jiǎn)單案例來示范怎樣實(shí)現(xiàn)一個(gè) WebSocket 應(yīng)用，并且展示 WebSocket 如何在功能強(qiáng)大和編程簡(jiǎn)單易用上達(dá)到的完美統(tǒng)一。最后介紹了目前主流瀏覽器對(duì) WebSocket 支持的狀況、局限性以及未來的展望。

       二、性能極客

       YAHOO的34條前端優(yōu)化定律，現(xiàn)在看來仍然是黃金守則。大體情況如:減少http請(qǐng)求；壓縮并優(yōu)化js/css/image ；盡量靜態(tài)頁(yè)面，從簡(jiǎn)原則 ；代碼規(guī)范。

       三、前端工程自動(dòng)化

　   如今的前端開發(fā)中，已經(jīng)不再只是一些簡(jiǎn)單的靜態(tài)文件了，對(duì)于很多Web App來說，前端代碼甚至比后端代碼要更加復(fù)雜，更加難于管理，例如：我們有許多的第三方庫(kù)的依賴需要管理；我們有獨(dú)立的前端測(cè)試需要自動(dòng)運(yùn)行；我們還有很多代碼需要在發(fā)布時(shí)進(jìn)行打包壓縮??所以構(gòu)建一個(gè)自動(dòng)化的前端開發(fā)流程是非常必要的。

       為了讓前端項(xiàng)目更趨工程化，于是現(xiàn)在出現(xiàn)了眾多不依賴于后端代碼工具（node.js）的管理工具，對(duì)于前端開發(fā)者非常友好，例如：YEMAN、Jam、volo、component、Brunch??，更有一些輕量的工具（bower、grunt）來搭建自己的前端開發(fā)流程。

       四、前端服務(wù)化

       所謂服務(wù)化，即使用者只需調(diào)用，而毋須知道內(nèi)部的實(shí)現(xiàn)，說白了就是標(biāo)準(zhǔn)化。Node.js的出現(xiàn)使前端服務(wù)化成為可能。Node.js開發(fā)的系統(tǒng)可以作為接入層，調(diào)用Java、C++等提供的基礎(chǔ)功能，處理數(shù)據(jù)庫(kù)，然后將數(shù)據(jù)吐給瀏覽器進(jìn)行渲染。簡(jiǎn)易言之，就是用Node.js代替業(yè)務(wù)邏輯這一層。最后造就的成果是，不僅Java，C++可以放棄業(yè)務(wù)邏輯，更專注于數(shù)據(jù)處理的基礎(chǔ)服務(wù)，而且Node.js能更專注于業(yè)務(wù)邏輯，挺供API服務(wù)給瀏覽器端的代碼進(jìn)行調(diào)用。

       用Node.js作為接入層，讓前端涉足“后臺(tái)”的業(yè)務(wù)成為可能，而且能提高開發(fā)效率，還能更方便地使用最新Web技術(shù)，如Big Pipe，WebSocket等對(duì)頁(yè)面進(jìn)行優(yōu)化。

       除了Node.js作為接入層提供服務(wù)以外，淘寶的赫門還提出了將前端Web Component作為一種服務(wù)，提供給后臺(tái)使用。Javascript的AMD與CommonJS規(guī)范的訂立使Javascript的模塊化開發(fā)成為可能，也就自然而然地推動(dòng)了前端的組件化。 

       不平凡軟件，鄭州軟件開發(fā)公司，鄭州軟件開發(fā)，鄭州軟件定制，鄭州微信開發(fā)，鄭州進(jìn)銷存定制開發(fā)，鄭州OA系統(tǒng)開發(fā)，鄭州軟件開發(fā)公司