這波前端學(xué)習(xí)資源，幫她多要了 15k
大家好，我是二哥呀！
最近總有一些讀者私信問我：“能推薦一些前端的學(xué)習(xí)資料嗎？”那作為一名正兒八經(jīng)的全棧型程序員，必須得給大家整一波了。
語言基礎(chǔ)
1）HTML 教程，里面包含了數(shù)百個 HTML 實例，對初學(xué)者的友好程度五顆星。
https://www.runoob.com/html/html-tutorial.html
2）通用 CSS 筆記、建議與指導(dǎo)，這是一個在 GitHub 上開源的文檔，第一部分探討了 CSS 的語法、格式，并且分析了 CSS 的結(jié)構(gòu)；第二部分圍繞方法論、思維框架以及編寫規(guī)劃展開了對 CSS 的討論。
https://github.com/chadluo/CSS-Guidelines
3）JavaScript 入門教程，內(nèi)容從最簡單的開始講，循序漸進、由淺入深，并配合了大量的代碼實例，非常適合初學(xué)者。
https://wangdoc.com/javascript/
4）現(xiàn)代 JavaScript 教程，通過簡單但足夠詳細(xì)的內(nèi)容，講解了從基礎(chǔ)到高階的 JavaScript 相關(guān)知識。
https://zh.javascript.info/
5）ECMAScript 6 入門教程，全面介紹了 ECMAScript 6 新引入的語法特性。ECMAScript 6.0（簡稱 ES6）是 JavaScript 語言的下一代標(biāo)準(zhǔn)，它的目標(biāo)是讓 JavaScript 可以用來編寫復(fù)雜的大型應(yīng)用程序，成為企業(yè)級的編程語言。
https://es6.ruanyifeng.com/
6）??《JavaScript高級程序設(shè)計（第3版）》，這是一本實體書，豆瓣評分高達 9.3 分，是前端程序員進階必看的書籍。據(jù)網(wǎng)友說，他參加阿里面試時的一小半問題都出自于此書。
7）TypeScript 中文版，TypeScript 是 JavaScript 的超集，也可以編譯成普通的 JavaScript 代碼，這份中文手冊緊跟官方的每個細(xì)節(jié)，是非常好的一份入門教程。
https://zhongsp.gitbooks.io/typescript-handbook/content/
框架和類庫
1）Vue.js 官方文檔，講真，學(xué)習(xí)一門新技術(shù)的時候，官方文檔肯定是首選。我推薦的策略是以理解為主，難以理解的內(nèi)容可以暫時跳過，因為死磕的東西可能一時半會用不上。快速把文章看一遍，擴充自己對這門技術(shù)的認(rèn)知，對以后掌握它會很有幫助。
https://cn.vuejs.org/v2/guide/index.html
2）Vue.js 技術(shù)揭秘，這份開源教程的目標(biāo)是全方位地解析 Vue.js 的實現(xiàn)原理，對源碼層面有著很深入的剖析。
https://github.com/ustbhuangyi/vue-analysis
3）微信小程序開發(fā)資源匯總，這個開源倉庫里收集了微信小程序開發(fā)過程中會使用到的資料、問題以及第三方組件庫。
https://github.com/justjavac/awesome-wechat-weapp
4）騰訊移動 Web 前端知識庫，這個開源倉庫里收集了眾多面向億萬級用戶級的移動 Web 端解決方案。
https://github.com/AlloyTeam/Mars
5）Angular 入門教程，這份官方教程會通過構(gòu)建一個電子商務(wù)網(wǎng)站，介紹 Angular 的基本知識。
https://angular.cn/start
6）React 入門教程，這份教程更適合喜歡邊學(xué)邊做的開發(fā)者。
https://zh-hans.reactjs.org/tutorial/tutorial.html
前端工程
1）Webpack 中文文檔，Webpack 是一個前端資源加載/打包工具，它根據(jù)模塊的依賴關(guān)系進行靜態(tài)分析，然后將這些模塊按照指定的規(guī)則生成對應(yīng)的靜態(tài)資源。
https://www.webpackjs.com/concepts/
2）前端開發(fā)者必備的Nginx知識，Nginx現(xiàn)在幾乎是眾多大型網(wǎng)站的必用技術(shù)，一名合格的前端工程師，最好能用 Nginx 實現(xiàn)請求過濾、配置 gzip、負(fù)載均衡等需求。
https://juejin.cn/post/6844903793918738440
3）猴子都能懂 Git 入門，Git 是一個開源的分布式版本控制系統(tǒng)，用于敏捷高效地處理任何或大或小的項目，那么這份教程可以說是通俗易懂。
https://backlog.com/git-tutorial/cn/
運行環(huán)境
1）圖解瀏覽器的基本工作原理，這篇文章圖文并茂，里面還有一些質(zhì)量非常高的視頻，幫助前端工程師理解瀏覽器的工作原理，以及了解從在瀏覽器地址欄中輸入 URL 到頁面展現(xiàn)的短短幾秒內(nèi)瀏覽器究竟做了什么等等。
https://zhuanlan.zhihu.com/p/47407398
2）七天學(xué)會 Node.js，這是一份 Node.js 的新手入門教程，涵蓋了使用Node.js開發(fā)各種程序所必要的知識點。
http://nqdeng.github.io/7-days-nodejs/
項目與業(yè)務(wù)
1）??《高性能網(wǎng)站建設(shè)指南》，這本書介紹了網(wǎng)站性能問題的現(xiàn)狀、產(chǎn)生的原因，以及改善或解決性能問題的原則、技術(shù)技巧和最佳實踐
2）深入了解前端監(jiān)控原理，這篇文章主要講了如何進行數(shù)據(jù)采集和數(shù)據(jù)上報。
https://juejin.cn/post/6899430989404045320
3）5 分鐘擼一個前端性能監(jiān)控工具，這篇文章主要對兩個指標(biāo)進行了監(jiān)控：頁面加載時間和資源請求時間。
https://juejin.cn/post/6844903662020460552
4）常見六大Web安全攻防解析，這篇文章分析了 XSS、CSRF、點擊劫持、URL跳轉(zhuǎn)漏洞、SQL注入、OS命令注入攻擊等 6 種常見的攻擊類型和防御方法，來更好的保護我們的數(shù)據(jù)。
https://github.com/ljianshu/Blog/issues/56
計算機基礎(chǔ)
1）大前端開發(fā)者需要了解的基礎(chǔ)編譯原理和語言知識
https://zhuanlan.zhihu.com/p/27554023
2）??《圖解HTTP》，前端工程師對網(wǎng)絡(luò)協(xié)議如果能掌握的比較透徹的話，對整體前后端的溝通是非常有幫助的。像 TCP/IP網(wǎng)絡(luò)協(xié)議、三次握手和四次揮手、DNS的作用、CDN的作用和原理、HTTP、HTTPS、WebSocket 等等這些知識點，我認(rèn)為都是一名合格的前端工程師應(yīng)該掌握的。
3）JavaScript 實現(xiàn)的算法和數(shù)據(jù)結(jié)構(gòu)，附詳細(xì)解釋和刷題指南。大部分前端工程師對數(shù)據(jù)結(jié)構(gòu)與算法這部分知識都有些欠缺，如果想要突破更高的天花板，這部分知識是必不可少的，非常有用！
https://github.com/ConardLi/awesome-coding-js
好了，就先推薦這么多吧。
在這個信息發(fā)達的互聯(lián)網(wǎng)時代，學(xué)習(xí)資源是真的不缺，缺的是找到適合自己的那部分，然后持之以恒地去學(xué)習(xí)。希望學(xué)習(xí)前端的小伙伴都能從文章中獲取到有用的資源，一起加油！
沒有什么使我停留——除了目的，縱然岸旁有玫瑰、有綠蔭、有寧靜的港灣，我是不系之舟。
推薦閱讀：