前端開發(fā)工程師必讀書籍有哪些值得推薦？

時間：2023-11-24 15:54:02 | 來源：網(wǎng)站運(yùn)營

時間：2023-11-24 15:54:02 來源：網(wǎng)站運(yùn)營

前端開發(fā)工程師必讀書籍有哪些值得推薦？：阿里云云棲社區(qū)，匯集阿里技術(shù)精粹，點(diǎn)此關(guān)注（文字鏈接地址：https://www.zhihu.com/org/a-li-yun-yun-qi-she-qu-48/activities）

推薦閱讀下《前端知識體系目錄》，文章從HTML/HTML5、CSS、JS、性能提升、HTTP/TCP協(xié)議知識學(xué)習(xí)步驟整理成目錄，以及相關(guān)學(xué)習(xí)書籍推薦應(yīng)有盡有，以下是正文： 前端知識體系目錄-博客-云棲社區(qū)-阿里云

1、HTML/HTML5基礎(chǔ)：

1.0、語義化H5標(biāo)簽1.1、H5引進(jìn)了一些新的標(biāo)簽，特別注意article、header、footer、aside、nav等，注意HTML的標(biāo)題結(jié)構(gòu)1.2、理解瀏覽器解析HTML的過程，理解DOM的樹形結(jié)構(gòu)，及相應(yīng)API1.3、理解HTML標(biāo)簽在各個瀏覽器上的默認(rèn)樣式（代理樣式），理解CSS中的重置樣式表的概念1.4、理解Canvas、SVG、video等功能性標(biāo)簽1.5、理解form、iframe標(biāo)簽，理解文件提交過程推薦書籍：A、《HTML5秘籍》

2、高健壯性CSS

2.1、學(xué)習(xí)基礎(chǔ)知識，包括大部分常用屬性、選擇器的用法，要對大多數(shù)標(biāo)簽有個基礎(chǔ)概念,在日常使用的基礎(chǔ)上，嘗試學(xué)習(xí)瀏覽器兼容性問題，要知道兼容性的主要問題及解決方法2.2、深入理解盒子模型，區(qū)分塊級元素、行內(nèi)元素，有幾個比較重要的屬性：display、float、position，一定要弄清楚區(qū)分盒子、行內(nèi)盒子的概念另外可以考慮學(xué)一些預(yù)編譯語言：sass、less，都很簡單2.3、學(xué)習(xí)常用框架，可以使用bootstrap構(gòu)建項目2.4、學(xué)習(xí)框架的代碼組織方式包括：12格柵系統(tǒng)、組件化、組件的風(fēng)格化等2.5、學(xué)習(xí)CSS 3的新功能，特別是動畫效果、選擇器2.6、認(rèn)真學(xué)習(xí)一些CSS對象化思想，學(xué)習(xí)編寫簡潔性、高復(fù)用性、高健壯性的CSS2.7、有空的話，可以看看所謂的扁平化設(shè)計，還有簡潔性2.8、理解CSSOM、render、reflow、CSS性能、CSS阻塞概念學(xué)習(xí)方法：1、多看別人的代碼，一些設(shè)計的不錯的網(wǎng)站就是很好的學(xué)習(xí)素材，比如拉勾網(wǎng)2、一定要學(xué)會使用grunt、gulp壓縮CSS3、display + position + float 可以組合出很復(fù)雜的效果，多想想盒子模型4、嘗試在不用float，且position不為absolute的情況下實現(xiàn)等高、等寬等布局推薦書籍：1、《圖靈程序設(shè)計叢書:HTML5與CSS3設(shè)計模式》2、《Web開發(fā)技術(shù)叢書:深入理解Bootstrap》3、《高流量網(wǎng)站CSS開發(fā)技術(shù)》4、《CSS設(shè)計徹底研究》 這個一定要5、《Web開發(fā)技術(shù)叢書:深入理解Bootstrap》6、可以找一些專門講SASS的書，但是我沒找到7、《CSS權(quán)威指南(第3版)》

3、深入學(xué)習(xí)JS

3.1、重新學(xué)習(xí)JS語法，注意：表達(dá)式（特別是函數(shù)訪問表達(dá)式）、語句、類型（包括類型判斷)注意，這個時候主要傾向于“原生”JS哦，不要使用框架3.2、深入理解JS的“一級函數(shù)”、對象、類的概念,學(xué)會使用函數(shù)來構(gòu)造類、閉包，學(xué)會用面向?qū)ο蟮姆绞浇M織代碼3.3、深入理解JS的作用域、作用域鏈、this對象（在各種調(diào)用形式中，this的指向）理解函數(shù)的各種調(diào)用方法（call、apply、bind等）3.4、理解對象、數(shù)組的概念理解對象的“[]”調(diào)用，理解對象是一種“特殊數(shù)組”理解for語句的用法深入理解JS中原始值、包裝對象的概念（重要）3.5、學(xué)習(xí)一些常用框架的使用方法，包括：JQUERY、underscore、EXTJS，加分點(diǎn)有：backbone、angularjs、ejs、jade通過比較多個框架的使用方法，想清楚“JS語言極其靈活”這一事實總結(jié)常見用法，提高學(xué)習(xí)速度學(xué)習(xí)模塊化開發(fā)（使用require.js、sea.js等）3.6、適當(dāng)看一些著名框架的源碼，比如jQuery（不建議看angularjs，太復(fù)雜了）重要的是學(xué)習(xí)框架中代碼的組織形式，即設(shè)計模式3.7、了解JS解釋、運(yùn)行過程，理解JS的單線程概念深入理解JS事件、異步、阻塞概念3.8、理解瀏覽器組成部件，理解V8的概念學(xué)習(xí)V8的解釋-運(yùn)行過程在V8基礎(chǔ)上，學(xué)會如何提高JS性能學(xué)會使用chrome的profile進(jìn)行內(nèi)存泄露分析學(xué)習(xí)方法：1、提高對自己的要求，要有代碼潔癖2、適當(dāng)?shù)臅r候看看優(yōu)秀框架的源碼，特別是框架的架構(gòu)模式、設(shè)計模式3、多學(xué)學(xué)設(shè)計模式4、學(xué)習(xí)原生JS、DOM、BOM、Ajax推薦書籍：1、《O’Reilly精品圖書系列:?JavaScript權(quán)威指南(?第6版)》 必看2、《JavaScript設(shè)計模式》3、《WebKit技術(shù)內(nèi)幕》4、《JavaScript框架高級編?程:應(yīng)用Prototype YUI Ext JS Dojo MooTools》5、《用AngularJS開發(fā)下一代Web應(yīng)用》6、跨終端6.1、理解混合APP的概念6.2、理解網(wǎng)頁在各類終端上的表現(xiàn)6.3、理解網(wǎng)頁與原生app的區(qū)同，重在約束6.4、理解單頁網(wǎng)站，特別要規(guī)避頁面的內(nèi)存泄露問題6.5、入門nodejs，對其有個基礎(chǔ)概念，知道它能做什么，缺點(diǎn)是什么推薦書籍：1、《單頁Web應(yīng)用:JavaScript從前端到后端 》2、《Web 2.0界面設(shè)計模式》3、《響應(yīng)式Web設(shè)計:HTML5和?CSS3實戰(zhàn)》5、工具學(xué)會使用grunt進(jìn)行JS、CSS、HTML 壓縮，特別是模塊化js開發(fā)時候的壓縮會用PS進(jìn)行切圖、保存icon入手sublime、webstorm學(xué)會使用chrome調(diào)試面板，特別是：console、network、profile、element

進(jìn)階：

4、性能

1.1、理解資源加載的過程包括：TCP握手連接、HTTP請求報文、HTTP回復(fù)報文1.2、理解資源加載的性能約束，包括：TCP連接限制、TCP慢啟動1.3、理解CSS文件、JS文件壓縮，理解不同文件放在頁面不同位置后對性能的影響1.4、理解CDN加速1.5、學(xué)會使用HTTP頭控制資源緩存，理解cache-control、expire、max-age、ETag對緩存的影響1.6、深入理解瀏覽器的render過程推薦書籍：1、《Web性能權(quán)威指南》2、雅虎網(wǎng)站頁面性能優(yōu)化的34條黃金守則

5、HTTP及TCP協(xié)議族

2.1、學(xué)習(xí)http協(xié)議，理解http請求-響應(yīng)模式2.2、理解http是應(yīng)用層協(xié)議，它是構(gòu)建在TCP/IP協(xié)議上的2.3、理解http報文（請求-響應(yīng)報文）2.4、理解http代理、緩存、網(wǎng)關(guān)等概念，指定如何控制緩存2.5、理解http協(xié)議內(nèi)容，包括：狀態(tài)碼、http頭、長連接（http1.1）2.6、學(xué)習(xí)http服務(wù)器的工作模型，對靜態(tài)文件、CGI、DHTML的處理流程有個大致概念推薦書籍：1、《HTTP權(quán)威指南》2、《TCP/IP詳解》3、《圖解TCP/IP(第5版)》

更多前端書籍推薦：《JavaScript半知半解》 《Web開發(fā)實戰(zhàn)》 推銷自己的前端技術(shù)書籍-博客-云棲社區(qū)-阿里云

今天主要自我推銷兩本前端技術(shù)書籍！《JavaScript半知半解》《Web開發(fā)實戰(zhàn)》

一、《JavaScript半知半解》

為什么寫這本書？

因為之前作者在博客上洋洋灑灑地將之前學(xué)習(xí)JavaScript的筆記整理了出來，一共17篇，感覺查找和翻閱還是不方便，所以產(chǎn)生了編輯成電子書的念頭，一來方便作者個人查找，二來方便后續(xù)內(nèi)容的補(bǔ)充，三來也方便喜歡JavaScript的伙伴們閱讀。

書籍閱讀地址：《JavaScript半知半解》

大綱

二、《Web開發(fā)實戰(zhàn)》

書籍閱讀地址：《Web開發(fā)實戰(zhàn)》

為什么寫這本書？

網(wǎng)上的插件雖多，但大多數(shù)并沒有深究到原理，故而產(chǎn)生了寫一本前端實例的書籍。主要是為了想深入學(xué)習(xí)的伙伴們，書上的內(nèi)容也許不是最優(yōu)秀的，但會一步步講解，會告訴你每一步的原理，讓你學(xué)習(xí)后也可以自己造輪子！

大綱

《Web開發(fā)實戰(zhàn)》集合了大量的前端開發(fā)案例，目前主要選擇日常開發(fā)中會用到的加入本書，分為四部分：CSS實戰(zhàn)篇、JavaScript實戰(zhàn)篇、Canvas實戰(zhàn)篇和移動實戰(zhàn)篇。

阿里云云棲社區(qū)，匯集阿里技術(shù)精粹，點(diǎn)此關(guān)注（文字鏈接地址：https://www.zhihu.com/org/a-li-yun-yun-qi-she-qu-48/activities）