轉(zhuǎn)自 荷小音就缆，如需轉(zhuǎn)載請(qǐng)備注
我是剔除一些無法訪問的文章聘裁，歡迎大家補(bǔ)充好的文章
03.調(diào)試及Sublime編輯器
04.html部分
《我的HTML會(huì)說話——從實(shí)用出發(fā)寡润，談?wù)凥TML的語(yǔ)義化》
05.CSS部分
《巧用margin/padding的百分比值實(shí)現(xiàn)高度自適應(yīng)（多用于占位赴邻，避免閃爍）》
《【CSS深入】設(shè)置不同塊級(jí)流方向時(shí)的屬性百分比計(jì)算》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（1）-CSS文本格式》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（2）-CSS的簡(jiǎn)寫和分開寫》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（3）-CSS盒模型》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（4）-CSS不常用選擇器》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（5）-CSS布局屬性》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（6）-CSS變形》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（7）-CSS動(dòng)畫》
06.JavaScript部分
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（9）-JS基礎(chǔ)》
對(duì)應(yīng)DOM課程的“數(shù)據(jù)存儲(chǔ)”那一節(jié)
《html5系列：form 2.0 新結(jié)構(gòu)》
《html5系列：form 2.0 新數(shù)據(jù)類型》
《理清javascript中的面向?qū)ο螅ㄒ唬屠^承》
《談?wù)刯avascript的Function中那些隱藏的屬性/方法：caller/callee/apply/call/bind》
對(duì)應(yīng) JS課程里的“函數(shù)進(jìn)階”
《【JS學(xué)習(xí)筆記】關(guān)于如何克隆一個(gè)獨(dú)立但屬性和方法都相同的對(duì)象》
《【JS學(xué)習(xí)筆記】函數(shù)表達(dá)式中this指針的意外改變》
《【JS學(xué)習(xí)筆記】ES5數(shù)組對(duì)象的5個(gè)迭代方法是如何像它們調(diào)用的函數(shù)傳參的呢书闸？》
《【JS學(xué)習(xí)筆記】ECMAScript中一些最值的考慮》
《【JS學(xué)習(xí)筆記】關(guān)于this指針的理解》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（12）-JS正則》
07.頁(yè)面架構(gòu)
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（27）-水平垂直居中布局》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（26）-幻燈布局》
08.前端架構(gòu)部分
待續(xù)
09.其他
《利用DataURL技術(shù)在網(wǎng)頁(yè)上顯示圖片》
Chrome Dev Editor(devaloper preview)
這是chrome的應(yīng)用亥宿，編輯器，直接在chrome上跑砂沛，很多css樣式可以直接通過手動(dòng)點(diǎn)設(shè)置烫扼，而不是敲代碼。polymer框架出的應(yīng)用碍庵。
10.作業(yè)部分
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（8）-CSS作業(yè)(1)》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（8）-CSS作業(yè)(2)》
《【前端微專業(yè)錯(cuò)題集】JavaScript》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（17）-JS單元測(cè)試題》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（18）-JS單元作業(yè)題》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（20）-JS進(jìn)階單元作業(yè)主觀題》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（22）-JS期末測(cè)試主觀題》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（23）-DOM單元測(cè)試客觀題》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（24）-DOM單元測(cè)試主觀題》
《網(wǎng)易微專業(yè)之《前端工程師》學(xué)習(xí)筆記（25）-DOM期末主觀題》
11.推薦書單
《圖解CSS3:核心技術(shù)與案例實(shí)戰(zhàn)》
《Head First jQuery(中文版)》
《CSS設(shè)計(jì)指南（第三版）》-人民郵電出版社
《Head First Ajax》
《Head First Html5 programming》
《JavaScript高級(jí)程序設(shè)計(jì)（第三版）》
《單頁(yè)Web應(yīng)用：JavaScript從前端到后端》
《JavaScript語(yǔ)言精粹》
《JavaScriptDOM編程藝術(shù)（第2版）》
《編寫可維護(hù)的JavaScript》
《Web全棧工程師的自我修養(yǎng)》
《深入淺出Node.js》
《響應(yīng)式Web設(shè)計(jì)》
《精通CSS》
《高性能JavaScript》
《You-Dont-Know-JS》
999.安全
《安全之路：Web滲透技術(shù)及實(shí)戰(zhàn)案例解析（第2版）》by陳小兵
《圖靈程序設(shè)計(jì)叢書·Web滲透測(cè)試：使用KaliLinux》byJoseph Muniz/Aamir Lakhani
《Web滲透技術(shù)及實(shí)戰(zhàn)案例解析》by陳小兵映企、范淵悟狱、孫立偉
12.推薦資源文章
《玩轉(zhuǎn)CSS選擇器（二） 之 瀏覽器支持，常見Bug堰氓，性能優(yōu)化》
《【CSS學(xué)習(xí)筆記】對(duì)于IE6、IE7下display: inline-block; 的兼容問題的探討》
《Front-end-Interview-questions》
《移動(dòng)前端開發(fā)之viewport的深入理解》
想知道html的頭文件中l(wèi)ang="en"的更深層的含義么双絮，看這篇浴麻。
《用 highlight.js 為文章中的代碼添加語(yǔ)法高亮》
問題與對(duì)策：CSS的margin塌陷（collapse）
《詳說 Block Formatting Contexts (塊級(jí)格式化上下文)》
BFC布局詳細(xì)的一篇文章
SegmentFault 2015 Top Rank 系列之《JavaScript 相關(guān)優(yōu)秀文章》
SegmentFault 2015 Top Rank 系列之《前端優(yōu)秀文章》
《Javascript中valueOf與toString區(qū)別》
由于運(yùn)算時(shí)都要隱式的調(diào)用這兩種方法囤攀，那么這兩種方法的區(qū)別又是什么软免，如果同時(shí)存在這兩個(gè)方法的時(shí)候，會(huì)優(yōu)先調(diào)用哪個(gè)方法呢焚挠，就可以看看這篇文章膏萧，一般來說，字符串運(yùn)算時(shí)會(huì)調(diào)用toString()方法宣蔚，而數(shù)值運(yùn)算時(shí)會(huì)調(diào)用valueOf()方法向抢。
這篇比較清楚的介紹了prototype的使用。不過栗子有點(diǎn)簡(jiǎn)單胚委。
《CSS Grid布局：瀏覽器開啟CSS Grid Layout》
《CSS Grid布局：獨(dú)立源與網(wǎng)格的層疊順序》
《CSS Grid布局：網(wǎng)格的流動(dòng)》
關(guān)于響應(yīng)式的
《移動(dòng)前端開發(fā)之viewport的深入理解》
根據(jù)情況加載高清與否圖像挟鸠，解決圖像響應(yīng)式。
《谷歌 Web 開發(fā)最佳實(shí)踐手冊(cè)（2.1.1）：標(biāo)簽中的圖像》
《Cookie有毒亩冬？實(shí)測(cè)告訴你Cookie的真相》
這篇文章比較詳細(xì)介紹了Cookie有什么用艘希，有什么弊端，用戶在瀏覽器上怎么禁用設(shè)置Cookie硅急，怎么刪除Cookie覆享，順便還介紹了禁用Cookie有什么危害等，從用戶層面上了解什么是Cookie营袜。
《一個(gè)對(duì)前端模板技術(shù)的全面總結(jié)》
這篇文章會(huì)對(duì)當(dāng)今前端界的三種截然不同的模板方案做一個(gè)全面的對(duì)比撒顿。
接下來的兩篇GitHub的文章是陽(yáng)志平老師的文章。
知乎上的這篇教材荚板，尤其是后面Fadeoc Khaos的解答凤壁，會(huì)讓你瞬間知道怎么理解GitHub的那么多流程。
這篇介紹Git的.gitignore文件里怎么寫跪另，有語(yǔ)法拧抖，非常簡(jiǎn)單哈。
這篇里有講Git的diff免绿，.gitattribute文件唧席。
《Git官網(wǎng)講的.gitattribute（英文）》
《Node.js中的模塊接口module.exports淺析》
這篇文章對(duì)應(yīng)的是技術(shù)選型這章的模塊系統(tǒng)這節(jié)課，其中講到怎么注入和調(diào)用接口的方法，就用到export和require淌哟。
《關(guān)于commonJs和nodeJs的關(guān)系》
這篇也是對(duì)應(yīng)的模塊系統(tǒng)這節(jié)課迹卢。CommonJS是一種規(guī)范，NodeJS是這種規(guī)范的實(shí)現(xiàn)徒仓。CommonJS是一 個(gè)不斷發(fā)展的規(guī)范婶希。填補(bǔ)了JS在非瀏覽器的應(yīng)用開發(fā)方面的空白。
CommonJS vs AMD詳解蓬衡，如何處理依賴管理喻杈。
哈哈，真的猴子都能懂哈狰晚。
《搭建一個(gè)免費(fèi)的筒饰，無限流量的Blog----github Pages和Jekyll入門》
12.國(guó)外前端博客--可找來翻譯
作者：荷小音
鏈接：http://www.reibang.com/p/4ce1708ea072
來源：簡(jiǎn)書
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)壁晒，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處瓷们。
