5分鐘了解前端開(kāi)發(fā)行業(yè)前景（二）

時(shí)間：2023-05-28 11:24:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-05-28 11:24:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

5分鐘了解前端開(kāi)發(fā)行業(yè)前景（二）：優(yōu)化

盡量減少HTTP請(qǐng)求 (Make Fewer HTTP Requests)

減少DNS 查找 (Reduce DNS Lookups)

避免重定向 (Avoid Redirects)

使得 Ajax 可緩存 (Make Ajax Cacheable)

延遲載入組件 (Post-load Components)

預(yù)載入組件 (Preload Components)

減少DOM元素?cái)?shù)量 (Reduce the Number of DOM Elements)

切分組件到多個(gè)域 (Split Components Across Domains)

最小化iframe的數(shù)量 (Minimize the Number of iframes)

杜絕 http404錯(cuò)誤 (No 404s)

以上10條涵蓋了Web前端開(kāi)發(fā)中遇到的各種頁(yè)面處理技術(shù)，讓前端開(kāi)發(fā)人員能夠準(zhǔn)確和快速地把握整個(gè)網(wǎng)頁(yè)的架構(gòu)，從而達(dá)到減少開(kāi)發(fā)成本和頁(yè)面美化目的。




前端框架

學(xué)好Web框架

熟悉掌握HTML、服務(wù)器端腳本語(yǔ)言、CSS和JavaScript之后，學(xué)習(xí)Web框架可以加快Web開(kāi)發(fā)速度，節(jié)約時(shí)間。PHP程序員可選的框架包括CakePHP、CodeIgniter、Zend等，Python程序員喜歡使用Django和 webpy，Ruby程序員常用RoR。

隨著Web 越來(lái)越規(guī)范和標(biāo)準(zhǔn)的統(tǒng)一，Web組件化技術(shù)不斷革新，移動(dòng)端開(kāi)發(fā)不斷升華，以下是一些常見(jiàn)開(kāi)源前端框架：

Bootstrap

主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它簡(jiǎn)潔靈活，使得 Web 開(kāi)發(fā)更加快捷。

html5-boilerplate

該框架可以快速構(gòu)建健壯，且適應(yīng)力強(qiáng)的web app或網(wǎng)站。

Meteor

Meteor是新一代的開(kāi)發(fā)即時(shí)web應(yīng)用的開(kāi)源框架，它能在較短時(shí)間內(nèi)完成開(kāi)發(fā)。

Semantic UI

基于自然語(yǔ)言有效原則的UI組件框架

Foundation

優(yōu)秀的響應(yīng)式前端框架

Materialize

基于材料設(shè)計(jì)的現(xiàn)代化響應(yīng)式前端框架?？商峁┠J(rèn)的樣式，自定義組件。此外，Materialize還改進(jìn)動(dòng)畫(huà)和過(guò)渡，為開(kāi)發(fā)人員提供流暢的體驗(yàn)。

Pure

幾乎可以在每一個(gè)web項(xiàng)目中使用的一組小的和響應(yīng)式的CSS模塊。

Vue

Vue.js 是用于構(gòu)建交互式的 Web 界面的庫(kù)。它提供了 MVVM 數(shù)據(jù)綁定和一個(gè)可組合的組件系統(tǒng)，具有簡(jiǎn)單、靈活的 API。

Skeleton

Skeleton 是一個(gè)小的 JS 和 CSS 文件的集合,可快速開(kāi)發(fā)漂亮的網(wǎng)站,適合各種屏幕設(shè)備包括手機(jī)。Skeleton 基于 960 grid 開(kāi)發(fā)。它是一個(gè) UI 框架。

Amaze UI

國(guó)內(nèi)首個(gè)開(kāi)源HTML5跨屏前端框架產(chǎn)品系列，中文排版支持更優(yōu)、本土化組件豐富。該產(chǎn)品系列中有專(zhuān)門(mén)針對(duì)移動(dòng)端的HTML5混合應(yīng)用開(kāi)發(fā)框架Amaze UI Touch以及針對(duì)跨屏HTML5網(wǎng)頁(yè)開(kāi)發(fā)的Amaze UI Web。其中，Amaze UI Touch可以幫助開(kāi)發(fā)者通過(guò)豐富的組件，快速構(gòu)建出與原生APP相媲美的專(zhuān)屬移動(dòng)端的HTML5應(yīng)用。

UIkit

一個(gè)輕量級(jí)的和模塊化的前端框架,用于快速開(kāi)發(fā)和功能強(qiáng)大的web接口。

Yui

Yahoo! UI Library (YUI) 是一個(gè)開(kāi)放源代碼的 JavaScript 函數(shù)庫(kù)，為了能建立一個(gè)高互動(dòng)的網(wǎng)頁(yè)，它采用了AJAX, DHTML 和 DOM 等程式碼技術(shù)。它也包含了許多 CSS 資源。使用授權(quán)為 BSD許可證。

kissy

一款跨終端、模塊化、高性能、使用簡(jiǎn)單的 JavaScript 框架。

MUI

最接近原生App體驗(yàn)的前端框架的框架。

Arale

一個(gè)開(kāi)放、簡(jiǎn)單、易用的前端基礎(chǔ)類(lèi)庫(kù)。

JX

JX 是模塊化的非侵入式Web前端框架，特別適合構(gòu)建和組織大規(guī)模、工業(yè)級(jí)的Web App。

GMU

GMU是基于zepto的mobile UI組件庫(kù)，提供webapp、pad端簡(jiǎn)單易用的UI組件! Web App。

ZUI

開(kāi)源HTML5前端框架

Clouda Touch.js

Touch.js是移動(dòng)設(shè)備上的手勢(shì)識(shí)別與事件庫(kù),也是在百度內(nèi)部廣泛使用的開(kāi)發(fā)。




職業(yè)機(jī)會(huì)

2015年12月5日，《杭州互聯(lián)網(wǎng)行業(yè)人才緊缺指數(shù)（TSI）報(bào)告》顯示，前端開(kāi)發(fā)工程師成為杭州互聯(lián)網(wǎng)行業(yè)中最緊俏的職位。

常見(jiàn)前端開(kāi)發(fā)工程師職位職責(zé)要求：

（1）使用Div+css并結(jié)合Javascript負(fù)責(zé)產(chǎn)品的前端開(kāi)發(fā)和頁(yè)面制作。

（2）熟悉W3C標(biāo)準(zhǔn)和各主流瀏覽器在前端開(kāi)發(fā)中的差異，能熟練運(yùn)用DIV+CSS，提供針對(duì)不同瀏覽器的前端頁(yè)面解決方案 。移動(dòng)HTML5的性能和其他優(yōu)化，為用戶(hù)呈現(xiàn)最好的界面交互體驗(yàn)和最好的性能。

（3）負(fù)責(zé)相關(guān)產(chǎn)品的需求以及前端程序的實(shí)現(xiàn)，提供合理的前端架構(gòu) 。改進(jìn)和優(yōu)化開(kāi)發(fā)工具、開(kāi)發(fā)流程、和開(kāi)發(fā)框架 [

（4）與產(chǎn)品、后臺(tái)開(kāi)發(fā)人員保持良好溝通，能快速理解、消化各方需求，并落實(shí)為具體的開(kāi)發(fā)工作 ；能獨(dú)立完成功能頁(yè)面的設(shè)計(jì)與代碼編寫(xiě)，配合產(chǎn)品團(tuán)隊(duì)完成功能頁(yè)面的需求調(diào)研和分析。

（5）了解服務(wù)器端的相關(guān)工作，在交互體驗(yàn)、產(chǎn)品設(shè)計(jì)等方面有自己的見(jiàn)解。

資深前端開(kāi)發(fā)工程師

相比較“前端開(kāi)發(fā)工程師”而言，更加資深，工作職責(zé)更大。一般而言，資深前端開(kāi)發(fā)工程師需要使用JavaScript或者ActionScript來(lái)編寫(xiě)和封裝具有良好性能的前端交互組件，熟練使用CSS+XHTML完美輸出視覺(jué)界面。同時(shí)還要對(duì)Web項(xiàng)目的前端實(shí)現(xiàn)方案 提供專(zhuān)業(yè)指導(dǎo)和監(jiān)督并在日常工作之中對(duì)新人及相關(guān)開(kāi)發(fā)人員進(jìn)行前端技能的培訓(xùn)和指導(dǎo)。另外，還要跟蹤研究前端技術(shù)，設(shè)計(jì)并實(shí)施全網(wǎng)前端優(yōu)化。HTML5、node.js（JavaScript編程的后臺(tái)語(yǔ)言）興起，要求資深前端熟悉后端，并且要在商業(yè)模式、代碼架構(gòu)思想等維度去整體考慮前端的全局布局。

前端架構(gòu)師

前端架構(gòu)師更偏管理，但職責(zé)要求不僅限于管理。前端架構(gòu)師需要帶領(lǐng)組員實(shí)現(xiàn)全網(wǎng)的前端框架和優(yōu)化，創(chuàng)建前端的相應(yīng)標(biāo)準(zhǔn)和規(guī)范，完善并推廣和應(yīng)用自己的標(biāo)準(zhǔn)和框架。同時(shí)，還要站在全局的角色為整個(gè)網(wǎng)站的信息架構(gòu)和技術(shù)選型提供專(zhuān)業(yè)意見(jiàn)和方案。