怎樣自學(xué)web前端開發(fā)？

1、首先，得學(xué)習(xí)一下html，主要是學(xué)習(xí)一下html標(biāo)簽的使用方法。推薦一個(gè)學(xué)習(xí)平臺(tái)，W3C 菜鳥教程。這個(gè)教程簡(jiǎn)單易用，適用于初學(xué)入門者，能比較完善的學(xué)習(xí)html是怎么使用的。（如果感興趣，學(xué)完后可以接著學(xué)一下html5，這個(gè)是目前*版本的html，也比較簡(jiǎn)單的。）

2、學(xué)完了html，接著當(dāng)然是學(xué)習(xí)css。html的作用是填充網(wǎng)頁內(nèi)容，css作用就是為內(nèi)容加上外衣，讓它看起來富有色彩，更好看。推薦同樣在W3C 菜鳥教程上面去學(xué)習(xí)css，很簡(jiǎn)單，大概兩三天的學(xué)習(xí)周期，這些內(nèi)容需要強(qiáng)記一下，記下了多用就熟了，沒有什么難度。（學(xué)完css，可以接著學(xué)習(xí)css3，目前*版本的css，這個(gè)有興趣就學(xué)，一般的話css3用的不是很多，個(gè)人覺得）

3、學(xué)完了html,css，接下來是重頭戲，輪到了我們的，業(yè)界簡(jiǎn)稱js。很多程序員說js的難度超過了java， 我想說的是，簡(jiǎn)單易學(xué)的入門，深究可能就要費(fèi)腦子了，當(dāng)然大家不要怕，企業(yè)應(yīng)用級(jí)別的js也是很簡(jiǎn)單的，吧W3C 菜鳥教程中的文檔看完完熟了，也就了解了js的使用方法了，哈哈。

4、學(xué)完了上述的html,css,js后，咱們就可以成為一名合格的web前端程序員了。但是光合格還是不夠的，技術(shù)要拿得出手，工作中才能輕松勝任，學(xué)習(xí)咱們搞編程是不能停止學(xué)習(xí)步伐的，繼續(xù)出發(fā)！學(xué)什么呢，學(xué)完js后，首先要學(xué)的是jQuery框架，說它的大名鼎鼎是一點(diǎn)都不為過，不知道jquery是什么的程序員我就不想說什么了，你現(xiàn)在知道它的重要性了嗎，這個(gè)一定得好好學(xué)習(xí)。

5、接下來我想推薦另外兩個(gè)現(xiàn)在非常熱門的比較新的框架，它們未來會(huì)成為主流前端框架，一個(gè)叫angularjs，目前*版本的是angular4，另外一個(gè)是vue.js，大家感興趣可以學(xué)習(xí)學(xué)習(xí)。

web前端怎么自學(xué)，有什么好的網(wǎng)站，或者資料推薦嗎？

基礎(chǔ)性的學(xué)習(xí)網(wǎng)站：

w3school：

w3cplus：www.w3cplus.com

MDN網(wǎng)站 ：

菜鳥教程網(wǎng)：

易百教程：

腳本之家：

視頻類的學(xué)習(xí)網(wǎng)站：

尚學(xué)堂：

慕課網(wǎng)：

扣丁課堂：

極客：

騰訊課堂：

個(gè)人博客類的學(xué)習(xí)網(wǎng)站：

張?chǎng)涡瘢?

阮一峰：

廖雪峰：

辰辰：

軒楓閣：

社區(qū)類的學(xué)習(xí)網(wǎng)站：

：

掘金：

簡(jiǎn)書：

WEB前端-伯樂在線：

Stack Overflow:

CSDN：

博客園：

開發(fā)者頭條：

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

階段目標(biāo)：

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

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

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

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

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

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

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

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

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

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

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

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

階段目標(biāo):

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

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

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

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

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

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

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

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

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

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

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

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

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

階段目標(biāo)：

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

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

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

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

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

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

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

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

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

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

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

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

階段目標(biāo)：

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

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

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

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

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

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

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

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

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

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

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

自學(xué)web前端，應(yīng)該從哪些知識(shí)入門呢？

介紹一下Web前端學(xué)習(xí)路線，幫助零基礎(chǔ)的小伙伴更好的學(xué)習(xí)。
1、前端頁面重構(gòu)。主要內(nèi)容為PC端網(wǎng)站布局、HTML5+CSS3基礎(chǔ)、WebApp頁面布局。學(xué)習(xí)目標(biāo)是完成PC端網(wǎng)站布局，WebApp頁面布局，還要可以通過HTML5+CSS3的2D、3D等屬性實(shí)現(xiàn)一些精美的動(dòng)畫效果。
2、高級(jí)課程、PC端全棧項(xiàng)目開發(fā)。主要內(nèi)容為原生、面向?qū)ο筮M(jìn)階與ES5/ES6應(yīng)用、工具庫自主研發(fā)、JQuery經(jīng)典交互特效開發(fā)、HTTP協(xié)議、Ajax進(jìn)階與后端開發(fā)、前端工程化與模塊化應(yīng)用以及AngularJS等。學(xué)習(xí)目標(biāo)是可以通過原生開發(fā)交互功能，實(shí)現(xiàn)網(wǎng)站上的交互效果，以及模塊化應(yīng)用等，實(shí)現(xiàn)完整的前端工程。
3、Web前端框架、混合開發(fā)(Hybrid，RN)、大數(shù)據(jù)可視化。主要內(nèi)容為Node.js后端開發(fā)、Vue.js前端框架、React前端框架、混合開發(fā)(Hybrid，RN)、Angular前端框架、大數(shù)據(jù)可視化等。學(xué)習(xí)目標(biāo)是可以獨(dú)立完成相應(yīng)的項(xiàng)目，如場(chǎng)景，應(yīng)用Vue.js/Ionic/React.js等框架開發(fā)WebApp，小程序項(xiàng)目開發(fā)，以及各類混合應(yīng)用項(xiàng)目開發(fā)等。
以上就是為大家規(guī)劃的學(xué)習(xí)路線，相信學(xué)完該課程即使是零基礎(chǔ)的小白，也能熟練掌握移動(dòng)Web網(wǎng)頁開發(fā)、網(wǎng)頁編程、前后端交互、小程序項(xiàng)目開發(fā)，以及各類混合應(yīng)用項(xiàng)目開發(fā)等核心技能，勝任前端開發(fā)工程師的崗位。

我想問一下學(xué)習(xí)web前端可以自學(xué)不，需要怎么自學(xué)，學(xué)起來辛不辛苦，跟C語言有沒有關(guān)聯(lián)，需不需要買書

web前端相對(duì)Java來說是算簡(jiǎn)單的，比較適合零基礎(chǔ)的小白學(xué)習(xí)。但能不能學(xué)會(huì)web前端，主要看你的學(xué)習(xí)方式。一般有兩種學(xué)習(xí)方式，自學(xué)和培訓(xùn)。想要自學(xué)學(xué)會(huì)web前端時(shí)間非常難的事，自學(xué)消耗時(shí)間長，至少需要一年的時(shí)間，并且學(xué)的不全面，還有項(xiàng)目給你練手，*能否學(xué)會(huì)也是問題。培訓(xùn)一般是5個(gè)月的時(shí)間，有專業(yè)的人教你，學(xué)的更系統(tǒng)全面，還有一群志同道合的小伙伴跟你一起學(xué)，學(xué)習(xí)效率更高。真實(shí)的項(xiàng)目給你練手，對(duì)日后找工作幫助很大的。【點(diǎn)擊測(cè)試我適不適合學(xué)設(shè)計(jì)】
IT培訓(xùn)選擇教育。是一家擁有核心教研能力以及校企合作能力的職業(yè)教育培訓(xùn)企業(yè)，2011年成立于北京，秉承“初心至善匠心育人”的核心價(jià)值觀，以堅(jiān)持面授的泛IT職業(yè)教育培訓(xùn)為根基，發(fā)展至今已布局教育培訓(xùn)、高校服務(wù)、企業(yè)服務(wù)三大業(yè)務(wù)版塊，旗下?lián)碛薪逃?、好程序員、小獅視覺、扣丁學(xué)堂、鋒云智慧、鋒企優(yōu)聯(lián)、鋒友學(xué)盟、鋒益等多個(gè)子品牌，截止目前已在北京、深圳、上海、廣州、鄭州、大連等20余個(gè)核心城市建立直營校區(qū)，服務(wù)近20萬學(xué)員、近千所高校和數(shù)萬家企業(yè)。

有哪個(gè)網(wǎng)站可以自學(xué)web前端？

我也在W3Cschool學(xué)過HTML，總感覺缺了點(diǎn)什么，然后就去報(bào)了培訓(xùn)班，跟老師說我要學(xué)用HTML做出好看的EDM設(shè)計(jì)，于是老師就讓我照著EDM案例模仿學(xué)習(xí)，很快我就拿到了網(wǎng)頁設(shè)計(jì)師的認(rèn)證，賣給客戶$100一個(gè)，很快就賺回了培訓(xùn)費(fèi)。這算不算最早期的知識(shí)付費(fèi)，還賺了？

學(xué)習(xí)需要?jiǎng)恿?，總是停留在理論層面是沒有價(jià)值的，所謂的實(shí)操也不是一場(chǎng)考試認(rèn)證，而是做出商業(yè)化項(xiàng)目作品，看客戶是否愿意為你付費(fèi)？正好有一個(gè)機(jī)會(huì)，讓你做屬于自己的3D可視化項(xiàng)目，這里了解一下什么是3D可視化？就是帶有基礎(chǔ)數(shù)據(jù)的3D效果圖，根據(jù)需求不同進(jìn)行更多效果開發(fā)，天貓雙十一倒數(shù)大屏也算一種！

如要進(jìn)行3D開發(fā)實(shí)操，推薦去thingjs注冊(cè)免費(fèi)賬號(hào)用一下，官方有優(yōu)惠哦！近兩年新興的thingjs，采用編程語言進(jìn)行開發(fā)，有web前端基礎(chǔ)的同學(xué)容易入門。

前往資源中心，提供十萬個(gè)3D模型、場(chǎng)景和項(xiàng)目案例，還提供教程視頻、下載插件和開發(fā)技術(shù)文檔，手把手教你開發(fā)3D動(dòng)畫！這些都是理論基礎(chǔ)準(zhǔn)備，開發(fā)界面還提供200多個(gè)3D源碼（如下圖），光學(xué)會(huì)這些官方示例，你也差不多具備3D可視化的前端基礎(chǔ)了，而且這是聚焦于物聯(lián)網(wǎng)3D可視化，很有“錢”景！

有初學(xué)者破了一周開發(fā)出3D項(xiàng)目的記錄，thingjs就是為項(xiàng)目開發(fā)者提高效率而生的！完成一個(gè)3D項(xiàng)目，不需要什么高大上的配件，只需臺(tái)式電腦和谷歌瀏覽器，就可以做出不錯(cuò)的3D可視化效果！

消防可視化效果演示：

Web前端基礎(chǔ)技能知識(shí)都有哪些？

Web前端基礎(chǔ)技能知識(shí)都有哪些?當(dāng)我們?cè)诮佑|一門新技術(shù)的時(shí)候，可能會(huì)有很有的疑問，常常會(huì)從不同的方面去衡量。比如Web前端基礎(chǔ)知識(shí)有哪些?Web前端好找工作嗎?Web前端的市場(chǎng)前景如何?一系列的問題，今天北京IT培訓(xùn)就和大家一一闡述。

1、html+css。

2、。不是所有的網(wǎng)頁都必須有js，但是要想實(shí)現(xiàn)一些超酷的功能和界面的時(shí)候，就需要涉及到j(luò)s。如果沒有別的編程語言的基礎(chǔ)的話，學(xué)起來可以或者要費(fèi)些力。

3、Photoshop、flash。熟悉會(huì)一點(diǎn)兒就行了，不必全部都學(xué)得精曉，如果你在學(xué)習(xí)的過造中對(duì)ps或者flash比較感興趣的話，也可以或者嘗試做美工這一行。

4、html5和css3?？梢曰蛘呦壤斫庖幌拢缓笤僦?。畢竟IE的瀏覽器大多還不支持。

5、瀏覽器兼容。懂web標(biāo)準(zhǔn)，熟練手寫xhtmlcss3并符合符合w3c標(biāo)準(zhǔn)。代碼能兼容主流瀏覽器Firfox，Chrome、Safari、IE、Opera。雖然IE6很多都不兼容，但現(xiàn)在還利用的人還是有的。

6、熟悉一門后援編程語言asp、php、jsp等。

web前端開發(fā)的學(xué)習(xí)方法？

用微信的人已經(jīng)快達(dá)到與QQ的使用人數(shù)了，而隨著微信小程序的出現(xiàn)，web前端的也被推至了潮流尖端。凡是熱門的行業(yè)都是需求暴漲的，不論是web前端，還是HTML5又或者是Java工程師等職業(yè)，均是如此。如果零基礎(chǔ)的你想做web前端開發(fā)程序員，那就來北京北大青鳥web前端培訓(xùn)吧，零基礎(chǔ)也可以入學(xué)，老師引導(dǎo)你從零到有。那么零基礎(chǔ)要怎么簡(jiǎn)單的入門呢?北京北京UI設(shè)計(jì)培訓(xùn)一起來看看吧!

1、自學(xué)

通過自己自學(xué)進(jìn)入該行業(yè)，見效慢，不夠系統(tǒng)，沒有外援，使得學(xué)習(xí)過程中容易喪失自信與興趣。

2、培訓(xùn)班

通過參加教育培訓(xùn)機(jī)構(gòu)入門。通過自身學(xué)習(xí)入門你需要通過的是最開始學(xué)習(xí)時(shí)多看看視頻，有一定了解后針對(duì)自身情況挑選合適的書籍，進(jìn)行知識(shí)性的查漏補(bǔ)缺。當(dāng)然這學(xué)習(xí)的過程很重要，需要將自己學(xué)習(xí)的知識(shí)串成知識(shí)點(diǎn)時(shí)常溫習(xí)。平時(shí)多練習(xí)代碼，堅(jiān)持一段時(shí)間之后一定能有所成就。然后還可以參加合適的教育培訓(xùn)機(jī)構(gòu)，這樣可以減少你學(xué)習(xí)的時(shí)間，有針對(duì)性的學(xué)習(xí)。

零基礎(chǔ)wen前端培訓(xùn)如何入門

Web前端的學(xué)習(xí)是一個(gè)由易到難的過程。技能很重要，但重要的是Web前端的思維和對(duì)行業(yè)*動(dòng)向的了解，以及學(xué)習(xí)方法的養(yǎng)成。其技術(shù)分為三個(gè)階段：分別是前端美工、前端開發(fā)和前端架構(gòu)。前端美工主要負(fù)責(zé)最基本的一些平面設(shè)計(jì)，交互設(shè)計(jì)，不需要參加太多代碼問題;前端開發(fā)會(huì)寫js，應(yīng)用js，用戶交互等;前端架構(gòu)是開發(fā)、優(yōu)化框架和服務(wù)器，用戶體驗(yàn)等涉汲就比較廣。三者薪資根據(jù)等級(jí)不同也逐漸升高。

Web前端開發(fā)包括三個(gè)要素：HTML、CSS和JS，是Web前端開發(fā)包括的三要素，當(dāng)然服務(wù)器端語言以及基本的PS、視覺設(shè)計(jì)也是需要了解的。Web前端既需要與上游的交互設(shè)計(jì)師、視覺設(shè)計(jì)師和產(chǎn)品經(jīng)理溝通，又要與下游的服務(wù)器端工程師溝通，需要掌握的技能比較多。所以對(duì)于有些知識(shí)只需要入門不需要精通，有些知識(shí)卻需要融會(huì)貫通，這對(duì)Web前端開發(fā)的學(xué)習(xí)比較重要。

自學(xué)web前端開發(fā),請(qǐng)問從何入手呢？

學(xué)習(xí)前端，要從學(xué)習(xí)HTML和CSS開始著手。關(guān)于這部分的學(xué)習(xí)，網(wǎng)上可選擇的資料就太多了，這里不一一列舉，題主百度搜索欄搜索?HTML 教程，或者css 教程，就可找到相關(guān)資料。

接著是學(xué)習(xí)前端的一個(gè)難點(diǎn)、也是重點(diǎn)，就是。

首先，初學(xué)一門語言，要秉承一個(gè)原則：“能動(dòng)手的，盡量別吵吵”

另外，你需要一個(gè)能夠從簡(jiǎn)到難的知識(shí)體系，一步一步跟下來。

下面是干貨。

體系：上圖。

說明一下這張圖，題主提問如何有效學(xué)習(xí)JS，我這里理解為JS原生，所以關(guān)于框架、工作流的內(nèi)容，沒有具體展開，題主有興趣可以自行搜索。

一、文檔資料

紅寶書(基礎(chǔ))：

蝴蝶書(進(jìn)階)：

阮一峰老師ES6:

權(quán)威官方文檔MDN：

二、學(xué)習(xí)步驟

語法和基本類型

控制流

循環(huán)

表達(dá)式和操作符

日期對(duì)象

正則表達(dá)式

對(duì)象

上面這些搞定，就已經(jīng)掌握了ES5的最基本的內(nèi)容了，接著，我們就可以來操作頁面了。畢竟這是一個(gè)看臉的社會(huì)，我們?cè)诟沩撁娴耐瑫r(shí)，還要注意一下頁面的樣式。

8.DOM操作

1>DOM樹的概念

2>從DOM樹取節(jié)點(diǎn)

3>操作這個(gè)DOM樹(節(jié)點(diǎn)的添加、刪除、修改)

4>訪問節(jié)點(diǎn)(, children, 等等)

5>屬性操作(id, className)

9. 事件處理

1>鼠標(biāo)事件(mouseove)

2>鍵盤事件(keyup)

3>瀏覽器事件(load)

好，到這里，基本上靜態(tài)頁面，你就可以隨意玩耍了。這里我們*降上面思維導(dǎo)圖提到的例子，都擼一遍。一是加深上面知識(shí)點(diǎn)印象，二是鍛煉一下編程的邏輯思維能力。具體實(shí)現(xiàn)，網(wǎng)上有一堆堆的。（這里讓題主自己搜索，是因?yàn)榫幋a的一項(xiàng)重要能力，就是搜索）一定要謹(jǐn)記，多敲代碼。

10. 面向?qū)ο螅涸褪嚼^承、原型鏈

11. ES6：

ES6跟ES5還是有較大的區(qū)別，所以建議你能系統(tǒng)的過一遍，將上面的練習(xí)，改為使用ES6再來一遍

三、調(diào)試

1、JS編程的調(diào)試非常簡(jiǎn)單，打開瀏覽器控制臺(tái)(我個(gè)人比較鐘愛Chrome)。如圖：

1> console標(biāo)簽：這個(gè)標(biāo)簽，可以打印我們開發(fā)時(shí)，JS引擎為我們拋出的異常。我們可以根據(jù)這個(gè)異常的信息，來分析錯(cuò)誤原因。另外，我們也可以在代碼中使用console.log() 輸出程序運(yùn)行時(shí)的環(huán)境變量信息。

2> 右紅框1：錯(cuò)誤提示。說明當(dāng)前頁有一個(gè)error發(fā)生，點(diǎn)擊他，可以跳轉(zhuǎn)到console來查看錯(cuò)誤具體信息

3>右紅框2：警告信息。提示了我們程序潛在的危險(xiǎn)。

4> source，我們進(jìn)行單步調(diào)試的地方。具體見下圖

（四）、工作流(跟JS原生關(guān)系不大，不詳細(xì)展開了)

webpack

gulp

上面的內(nèi)容結(jié)束后，就可以進(jìn)入前端框架的海洋中暢游了。