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

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

一，css入門(mén)篇：

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

二，js入門(mén)篇：

1,建議閱讀“javascript高級(jí)程序設(shè)計(jì)”第三版電子版。經(jīng)過(guò)前輩們的總結(jié)或本人的實(shí)踐經(jīng)歷，自學(xué)的同學(xué)建議是這樣，找本js入門(mén)的書(shū)和妙味視頻結(jié)合看。一個(gè)主攻面試，一個(gè)主攻實(shí)踐?？磿?shū)的目的主要是掌握理論知識(shí)，梳理js的知識(shí)結(jié)構(gòu)，最主要的一點(diǎn)是為了應(yīng)付面試。面試的主要環(huán)節(jié)是為了表達(dá)自己的想法，只憑簡(jiǎn)單的理解，是不能完全的表達(dá)出一個(gè)問(wèn)題的廣度或深度，只有結(jié)合了行業(yè)中的術(shù)語(yǔ)約定或一些習(xí)慣叫法，表達(dá)出來(lái)的意思才更專業(yè)。如果不是這樣，表達(dá)出來(lái)的意思別說(shuō)面試官聽(tīng)不懂，連自己都感覺(jué)要么表達(dá)不出來(lái)，要么表達(dá)的不是想要的。但書(shū)著重于對(duì)理論知識(shí)的闡述，缺少實(shí)際例子的支持，很難快速的消化。這時(shí)候視頻可以彌補(bǔ)這個(gè)缺陷，而且妙味視頻用簡(jiǎn)單的代碼實(shí)現(xiàn)一些常見(jiàn)的效果，學(xué)習(xí)興趣很快就能被吸引。但是對(duì)js的高級(jí)特性，個(gè)人感覺(jué)視頻沒(méi)有達(dá)到那個(gè)深度。而且js的一些基礎(chǔ)的問(wèn)題，或一個(gè)知識(shí)的擴(kuò)充，限于各種條件的限制，可能無(wú)法完全表達(dá)出來(lái)。所以要結(jié)合書(shū)來(lái)補(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í)的快樂(lè)就是分享。只要堅(jiān)持，其實(shí)每天都在成長(zhǎng)，只是感覺(jué)不明顯而已。但這個(gè)月與前幾月相比，已經(jīng)有量的變化，量變引起質(zhì)變。另外一個(gè)建議：QQ群不是學(xué)習(xí)的主戰(zhàn)場(chǎng)，群只是學(xué)習(xí)的輔助手段，要是想安心學(xué)習(xí)就是關(guān)QQ，短網(wǎng)，靠自己。學(xué)習(xí)的態(tài)度需要?jiǎng)?wù)實(shí)，生活是殘酷的，戰(zhàn)場(chǎng)是血腥的，一份耕耘，一份收獲，務(wù)實(shí)的學(xué)習(xí)好基礎(chǔ)才能走的更遠(yuǎn)。

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

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

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

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

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

jsdom高級(jí)程序設(shè)計(jì):主要講如何去寫(xiě)一個(gè)框架或庫(kù)。js語(yǔ)言精粹：json作者，道格拉斯寫(xiě)的，主要解析js語(yǔ)言本質(zhì)或內(nèi)涵。精通js：jquery作者寫(xiě)的，淺淺的解析了jquery一些方法的實(shí)現(xiàn)，注意是很淺。編寫(xiě)可維護(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è)對(duì)他的支持是：sublimetext是所有編輯器里邊支持emmet比較好的的唯一一款。webstorm(jetbrains系列產(chǎn)品，intellijidea,phpstorm,pycharm)是所