node是什么？

把非阻塞的服務(wù)器想象成一個(gè)飯店服務(wù)員，這個(gè)服務(wù)員會(huì)一直跑下去。一個(gè)新客戶(hù)來(lái)了，這個(gè)服務(wù)員就接了這個(gè)請(qǐng)求，把這個(gè)請(qǐng)求傳給廚師，廚師做飯，然后服務(wù)員響應(yīng)一個(gè)回調(diào)（callback）讓客戶(hù)稍等。完事了這服務(wù)員就接著跑，接其他的客戶(hù)。這樣下來(lái)。服務(wù)員就不會(huì)像之前那樣傻等著廚師做完飯返回結(jié)果了。

文件讀寫(xiě)異步處理，采用回調(diào)的機(jī)制，加快處理速度，不會(huì)等待，無(wú)視順序，不停loop下去，不會(huì)產(chǎn)生阻塞，輕松處理高并發(fā)。

js的特性就是基于事件驅(qū)動(dòng)，服務(wù)器只在用戶(hù)那邊有事件發(fā)生的時(shí)候才響應(yīng)，這就是事件驅(qū)動(dòng)。

適用于處理IO頻繁但是CPU計(jì)算簡(jiǎn)單的場(chǎng)景（可以寫(xiě)博客，工具，聊天室，微服務(wù)等等）。
放到真正的業(yè)務(wù)場(chǎng)景之中作為中間層是再好不過(guò)的選擇：在單頁(yè)應(yīng)用流行的今天可以輕松實(shí)現(xiàn)前后端同構(gòu)，以此來(lái)提升頁(yè)面渲染、加載速度，去除單頁(yè)應(yīng)用不利于SEO的負(fù)面影響。使用node可以對(duì)不同的后端服務(wù)進(jìn)行一次全面整合，包括權(quán)限控制等很多方面。js是前端程序員所最熟悉的語(yǔ)言之一，學(xué)習(xí)成本低但是收益高，node所實(shí)現(xiàn)的中間層完全可以由前端程序員完成。

為什么前端要會(huì)使用Nodejs

你熟悉
假設(shè)你正在使用一個(gè)功能強(qiáng)大的客戶(hù)端框架(Angular，Ember,
Backbone)以及REST-ful服務(wù)器端的API，使用JSON這種數(shù)據(jù)格式來(lái)傳輸和接受數(shù)據(jù)。即使你沒(méi)有使用其中的任一種框架，你也用jQuery寫(xiě)過(guò)自己的框架。因此如果你不在服務(wù)器端使用Node.js，那么你就不斷地做轉(zhuǎn)譯吧。你在轉(zhuǎn)譯兩件事：
來(lái)自你腦中的邏輯轉(zhuǎn)換為服務(wù)器端框架的邏輯。
來(lái)自JSON的HTTP數(shù)據(jù)轉(zhuǎn)換為你的服務(wù)器端的對(duì)象。
貫穿著你的應(yīng)用，你不但智力上漲，你也獲得了實(shí)踐經(jīng)驗(yàn)。通過(guò)模型和模板的復(fù)用，你可以減少應(yīng)用的大小，同時(shí)減少了復(fù)雜度和出現(xiàn)bug的可能性。
它很快
Node.js是運(yùn)行環(huán)境，使用了Google用在Chrome中的V8引擎。V8以閃電般的速度編譯和執(zhí)行是因?yàn)閂8將編譯成本地機(jī)器代碼。包括網(wǎng)絡(luò)連接的讀寫(xiě)，文件系統(tǒng)的讀寫(xiě)，以及數(shù)據(jù)庫(kù)的讀寫(xiě)——所有的在網(wǎng)頁(yè)應(yīng)用中的日常任務(wù)——在Node中執(zhí)行地非常非常快。Node能讓你創(chuàng)建快速，大規(guī)模的網(wǎng)絡(luò)應(yīng)用，能夠處理高吞吐量的大量的實(shí)時(shí)連接。
工具
npm是Node.js的包管理器并且它棒呆了。這確實(shí)很棒，當(dāng)然，這類(lèi)似于其他生態(tài)系統(tǒng)的包管理器，但是npm很快很穩(wěn)很一致。他在尋找和安裝項(xiàng)目依賴(lài)做的非常好。他讓包和其他的項(xiàng)目隔離開(kāi)來(lái)，防止版本混淆。
實(shí)時(shí)變得簡(jiǎn)單
如果Node.js很擅長(zhǎng)多并發(fā)連接，那么他也擅長(zhǎng)多用戶(hù)的，實(shí)時(shí)的網(wǎng)頁(yè)程序，例如聊天室和游戲。Node的
event loop
能夠滿(mǎn)足多用戶(hù)需求。實(shí)時(shí)能力使用websocket協(xié)議。Websocket是在客戶(hù)端和服務(wù)器端的簡(jiǎn)單的雙向溝通渠道。因此服務(wù)器能夠推送數(shù)據(jù)到客戶(hù)端就像客戶(hù)端推送一樣。websocket運(yùn)行在TCP，避免了HTTP的消耗。
流數(shù)據(jù)
傳統(tǒng)意義上來(lái)說(shuō)，web框架將HTTP請(qǐng)求和響應(yīng)當(dāng)做一個(gè)整體的數(shù)據(jù)對(duì)象。實(shí)際上，他們是I/O流，你可以想象，如果你把文件從文件系統(tǒng)中以流的形式取出。既然Node.js非常擅長(zhǎng)處理I/O，我們能夠利用這個(gè)特點(diǎn)創(chuàng)建一些很酷的東西。比如，它能夠當(dāng)視頻或音頻文件上傳的時(shí)候，就轉(zhuǎn)碼音頻或視頻文件，減少了整體處理的時(shí)間。
一個(gè)代碼庫(kù)和免費(fèi)的實(shí)時(shí)
Meteor是下一代基于Node的web框架。他可以在客戶(hù)端和服務(wù)器端運(yùn)行相同的代碼庫(kù)。然后，數(shù)據(jù)自動(dòng)保存在服務(wù)器。其他的方式也奏效！任何服務(wù)器上的數(shù)據(jù)都自動(dòng)傳到客戶(hù)端。

web開(kāi)發(fā)為什么選擇nodejs

太長(zhǎng)的不知道你會(huì)不會(huì)看完：
Node.js其實(shí)有很多大公司都在用的，比如eBay, Microsoft, 你可以去Node.js官網(wǎng)看看：node.js要想知道更詳細(xì)的列表，可以看這里： I/O
調(diào)用。Node.js還宣稱(chēng)，運(yùn)行它的服務(wù)器能支持?jǐn)?shù)萬(wàn)個(gè)并發(fā)連接。
Node本身運(yùn)行V8 。V8
引擎是Google用于其Chrome瀏覽器的底層引擎。Google使用V8創(chuàng)建了一個(gè)用C++編寫(xiě)的超快解
釋器，該解釋器擁有另一個(gè)獨(dú)特特征：您可以下載該引擎并將其嵌入任何應(yīng)用程序。V8
引擎并不僅限于在一個(gè)瀏覽器中運(yùn)行。因此，Node.js實(shí)際上會(huì)使用Google編寫(xiě)的V8
引擎，并將其重建為可在服務(wù)器上使用。
Node.js優(yōu)點(diǎn)：
1、采用事件驅(qū)動(dòng)、異步編程，為網(wǎng)絡(luò)服務(wù)而設(shè)計(jì)。其實(shí)的匿名函數(shù)和閉包特性非常適合事件驅(qū)動(dòng)、異步編程。而且也簡(jiǎn)單易學(xué)，很多前端設(shè)計(jì)人員可以很快上手做后端設(shè)計(jì)。
2、
Node.js非阻塞模式的IO處理給Node.js帶來(lái)在相對(duì)低系統(tǒng)資源耗用下的高性能與出眾的負(fù)載能力，非常適合用作依賴(lài)其它IO資源的中間層服務(wù)。
3、Node.js輕量高效，可以認(rèn)為是數(shù)據(jù)密集型分布式部署環(huán)境下的實(shí)時(shí)應(yīng)用系統(tǒng)的完美解決方案。Node非常適合如下情況：在響應(yīng)客戶(hù)端之前，您預(yù)計(jì)
可能有很高的流量，但所需的服務(wù)器端邏輯和處理不一定很多。
Node.js缺點(diǎn)：
1、可靠性低
2、單進(jìn)程，單線(xiàn)程，只支持單核CPU，不能充分的利用多核CPU服務(wù)器。一旦這個(gè)進(jìn)程崩掉，那么整個(gè)web服務(wù)就崩掉了。
不過(guò)以上缺點(diǎn)可以可以通過(guò)代碼的健壯性來(lái)彌補(bǔ)。

前端需要學(xué)node嗎

nodejs生來(lái)就是為了前端項(xiàng)目服務(wù)的，提供了一個(gè)平臺(tái)，可以快速開(kāi)發(fā)網(wǎng)頁(yè)項(xiàng)目：如下摘抄的解釋?zhuān)?br>基于：NodeJS 提供了一個(gè)﹝讓熟悉 的人可以快速上手并可進(jìn)行后臺(tái)系統(tǒng)開(kāi)發(fā)﹞的環(huán)境/平臺(tái)，這樣的設(shè)定。
Short answer: 是的
Long answer:
對(duì)于現(xiàn)在的前端來(lái)說(shuō)，尤其是多以 為主做 web app 而不是傳統(tǒng)的以 HTML+CSS 為主的網(wǎng)站頁(yè)面的前端來(lái)說(shuō)，本身業(yè)務(wù)需求就需要對(duì) 有比較深入的理解和認(rèn)識(shí)。
基于此，其對(duì)于 NodeJS 的基本概念應(yīng)該是已經(jīng)有一定的了解了的。
其次，作為前端自動(dòng)化（如項(xiàng)目初始化、“編譯”、測(cè)試等）的要求，需要一定程度上了解 Node，尤其是那些可編程式的工具，如Yeoman、Bower、GruntJS、GulpJS、等。
還有，作為 full stack 的一種，NodeJS 只要求JS，所以使用 Node 可以讓專(zhuān)業(yè)的前端（除了前端專(zhuān)業(yè)性的基本功，至少還要了解算法和數(shù)據(jù)結(jié)構(gòu)等程序設(shè)計(jì)基礎(chǔ)的），能夠快速轉(zhuǎn)型成全棧開(kāi)發(fā)。
同時(shí)，對(duì)于以 JS 為主要開(kāi)發(fā)語(yǔ)言并且有比較深入了解的前端來(lái)說(shuō)，學(xué)習(xí) NodeJS 難度并不高，event-driven 應(yīng)該是本就熟悉的，stream 也類(lèi)似，其它如閉包、Promise、模塊化等更是如此；而關(guān)于網(wǎng)絡(luò)、文件系統(tǒng)、進(jìn)程等的概念理解和相關(guān)操作，對(duì)于計(jì)算機(jī)、電子、網(wǎng)絡(luò)等相關(guān)專(zhuān)業(yè)出身的人來(lái)說(shuō)，應(yīng)該是已經(jīng)有基本認(rèn)識(shí)的，有此類(lèi)背景的前端上手也會(huì)很快，而沒(méi)有此類(lèi)背景的，也建議去學(xué)習(xí)了解一下，畢竟屬于計(jì)算機(jī)*基礎(chǔ)知識(shí)。
綜上所述，不管是說(shuō)為了前端自動(dòng)化，還是前端開(kāi)發(fā)人員為主的全棧式開(kāi)發(fā)，又或者是擴(kuò)展前端人員知識(shí)廣度，都是應(yīng)該有一定 NodeJS 基礎(chǔ)的。

用java做后臺(tái)用nodejs做前臺(tái)是什么意思

前端：負(fù)責(zé)所有和用戶(hù)有交互的產(chǎn)品，包括 WEB以及手機(jī)客戶(hù)端 后端：負(fù)責(zé)各種業(yè)務(wù) API 的開(kāi)發(fā)，以及服務(wù)器端其他系統(tǒng)的開(kāi)發(fā) 架構(gòu)：負(fù)責(zé)設(shè)計(jì)實(shí)現(xiàn)關(guān)鍵系統(tǒng)的架構(gòu)，服務(wù)器維護(hù)以及開(kāi)發(fā)過(guò)程管理，團(tuán)隊(duì)建設(shè) 他們的前端,指的是web服務(wù)+頁(yè)面渲染那層,用nodejs, 而業(yè)務(wù)邏輯用的是java. nodejs處理用戶(hù)請(qǐng)求,然后通過(guò)api(rest/)等方式調(diào)用java的業(yè)務(wù)邏輯.

北大青鳥(niǎo)java培訓(xùn)：node編程開(kāi)發(fā)技術(shù)的發(fā)展趨勢(shì)？

node技術(shù)成為web前端領(lǐng)域的主流開(kāi)發(fā)工具可以說(shuō)本身就是一個(gè)美麗的誤會(huì)，當(dāng)初這個(gè)技術(shù)被開(kāi)發(fā)出來(lái)使用的時(shí)候主要是為了解決后端的問(wèn)題才出現(xiàn)的。
今天，天津java課程培訓(xùn)機(jī)構(gòu)

*階段：專(zhuān)業(yè)核心基礎(chǔ)

階段目標(biāo)：

1. 熟練掌握HTML5、CSS3、Less、Sass、響應(yīng)書(shū)布局、移動(dòng)端開(kāi)發(fā)。

2. 熟練運(yùn)用HTML+CSS特性完成頁(yè)面布局。

4. 熟練應(yīng)用CSS3技術(shù)，動(dòng)畫(huà)、彈性盒模型設(shè)計(jì)。

5. 熟練完成移動(dòng)端頁(yè)面的設(shè)計(jì)。

6. 熟練運(yùn)用所學(xué)知識(shí)仿制任意Web網(wǎng)站。

7. 能綜合運(yùn)用所學(xué)知識(shí)完成網(wǎng)頁(yè)設(shè)計(jì)實(shí)戰(zhàn)。

知識(shí)點(diǎn)：

1、Web前端開(kāi)發(fā)環(huán)境，HTML常用標(biāo)簽，表單元素，Table布局，CSS樣式表，DIV+CSS布局。熟練運(yùn)用HTML和CSS樣式屬性完成頁(yè)面的布局和美化，能夠仿制任意網(wǎng)站的前端頁(yè)面實(shí)現(xiàn)。

2、CSS3選擇器、偽類(lèi)、過(guò)渡、變換、動(dòng)畫(huà)、字體圖標(biāo)、彈性盒模型、響應(yīng)式布局、移動(dòng)端。熟練運(yùn)用CSS3來(lái)開(kāi)發(fā)網(wǎng)頁(yè)、熟練開(kāi)發(fā)移動(dòng)端，整理網(wǎng)頁(yè)開(kāi)發(fā)技巧。

3、預(yù)編譯css技術(shù)：less、sass基礎(chǔ)知識(shí)、以及插件的運(yùn)用、BootStrap源碼分析。能夠熟練使用 less、sass完成項(xiàng)目開(kāi)發(fā)，深入了解BootStrap。

4、使用HTML、CSS、LESS、SASS等技術(shù)完成網(wǎng)頁(yè)項(xiàng)目實(shí)戰(zhàn)。通過(guò)項(xiàng)目掌握*階段html、css的內(nèi)容、完成PC端頁(yè)面設(shè)計(jì)和移動(dòng)端頁(yè)面設(shè)計(jì)。

第二階段：Web后臺(tái)技術(shù)

階段目標(biāo):

1. 了解的發(fā)展歷史、掌握Node環(huán)境搭建及npm使用。

2. 熟練掌握的基本數(shù)據(jù)類(lèi)型和變量的概念。

3. 熟練掌握中的運(yùn)算符使用。

4. 深入理解分之結(jié)構(gòu)語(yǔ)句和循環(huán)語(yǔ)句。

5. 熟練使用數(shù)組來(lái)完成各種練習(xí)。

6.熟悉es6的語(yǔ)法、熟練掌握面向?qū)ο缶幊獭?/p>

7.DOM和BOM實(shí)戰(zhàn)練習(xí)和H5新特性和協(xié)議的學(xué)習(xí)。

知識(shí)點(diǎn)：

1、軟件開(kāi)發(fā)流程、算法、變量、數(shù)據(jù)類(lèi)型、分之語(yǔ)句、循環(huán)語(yǔ)句、數(shù)組和函數(shù)。熟練運(yùn)用的知識(shí)完成各種練習(xí)。

2、面向?qū)ο蠡A(chǔ)、異常處理機(jī)制、常見(jiàn)對(duì)象api，js的兼容性、ES6新特性。熟練掌握面向?qū)ο蟮拈_(kāi)發(fā)以及掌握es6中的重要內(nèi)容。

3、BOM操作和DOM操作。熟練使用BOM的各種對(duì)象、熟練操作DOM的對(duì)象。

4、h5相關(guān)api、canvas、ajax、數(shù)據(jù)模擬、touch事件、mockjs。熟練使用所學(xué)知識(shí)來(lái)完成網(wǎng)站項(xiàng)目開(kāi)發(fā)。

第三階段：數(shù)據(jù)庫(kù)和框架實(shí)戰(zhàn)

階段目標(biāo)：

1. 綜合運(yùn)用Web前端技術(shù)進(jìn)行頁(yè)面布局與美化。

2. 綜合運(yùn)用Web前端開(kāi)發(fā)框架進(jìn)行Web系統(tǒng)開(kāi)發(fā)。

3. 熟練掌握Mysql、Mongodb數(shù)據(jù)庫(kù)的發(fā)開(kāi)。

4. 熟練掌握vue.js、webpack、elementui等前端框技術(shù)。

5. 熟練運(yùn)用Node.js開(kāi)發(fā)后臺(tái)應(yīng)用程序。

6. 對(duì)Restful，Ajax，JSON，開(kāi)發(fā)過(guò)程有深入的理解,掌握git的基本技能。

知識(shí)點(diǎn)：

1、數(shù)據(jù)庫(kù)知識(shí)，范式，MySQL配置，命令，建庫(kù)建表，數(shù)據(jù)的增刪改查，mongodb數(shù)據(jù)庫(kù)。深入理解數(shù)據(jù)庫(kù)管理系統(tǒng)通用知識(shí)及MySQL數(shù)據(jù)庫(kù)的使用與管理，為Node.js后臺(tái)開(kāi)發(fā)打下堅(jiān)實(shí)基礎(chǔ)。

2、模塊系統(tǒng)，函數(shù)，路由，全局對(duì)象，文件系統(tǒng)，請(qǐng)求處理，Web模塊，Express框架，MySQL數(shù)據(jù)庫(kù)處理，，文件上傳等。熟練運(yùn)用Node.js運(yùn)行環(huán)境和后臺(tái)開(kāi)發(fā)框架完成Web系統(tǒng)的后臺(tái)開(kāi)發(fā)。

3、vue的組件、生命周期、路由、組件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能夠運(yùn)用Vue.js完成基礎(chǔ)前端開(kāi)發(fā)、熟練運(yùn)用Vue.js框架的高級(jí)功能完成Web前端開(kāi)發(fā)和組件開(kāi)發(fā)，對(duì)MVVM模式有深刻理解。

4、需求分析，數(shù)據(jù)庫(kù)設(shè)計(jì)，后臺(tái)開(kāi)發(fā)，使用vue、node完成pc和移動(dòng)端整站開(kāi)發(fā)。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，實(shí)現(xiàn)整站項(xiàng)目完整功能并上線(xiàn)發(fā)布。

第四階段：移動(dòng)端和微信實(shí)戰(zhàn)

階段目標(biāo)：

1.熟練掌握React.js框架，熟練使用React.js完成開(kāi)發(fā)。

2.掌握移動(dòng)端開(kāi)發(fā)原理，理解原生開(kāi)發(fā)和混合開(kāi)發(fā)。

3.熟練使用react-native和Flutter框架完成移動(dòng)端開(kāi)發(fā)。

4.掌握微信小程序以及了解支付寶小程序的開(kāi)發(fā)。

5.完成大型電商項(xiàng)目開(kāi)發(fā)。

知識(shí)點(diǎn)：

1、React面向組件編程、表單數(shù)據(jù)、組件通信、監(jiān)聽(tīng)、聲明周期、路由、Redux基本概念。練使用react完成項(xiàng)目開(kāi)發(fā)、掌握Redux中的異步解決方案Saga。

2、react-native、開(kāi)發(fā)工具、視圖與渲染、api操作、Flutter環(huán)境搭建、路由、ListView組件、網(wǎng)絡(luò)請(qǐng)求、打包。練掌握react-native和Flutter框架，并分別使用react-native和Flutter分別能開(kāi)發(fā)移動(dòng)端項(xiàng)目。

3、微信小程序基本介紹、開(kāi)發(fā)工具、視圖與渲染、api操作、支付寶小程序的入門(mén)和api學(xué)習(xí)。掌握微信小程序開(kāi)發(fā)了解支付寶小程序。

4、大型購(gòu)物網(wǎng)站實(shí)戰(zhàn)，整個(gè)項(xiàng)目前后端分離開(kāi)發(fā)；整個(gè)項(xiàng)目分為四部分：PC端網(wǎng)頁(yè)、移動(dòng)端APP、小程序、后臺(tái)管理。團(tuán)隊(duì)協(xié)作開(kāi)發(fā)，使用git進(jìn)行版本控制。目期間可以擴(kuò)展Three.js 、。

web前端學(xué)習(xí)路線(xiàn)思維導(dǎo)圖

web前端開(kāi)發(fā)什么意思

前端意思就是網(wǎng)站前臺(tái)部分，運(yùn)行在PC端，移動(dòng)端等瀏覽器上展現(xiàn)給用戶(hù)所瀏覽的網(wǎng)頁(yè)。用我們的話(huà)來(lái)說(shuō)，前端就是網(wǎng)頁(yè)給訪(fǎng)問(wèn)網(wǎng)站的人看的內(nèi)容和頁(yè)面，而前端開(kāi)發(fā)顧名思義就是這些內(nèi)容的制作，也就是代碼的實(shí)現(xiàn)。不過(guò)，現(xiàn)在的前端可不僅僅是網(wǎng)頁(yè)設(shè)計(jì)，早年的網(wǎng)頁(yè)時(shí)設(shè)計(jì)主要停留在以圖片和文字為主，用戶(hù)使用網(wǎng)站的行為也以瀏覽為主。而現(xiàn)在的前端開(kāi)發(fā)使得現(xiàn)代網(wǎng)頁(yè)更加美觀(guān)，交互效果顯著，功能更加強(qiáng)大。

前端開(kāi)發(fā)最主要的是掌握三種基本能力，HTML、CSS，。前端的開(kāi)發(fā)中，在頁(yè)面的布局時(shí)， HTML將元素進(jìn)行定義，CSS對(duì)展示的元素進(jìn)行定位，再通過(guò)實(shí)現(xiàn)相應(yīng)的效果和交互

除了基本語(yǔ)言，還要掌握各種開(kāi)發(fā)工具的應(yīng)用。：，Sublime，HBuilder等都是比較熱門(mén)的工具。

前端開(kāi)發(fā)需要掌握的能力很多，知識(shí)范圍很廣，要付出的代價(jià)很多。不過(guò)，前端的前途也是相當(dāng)光明的，前端現(xiàn)在正在走向工程化發(fā)展，無(wú)論是大小公司企業(yè)，對(duì)前端開(kāi)發(fā)的需求都是越來(lái)越大了，也越來(lái)越專(zhuān)業(yè)了。只要學(xué)好前端，是一定不愁自己發(fā)展的。

web前端需要哪些技術(shù)

所有知識(shí)框架，那肯定是一個(gè)結(jié)構(gòu)型的展現(xiàn)，就是一棵樹(shù)。web前端的知識(shí)點(diǎn)非常多，也非常散，需要好幾層結(jié)構(gòu)來(lái)組織這個(gè)體系，否則就會(huì)顯得很亂。那么如何組織、把誰(shuí)和誰(shuí)放在一塊兒？這是真正值得我們?nèi)ニ伎嫉?，你也可以自己?lái)思考一下這個(gè)問(wèn)題。

在我總結(jié)的這個(gè)知識(shí)框架中，首先*層我劃分為：理論知識(shí)，類(lèi)庫(kù)框架，編碼開(kāi)發(fā)，運(yùn)行環(huán)境。如下圖：

接下來(lái)給大家解釋一下：

這個(gè)圖要從下往上看，為何？——因?yàn)橄旅媸巧厦娴幕A(chǔ)；

首先，我們需要一定的理論知識(shí)，不管是你聽(tīng)別人講授、自己看書(shū)還是網(wǎng)上淘資料，你都需要一定的理論知識(shí)，每一種程序開(kāi)發(fā)，都避免不了。

第二，有了這些理論知識(shí)我們就可以編碼了——不錯(cuò)——but，沒(méi)有人能抵擋住第三方框架和類(lèi)庫(kù)的誘惑，例如jquery；

第三，有了這些理論知識(shí)和協(xié)助我們的類(lèi)庫(kù)框架，我們就可真正的編碼了。大家可能以為編碼開(kāi)發(fā)不就是寫(xiě)代碼嗎，還有啥？——這里面道道多著呢；

*，開(kāi)發(fā)程序的目的，最終是為了能高效、穩(wěn)定的運(yùn)行在相應(yīng)的環(huán)境中，這其中又有哪些事情需要我們?nèi)プ?？?qǐng)期待；

理論知識(shí) 包括“軟知識(shí)”和“硬知識(shí)”

“軟知識(shí)”和“硬知識(shí)”大家可能覺(jué)得詞陌生，其實(shí)我一說(shuō)大家就能明白。

所謂“軟”的就是能在各個(gè)程序開(kāi)發(fā)中都用到的，算是基本功、內(nèi)功，例如數(shù)據(jù)結(jié)構(gòu)、算法、設(shè)計(jì)模式、面向?qū)ο蟮鹊龋?/p>

所謂“硬”的就是能直接用于本程序開(kāi)發(fā)的。用C語(yǔ)言你就得學(xué)C語(yǔ)言語(yǔ)法，此時(shí)學(xué)java沒(méi)用。我們web前端開(kāi)發(fā)所需要的硬知識(shí)其實(shí)都包含在三個(gè)標(biāo)準(zhǔn)里面：http標(biāo)準(zhǔn)、W3C標(biāo)準(zhǔn)和標(biāo)準(zhǔn)；

聊一聊web前端開(kāi)發(fā)中的“硬知識(shí)”

“軟知識(shí)”的內(nèi)容非常多，也是我們*時(shí)代學(xué)習(xí)的重點(diǎn)（沒(méi)學(xué)好是另回事兒，畢業(yè)再惡補(bǔ)）。我們本次主要討論的是web前端這一個(gè)方向，因此就點(diǎn)到為止，讓大家知道這些知識(shí)也在知識(shí)體系中扮演重要角色。

剛才說(shuō)道，硬知識(shí)有三個(gè)標(biāo)準(zhǔn)：http標(biāo)準(zhǔn)、W3C標(biāo)準(zhǔn)和標(biāo)準(zhǔn)，那咱們就挨個(gè)聊聊這三個(gè)標(biāo)準(zhǔn)。

1. http標(biāo)準(zhǔn)

為什么做web前端要了解http標(biāo)準(zhǔn)？——因?yàn)闉g覽器要從服務(wù)端獲取網(wǎng)頁(yè)，網(wǎng)頁(yè)也可能將信息再提交給服務(wù)器，這其中都有http的連接。web系統(tǒng)既然和http鏈接有瓜葛，你就必須去了解它。

我的意見(jiàn)是：你不必去非常了解http的詳細(xì)內(nèi)容，但是你要了解web前端開(kāi)發(fā)常用的一些http的知識(shí)——就是上圖中我列出來(lái)的那些。當(dāng)然，我知識(shí)列了一個(gè)綱，詳細(xì)內(nèi)容還得靠你自己去查閱（本文章講的是知識(shí)框架，不會(huì)涉及任何知識(shí)點(diǎn)的詳細(xì)內(nèi)容）

關(guān)于這方面的知識(shí)，建議去查閱《圖解http》這本書(shū)，淺顯易懂的講述了這些內(nèi)容，我曾經(jīng)也看過(guò)。

2.W3C標(biāo)準(zhǔn)

如果說(shuō)你只知道web前端的一個(gè)標(biāo)準(zhǔn)，估計(jì)肯定是W3C標(biāo)準(zhǔn)了（據(jù)我了解，貌似大部分人真的都只知道這一個(gè)標(biāo)準(zhǔn)）。它的內(nèi)容非常多，看看www.w3.org/TR/這個(gè)頁(yè)面。

寫(xiě)到這里讓我想起了一句話(huà)：2/8原則——20%的功能滿(mǎn)足80%的需求。我覺(jué)得這句話(huà)用到這里非常合適，我們?cè)谄綍r(shí)開(kāi)發(fā)過(guò)程中根本用不到這么多東西。反而，你要把平時(shí)用的多的東西搞懂了。

下圖的這些知識(shí)，我想不用再過(guò)多解釋了，這就是我文章開(kāi)發(fā)說(shuō)的“三大塊”（html、css、js）?，F(xiàn)在你要知道，它們只不多是W3C標(biāo)準(zhǔn)的一部分，而W3C標(biāo)準(zhǔn)也只是web前端開(kāi)發(fā)知識(shí)體系中的一部分而已。

（下圖沒(méi)有完全展開(kāi)，想看權(quán)展開(kāi)的圖，可下載本文一開(kāi)始提供的附件）

關(guān)于CSS的基礎(chǔ)知識(shí)，毛遂自薦一下自己之前的一篇系列博客：《CSS知多少》

3.

簡(jiǎn)稱(chēng)ES，寫(xiě)全稱(chēng)太麻煩了。

有些人可能只知道，而不知道ES——其實(shí)，js是在ES的基礎(chǔ)上，為web瀏覽器做了一部分封裝（增加了DOM操作、BOM操作等）。

如上圖中的這些概念，大家可能平時(shí)都在中看到，其實(shí)他們是ES的內(nèi)容。只不過(guò)繼承了ES的這些特性，并且用的比較廣泛，因此才會(huì)在js中討論的多一些。

還是那個(gè)“2/8原則”。其實(shí)ES中的內(nèi)容也非常多，而且更新很快，現(xiàn)在都到ES6了。但是我上圖中列出來(lái)的這些都是最重要的概念。如果你不懂原型、閉包和作用域，那就說(shuō)明你還不完全了解ES，也就是不完全會(huì)用。

在此毛遂自薦自己之前的一篇系列博客，大家可以去參考：《深入理解原型和閉包系列》

5. 框架和類(lèi)庫(kù)

前面已經(jīng)描述完了web前端開(kāi)發(fā)所需要的理論知識(shí)。如何實(shí)踐呢？——不能蠻干——還得繞世界去看看，有哪些大牛已經(jīng)為我們做出了如此多的貢獻(xiàn)。

用下面的這些類(lèi)庫(kù)或者框架，能大大提高你的開(kāi)發(fā)效率。

首先，jquery一定是大部分web前端開(kāi)發(fā)者不可或缺的工具。而我利用jquery不僅僅停留在只使用它的API和插件上，我還會(huì)自己去寫(xiě)jquery插件，我還會(huì)去讀jquery的源碼、了解jquery的設(shè)計(jì)思路。如果你也能那樣做，請(qǐng)相信我，你會(huì)收獲到意想不到的效果。如果有一個(gè)問(wèn)題：怎樣才能最最透徹的理解的事件系統(tǒng)？*答案之一：讀幾遍（一遍可能讀不懂）jquery關(guān)于事件處理部分的源碼！

bootstrap不用再過(guò)多解釋了吧，從github上的排名也能看出道道來(lái)。甚至連我們公司的UI設(shè)計(jì)師，都從bootstrap上截圖作為素材。

是全世界最強(qiáng)大的圖標(biāo)系統(tǒng)。相比于css制作圖標(biāo)來(lái)說(shuō)，這個(gè)要好很多倍，不管是開(kāi)發(fā)、效率還是維護(hù)上。icomoon.io能讓我自定義選擇自己的圖標(biāo)文件。

requirejs和seajs這種模塊定義系統(tǒng)，也一定是你系統(tǒng)中不可或缺的。我曾經(jīng)看過(guò)一個(gè)教程，講師就說(shuō)：requirejs帶來(lái)了既jquery之后的第二次前端技術(shù)變革。

其他的，backbone、angular、react這些也慢慢的開(kāi)始發(fā)揮了他們的價(jià)值，此處精力有限就不再贅述了——但是，他們很重要——你至少要試著去了解它們。

6. 編碼開(kāi)發(fā)

要問(wèn)編碼IDE哪家強(qiáng)，當(dāng)然要屬微軟的visual studio！但是即便是微軟的VS*版本，它也代替不了下面要說(shuō)的這套開(kāi)發(fā)環(huán)境。

如果你專(zhuān)門(mén)做web前端，就不要在用vs了，當(dāng)然要選擇sublime。寫(xiě)html語(yǔ)句還用手動(dòng)一條一條寫(xiě)嗎？你得需要zencoding的協(xié)助，否則效率太差了。

另外，針對(duì)html、css、js的壓縮、合并、語(yǔ)法檢查，文件的清除、復(fù)制這些操作，你還要手動(dòng)去做嗎？——你需要grunt或者gulp的幫助。

在此毛遂自薦自己的教程《用grunt搭建自動(dòng)化web開(kāi)發(fā)環(huán)境》，講的比較詳細(xì)，適合初學(xué)者學(xué)習(xí)。

如果你的系統(tǒng)中有比較多的js代碼或者文件，請(qǐng)選擇一個(gè)合適的模塊定義規(guī)范——CMD / AMD

請(qǐng)用git來(lái)幫助你做文件版本管理，最簡(jiǎn)單的就是使用github。

調(diào)試、測(cè)試，也都有專(zhuān)門(mén)的工具，都是需要學(xué)的……

——我的天哪……這些字寫(xiě)到現(xiàn)在寫(xiě)的我的手都酸了，別說(shuō)要學(xué)習(xí)這些知識(shí)了——再也別說(shuō)我們web前端是“三大塊”了！

7. 運(yùn)行環(huán)境

當(dāng)系統(tǒng)真正到了運(yùn)行環(huán)境中，當(dāng)你覺(jué)得終于完事兒的時(shí)候，其實(shí)還有好幾個(gè)知識(shí)點(diǎn)需要你掌握?？聪聢D：

首先，你要知道web系統(tǒng)雖然大部分是在瀏覽器下運(yùn)行，但是js可能會(huì)被運(yùn)行在node環(huán)境。

在瀏覽器環(huán)境下，最重要的兩點(diǎn)是：web安全和性能優(yōu)化。需要注意的綱要我都列出來(lái)了，如果想了解推薦兩本書(shū)《白帽子將web安全》《高性能網(wǎng)站建設(shè)指南》

8. 其他

以上這些是全部的知識(shí)體系。如果你想成為一名合格的、讓leader喜歡的程序猿，你除了知道這些知識(shí)之外，我覺(jué)得還需要以下幾點(diǎn)：

要了解敏捷軟件開(kāi)發(fā)流程（如SCRUM）和項(xiàng)目管理知識(shí)（如考取PMP），這也屬于一種“軟”知識(shí)吧；

要學(xué)會(huì)在網(wǎng)上和別人交流（博客、qq群、開(kāi)源項(xiàng)目），交流能讓自己看到自己的不足；

要學(xué)會(huì)自我反省和自我學(xué)習(xí)。就像我現(xiàn)在一樣，試著自己總結(jié)一下屬于自己的東西，隨時(shí)反省隨時(shí)進(jìn)步

學(xué)習(xí)web前端工程師需要什么條件

1、必須掌握基本的Web前端開(kāi)發(fā)技術(shù)，其中包括：HTML5、CSS3、、DOM、BOM、Ajax、SEO等，在掌握這些技術(shù)的同時(shí)，還要清楚地了解它們?cè)诓煌瑸g覽器上的兼容情況、渲染原理和存在的Bug。

2、在一名合格的前端工程師的知識(shí)結(jié)構(gòu)中，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識(shí)也是必須掌握的。

3、必須學(xué)會(huì)運(yùn)用各種工具進(jìn)行輔助開(kāi)發(fā)。

4、除了要掌握技術(shù)層面的知識(shí)，還要掌握理論層面的知識(shí)，包括代碼的可維護(hù)性、組件的易用性、分層語(yǔ)義模板和瀏覽器分級(jí)支持，等等。

擴(kuò)展資料

Web前端開(kāi)發(fā)工程師，除了主要職責(zé)外，還要為網(wǎng)站上提供的產(chǎn)品和服務(wù)實(shí)現(xiàn)一流的Web界面，優(yōu)化代碼并保持良好兼容性，Web前端表現(xiàn)層及與前后端交互的架構(gòu)設(shè)計(jì)和開(kāi)發(fā)，配合后臺(tái)開(kāi)發(fā)人員實(shí)現(xiàn)產(chǎn)品界面和功能。

利用各種Web技術(shù)模擬開(kāi)發(fā)產(chǎn)品原型，Web新技術(shù)調(diào)研和資訊整理，精通HTML/XHTML、CSS，熟悉頁(yè)面架構(gòu)和布局，對(duì)Web標(biāo)準(zhǔn)和標(biāo)簽語(yǔ)義化有深入理解。

熟悉Ajax、(或者)、DOM等前端技術(shù)，掌握面向?qū)ο缶幊趟枷搿?/p>

參考資料來(lái)源：百度百科-web前端開(kāi)發(fā)工程師

參考資料來(lái)源：百度百科-web前端工程師