學習網站及工具地址彙總

文檔

Html規範英文文檔
MDN Web文檔
前端開發中文文檔
Node.js英文文檔
ES6入門-阮一峯
Vue.js官方文檔
阮一峯JavaScript教程
張鑫旭
微信小程序開發文檔
現代JavaScript教程
JSON文檔

HTML

65個免費下載的HTML5+CSS3登錄表單
Emmet
Emmet使用手冊

CSS

顏色漸變
陰影生成器
深刻理解CSS：字體度量、line-height和vertical-align
CSS Tricks
學習CSS佈局
你所不知道的CSS濾鏡技巧與細節
CSS的魔力
美化表單的CSS高級技巧
一些有趣的CSS題目
學習Flex佈局遊戲1
學習Flex佈局遊戲2
CSS雪碧圖生成器
CSS ICON animate
你知不知道的僞元素實用小技巧

JavaScript

Unicode與JavaScript詳解
JavaScript this的六道坎
JavaScript動畫庫推薦
數據結構和算法動態可視化
JavaScript 30
JS正則表達式完整教程
JavaScript高級程序設計電子版
JavaScript深刻系列、JavaScript專題系列、ES6系列、React系列
經過JavaScript獲取移動設備的型號
Easing functions
cdnjs
Mock.js
tween.js
mobile-device-js
冷門的JS技巧
JavaScript中如何實現函數隊列
經常使用的Javascript設計模式

Node.js

Node.js最佳實踐
輕鬆學nodejs

TypeScript

TypeScript入門教程

工具

在線代碼編輯器：https://codesandbox.io/
快速啓動神器Wox：http://www.javashuo.com/article/p-sufxhini-eo.html
在線工具：http://tool.oschina.net/
高效易用的自動標註工具,生成前端代碼,設計研發協做利器：https://www.fancynode.com.cn/pxcook
免費在線文件轉換器：https://www.online-convert.com/
極客專屬的接口協做管理工具：https://apizza.net
兼容性查詢：https://caniuse.com/
uTools一個極簡、插件化、跨平臺的現代桌面軟件：https://u.tools/
explainshell：https://explainshell.com/
在線運行IE、Chrome、Firefox和其餘瀏覽器：https://turbo.net/browsers
終端神器ConEmu：https://conemu.github.io/
近義詞查找thesaurus：https://www.thesaurus.com/
MikuTools-工具集合：https://miku.tools/
各類輪播swiper：https://idangero.us/swiper/
Yarn：https://yarn.bootcss.com/
程序員導航：http://geekdocs.cn/
在線PDF轉換器：https://easypdf.com/cn

論壇

V2EX
酷客
Hacker News
前端外刊評論
博客園
Readhub

博客類

前端週刊：https://frontend-weekly.com/
天天一個linux命令：https://www.cnblogs.com/peida/tag/linux%E5%91%BD%E4%BB%A4/default.html?page=4
優雅地使用Mac：https://www.jianshu.com/u/c9f16aaefd6c
微信小程序解決方案專輯：http://www.wxapp-union.com/special/solution.html
前端chrome瀏覽器調試總結：https://www.jianshu.com/p/b25c5b88baf5
與web開發和編程相關的實驗、插件和文章codrops：https://tympanus.net/codrops/category/playground/
Safari前端開發調試iOS完美解決方案：https://chon.io/blog/safari-ios-iphone-itouch-web-dev-inspector/
毫秒必爭，前端網頁性能最佳實踐：http://www.cnblogs.com/cookiehu/p/5069900.html
大公司裏怎樣開發和部署前端代碼：https://www.zhihu.com/question/20790576
如何優雅處理前端異常？：https://blog.fundebug.com/2018/12/07/how-to-handle-frontend-error/
一個分享GitHub上有趣、入門級的開源項目：https://github.com/521xueweihan/HelloGitHub
心譚博客：https://xin-tan.com/

面試題

前端開發面試題：https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers
中高級前端大廠面試祕籍：http://www.javashuo.com/article/p-coyuakcx-bz.html
前端面試每日3+1：https://github.com/haizlin/fe-interview
木易楊：https://github.com/Advanced-Frontend/Daily-Interview-Question
前端筆試面試題庫：https://github.com/jirengu/frontend-interview
FE-interview：https://github.com/jirengu/FE-interview
反向面試：https://github.com/yifeikong/reverse-interview-zh

圖片

圖片壓縮地址compressjpeg
圖牀
截圖、貼圖snipaste
智圖，圖片優化平臺
TinyPNG
高清壁紙
Iconfont-阿里巴巴矢量圖標庫
免版權圖片站unsplash

抓包工具

抓包工具charles下載地址
抓包工具charles在線破解工具

刷題

牛客網
力扣leetcode
CodeWars
freeCodeCamp闖關式刷題
洛谷

Git

Git教程：https://www.runoob.com/git/git-tutorial.html
git參考書籍：https://git-scm.com/book/zh/v2
git學習網站：https://learngitbranching.js.org/

Chrome插件

AdBlock廣告攔截工具
WEB前端助手(FeHelper)
JSON Viewer
Octotree-GitHub左側顯示當前項目的目錄結構

VScode插件

Auto Close Tag：自動閉合標籤
Auto Rename Tag：修改標籤時，自動修改匹配的標籤
Beautify：代碼美化
Bracket Pair Colorizer：顏色識別匹配括號
Indenticator：縮進高亮
IntelliSense for CSS class names in HTML：CSS 類名智能提示
Live Server：打開一個簡單的服務器，還會自動更新
One Dark Pro：暗色主題
open in browser：當前的html文件用瀏覽器打開
Power Mode：代碼炫酷效果
Quokka.js：實時觀看javascript的變量的變化
Vetur：語法高亮、智能感知
vscode-icons：文件圖標

雜七雜八

Dribbble
CODING
LeanCloud雲服務
tldr-pages
在線編輯器codepen
前端必會的Nginx入門視頻教程：https://juejin.im/post/5bd7a6046fb9a05d2c43f8c7，https://jspang.com/
打遊戲學Vim：https://vim-adventures.com/
臨時郵箱：https://temp-mail.org/zh

😍😍😍連接地址將不按期添加，首發更新地址爲：https://zhouwanwen.com/😍😍😍