WEB前端中Js的重要知識點(diǎn)

WEB前端中Js的重要知識點(diǎn)關(guān)注前端這么多年，沒有大的成就，就入門期間積累了不少技巧與心得，跟大家分享一下，不一定都適合每個(gè)人，畢竟人與人的教育背景與成長環(huán)境心理活動(dòng)都有差別，但就別人的心得再結(jié)合自己的特點(diǎn)，然后探索適合自己的學(xué)習(xí)之路是比較好的。學(xué)習(xí)沒有捷徑，但學(xué)習(xí)是有技巧與方法。

一，css入門篇：

推薦書籍：css哪些事兒，精通css。理由：css那些事兒，他是一本介紹css基礎(chǔ)類的書，是入門的經(jīng)典讀物。系統(tǒng)的介紹了css的選擇符，偽類，工作環(huán)境，盒模型，兩列，三列自適應(yīng)布局。文字樣式，圖片處理，列表，表單，還有選項(xiàng)卡，相冊，導(dǎo)航，新聞列表等其它大部分的實(shí)踐。精通css，這書已經(jīng)出到第二版了，相比第一版，第二版的大部分目錄結(jié)構(gòu)保持不變，內(nèi)容變得更豐滿了。此書從一另一個(gè)視角介紹了css的博大精深。

二，js入門篇：

1,建議閱讀“javascript高級程序設(shè)計(jì)”第三版電子版。經(jīng)過前輩們的總結(jié)或本人的實(shí)踐經(jīng)歷，自學(xué)的同學(xué)建議是這樣，找本js入門的書和妙味視頻結(jié)合看。一個(gè)主攻面試，一個(gè)主攻實(shí)踐?？磿哪康闹饕钦莆绽碚撝R，梳理js的知識結(jié)構(gòu)，最主要的一點(diǎn)是為了應(yīng)付面試。面試的主要環(huán)節(jié)是為了表達(dá)自己的想法，只憑簡單的理解，是不能完全的表達(dá)出一個(gè)問題的廣度或深度，只有結(jié)合了行業(yè)中的術(shù)語約定或一些習(xí)慣叫法，表達(dá)出來的意思才更專業(yè)。如果不是這樣，表達(dá)出來的意思別說面試官聽不懂，連自己都感覺要么表達(dá)不出來，要么表達(dá)的不是想要的。但書著重于對理論知識的闡述，缺少實(shí)際例子的支持，很難快速的消化。這時(shí)候視頻可以彌補(bǔ)這個(gè)缺陷，而且妙味視頻用簡單的代碼實(shí)現(xiàn)一些常見的效果，學(xué)習(xí)興趣很快就能被吸引。但是對js的高級特性，個(gè)人感覺視頻沒有達(dá)到那個(gè)深度。而且js的一些基礎(chǔ)的問題，或一個(gè)知識的擴(kuò)充，限于各種條件的限制，可能無法完全表達(dá)出來。所以要結(jié)合書來補(bǔ)充。一般學(xué)習(xí)的心態(tài)是：不急不躁，不快不慢。持之以恒，相信自己。

2,建議欣賞，妙味及智能社視頻資料。

學(xué)習(xí)主要技巧是動(dòng)手及主動(dòng)思考，視頻在欣賞的同時(shí)記得跟敲代碼不低于三遍，直到隔一天隔一周能重復(fù)敲出代碼或回憶起思路為止。而且邊敲邊做筆記，以做復(fù)習(xí)時(shí)快速的查閱之用。學(xué)習(xí)的技巧是動(dòng)手，學(xué)習(xí)的靈魂是堅(jiān)持，學(xué)習(xí)的快樂就是分享。只要堅(jiān)持，其實(shí)每天都在成長，只是感覺不明顯而已。但這個(gè)月與前幾月相比，已經(jīng)有量的變化，量變引起質(zhì)變。另外一個(gè)建議：QQ群不是學(xué)習(xí)的主戰(zhàn)場，群只是學(xué)習(xí)的輔助手段，要是想安心學(xué)習(xí)就是關(guān)QQ，短網(wǎng)，靠自己。學(xué)習(xí)的態(tài)度需要?jiǎng)?wù)實(shí)，生活是殘酷的，戰(zhàn)場是血腥的，一份耕耘，一份收獲，務(wù)實(shí)的學(xué)習(xí)好基礎(chǔ)才能走的更遠(yuǎn)。

敲出來的代碼，思路不清晰時(shí)，可以在firebug,chrome里邊打個(gè)斷點(diǎn)跟一下，理理思路，理解代碼的邏輯，這樣影響才會(huì)深刻。初學(xué)者沒辦法都是這樣，也只能這樣。但是初期可能稍為慢一點(diǎn)，但一直不會(huì)這么慢，也不會(huì)想象的那么長，因?yàn)殡S著基本概念的掌握，編碼技巧的熟悉，開發(fā)工具的熟練，消化視頻的速度會(huì)越來越快。

妙味智能社視頻：/video.htmljs視頻

[知識點(diǎn)類]妙味課堂其它書籍總結(jié)分享：js書籍：js學(xué)習(xí)流程＋書籍javascript那些書如果學(xué)習(xí)jsjavascript那些書寫給想學(xué)JavaScript朋友的一點(diǎn)經(jīng)驗(yàn)之談如何循序漸進(jìn)有效學(xué)習(xí)JavaScript？前端其它資源前端書籍分享

3.等這些消化之后，閱讀其它js書籍建議如下：jsdom編程藝術(shù)(2version)->js高級程序設(shè)計(jì)(3version)->jsdom高級程序設(shè)計(jì)->js語言精粹->精通js->編寫可維護(hù)的js->高性能js->js面向?qū)ο缶幊讨改?/p>

->js模式->js權(quán)威指南(6version)->js語言精髓與編程實(shí)踐jsdom編程藝術(shù):他只是截取了js中的部分概念進(jìn)行了介紹，并不完整或深入。js高級程序設(shè)計(jì):經(jīng)典的js基礎(chǔ)書，之所為經(jīng)典是因?yàn)橄到y(tǒng)完善的介紹了js的歷史，基礎(chǔ)及預(yù)測了當(dāng)下的流行趨勢。與犀牛比更測重于實(shí)踐結(jié)合

jsdom高級程序設(shè)計(jì):主要講如何去寫一個(gè)框架或庫。js語言精粹：json作者，道格拉斯寫的，主要解析js語言本質(zhì)或內(nèi)涵。精通js：jquery作者寫的，淺淺的解析了jquery一些方法的實(shí)現(xiàn)，注意是很淺。編寫可維護(hù)的js，高性能js：這兩本是高程作者尼古拉斯的，出版日期在高程后，深度可想而知。js面向?qū)ο缶幊讨改希褐饕v面向?qū)ο蟮囊恍〇|西。js模式：->js權(quán)威指南(6version)js模式，這兩本是淘寶團(tuán)隊(duì)翻譯的，模式主要一半講模式一半講基礎(chǔ)。

js權(quán)威指南(6

version)，經(jīng)典犀牛，一半講基礎(chǔ)，一講是參考。

4.編輯器推薦：a.新手：sublime-text,

/jikeytang/sublime-textb.熟手：webstorm:

推薦這兩個(gè)的原因在于，有個(gè)技術(shù)叫emmet,http://docs.emmet.io，而這兩個(gè)對他的支持是：sublimetext是所有編輯器里邊支持emmet比較好的的唯一一款。webstorm(jetbrains系列產(chǎn)品，intellijidea,phpstorm,pycharm)是所