分享些本身收藏的書籤，基礎佔多，大牛勿入

入坑前端3年，收藏了一些用獲得或者可能會用到的書籤

目錄

基礎知識類

視頻教學類

框架文檔類

UI組件類

求職面試類

案例實踐類

博客文章類

工具插件類

---

基礎知識類

菜鳥教程 - 學的不只是技術，更是夢想！（教學齊全，陪伴三年之餘，幾乎啥都有）
http://www.runoob.com/

w3school 在線教程（前端官方文檔，不解釋）
http://www.w3school.com.cn/index.html

書棧網 · BookStack_程序員IT互聯網開源編程書籍免費閱讀與下載，取之於猿用之於猿！（很是不錯的書籍分享網站，集結了不少編程必備書籍）
https://www.bookstack.cn/

w3cschool - 學編程，從w3cschool開始（w3c官方推薦的教學網站）
https://www.w3cschool.cn/

視頻教學類

Fenby | 專業面向初學者的在線互動編程學習的平臺（用過幾回，也是網上在線書籍觀看）

http://www.fenby.com/

實驗樓 - 在線作實驗，高效學編程（推薦！！能夠在頁面上寫代碼，運行）
https://www.shiyanlou.com/

MOOC學院（慕課）| 發現全球在線好課（在線視頻教學）
https://mooc.guokr.com/

網易雲課堂 - 個人職業課堂（同上）
https://study.163.com/

DevOpen.Club | 高質量的軟件開發視頻教程（聽同事說挺好用的，也是在線教學）
https://devopen.club/

極客學院IT在線教育平臺-中國專業的IT職業在線教育平臺
https://www.jikexueyuan.com/

框架文檔類

前端文檔工具收藏夾 - 前端開發資源導航，前端工程師專用的導航站（幾乎涵蓋了下面大部分文檔）
https://www.html.cn/nav/

React.js 小書（react進階教程）

http://huziketang.mangojuice.top/books/react/

API — Vue.js（vue官方文檔）
https://cn.vuejs.org/v2/api/#optionMergeStrategies

jQuery API 中文文檔 | jQuery API 中文在線手冊 | jquery api 下載 | jquery api chm（Jq官方文檔）
http://jquery.cuishifeng.cn/index.html

API 文檔 | Node.js 中文網（nodejs官方）
http://nodejs.cn/api/

自述 · Redux（react腳手架，搭建react項目）
https://www.redux.org.cn/

開始 | Vuex（vue腳手架）
https://vuex.vuejs.org/zh/guide/

介紹 | Vue Router（vue路由文檔）
https://router.vuejs.org/zh/

Bootstrap中文網（官方文檔）
http://www.bootcss.com/

Class Index  |  Android 開發者  |  Android Developers（安卓原生文檔）
https://developer.android.com/reference/classes

egg - Born to build better enterprise frameworks and apps（基於nodejs的一個框架）
https://eggjs.org/

Koa (koajs) -- 基於 Node.js 平臺的下一代 web 開發框架 | Koajs 中文文檔（如標題）
https://koa.bootcss.com/#

NestJS - A progressive Node.js framework（nodejs框架，有時候會有點卡）
https://nestjs.com/

Electron | 使用 JavaScript, HTML 和 CSS 構建跨平臺的桌面應用。（這個挺有意思的，用前端編寫桌面級應用，國內可能會訪問不了）
https://electronjs.org/

文檔 - DCloud問答（dcloud官方文檔，h5+，uni-app等等）
http://ask.dcloud.net.cn/docs/

極光推送 - JPush 產品簡介 - 極光文檔（使用此產品搭建內網穿透，外部訪問本地服務器）
http://docs.jiguang.cn/jpush/guideline/intro/

簡易教程 · 小程序（小程序官方文檔）
https://developers.weixin.qq.com/miniprogram/dev/index.html?t=19010816

https://react-bootstrap.github.io（一個基於react和bootstrap的插件，國內訪問不了）
https://react-bootstrap.github.io/

Express - 基於 Node.js 平臺的 web 應用開發框架 | Express 中文文檔（nodejs框架）
http://www.expressjs.com.cn/

MongoDB下載中心| MongoDB（MongoDB數據庫官方文檔）
https://www.mongodb.com/download-center/community

Mongoose ODM v5.3.14（mongoDB框架官方文檔）
https://mongoosejs.com/

Sass基礎教程 Sass快速入門 Sass中文手冊 | Sass中文網（預處理語言）
https://www.sass.hk/guide/

AngularJS — Superheroic JavaScript MVW Framework（AngluarJS官網文檔）
https://angularjs.org/

知識點補漏 · 草根學Python（Python）
https://www.readwithu.com/

LESS « 一種動態樣式語言（預處理語言less）

UI組件類

指南 | Element

http://element-cn.eleme.io/#/zh-CN/guide/design

Mint UI（國內可能會慢）
http://mint-ui.github.io/#!/zh-cn

layui - 經典模塊化前端UI框架
https://www.layui.com/

layui 第三方組件平臺
https://fly.layui.com/extend/

H-ui前端框架官方網站 - 專一前端解決方案
http://www.h-ui.net/index.shtml

Vant Weapp - 輕量、可靠的小程序 UI 組件庫（小程序和vue效果不錯）
https://youzan.github.io/vant-weapp/#/icon

MUI-最接近原生APP體驗的高性能前端框架（h5+打包app，或混合開發）
http://dev.dcloud.net.cn/mui/

Ant Design - 一個 UI 設計語言（螞蟻金服的UI，適合react）
https://ant.design/index-cn

Amaze UI React - Amaze UI components build with React（妹子UI，官網好像進不去了）
http://amazeui.org/react/

概覽 - iView
https://www.iviewui.com/overview/

VUX - Vue 移動端 UI 組件庫
https://vux.li/

Vue.js Material Component Framework — Vuetify.js
https://vuetifyjs.com/zh-Hans/

bootstrap後端模板_bootstrap模板 inspinia中文 | 主頁| inspinia admin中文_inspinia admin 下載_inspinia admin_inspinia admin 最新版_inspinia admin v2.7_inspinia admin 2.8_inspinia admin theme_inspinia bootstrap（適合作管理界面）
http://cn.inspinia.cn/

ZanUI 小程序
https://youzan.github.io/zanui-weapp/#/zanui/base/icon

Flutter中文網
https://flutterchina.club/

求職面試類

牛客網- 互聯網求職神器和備考學習平臺（刷題必備）

https://leetcode-cn.com/

力扣 (LeetCode) - 極客摯愛的在線技術平臺（刷題必備）
https://www.nowcoder.com/

案例實踐類

Bootstrap 優站精選

http://www.youzhan.org/

實例索引
http://www.fgm.cc/learn/

HTML5資源教程 | 分享HTML5開發資源和開發教程
https://www.html5tricks.com/

案例（h5app案例）
http://www.dcloud.io/case/#group-1

UI中國用戶體驗設計平臺（各類UI效果）
https://www.ui.cn/

canvas特效代碼_canvas效果代碼_canvas網頁代碼（用過一次，有些要積分）
http://www.17sucai.com/pins/tag/3886.html

博客文章類

V2EX（不錯的論壇）

https://www.v2ex.com/

CSDN-專業IT技術社區
https://www.csdn.net/

前端 - SegmentFault 思否
https://segmentfault.com/channel/frontend

GitHub - 開源中國社區
https://www.oschina.net/question/tag/github

首頁 - 知乎
https://www.zhihu.com/

掘金
https://juejin.im/timeline

博客園 - 代碼改變世界
https://www.cnblogs.com/

簡書 - 創做你的創做
https://www.jianshu.com/

碼雲 Gitee — 開源中國 Git 代碼託管平臺（項目開源必備，中國的GitHub）
https://gitee.com/

GitHub
https://github.com/

看源社區 - 移動開發社區
http://www.see-source.com/

React 中文
http://react-china.org/

工具插件類

Apache ECharts (incubating)（製做圖表，效果圖利器）

https://www.echartsjs.com/zh/index.html

兼容 IE6+、完美支持移動端、圖表類型豐富的 HTML5 交互圖表 | Highcharts（同上）
https://www.highcharts.com.cn/

Chart.js | 開源的 HTML5 圖表工具
https://chartjs.bootcss.com/

AntV · 語雀（Antv官方論壇）

https://www.yuque.com/antv

螞蟻數據可視化 | F2（挺好用的，畫面相對前幾者更簡約）
https://antv-f2.gitee.io/zh

Animate中文網 – Animate安裝、Animate使用、Animate下載（css動畫插件）
http://www.animate.net.cn/

Iconfont-阿里巴巴矢量圖標庫
http://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.4&type=1

Koala - LESS/Sass/Compass/CoffeeScript編譯工具
http://koala-app.com/index-zh.html

Swiper中文網（輪播圖）
https://www.swiper.com.cn/

jQuery插件庫-收集最全最新最好的jQuery插件（強列推薦）
http://www.jq22.com/

GIF5官網-gif在線製做_gif製做軟件_搞笑gif動態圖片製做（將錄屏轉換爲gif）
http://www.gif5.net/

git-for-windows Mirror（國內版git下載，官網太慢了）
https://npm.taobao.org/mirrors/git-for-windows/

easy-window: HTML5桌面應用程序開發通用工具
https://gitee.com/zha2/easy-window

Easyui Window 窗口_EasyUI 插件（聽說還不錯）
http://www.jeasyui.net/plugins/180.html

Jalendar2 - jQuery日曆日期插件包（項目須要，因此收藏了）
http://www.jqueryfuns.com/resource/1749

js日曆_jQuery日曆插件（同上）
http://www.bootstrapmb.com/tag/rili

weapp.socket.io（微信小程序sock插件，不是官方的websocket）
http://weappsocket.matong.io/

前端人臉識別框架Tracking.js（項目須要，因此收藏了）
http://www.jq22.com/jquery-info16236

Xposed框架中文站 - 超多Xposed框架模塊介紹與下載（玩xp的應該知道）
https://xposed.appkg.com/

jquery人臉識別插件jquery.facedetection
http://www.jq22.com/jquery-info7503

圖標庫 – Font Awesome 中文網（相似於阿里矢量圖）
http://www.fontawesome.com.cn/faicons/

Gradient Colors Collection Palette - CoolHue 2.0（生成好看的漸變色，國內可能打不開）
https://webkul.github.io/coolhue/

JSON在線解析及格式化驗證 - JSON.cn
https://www.json.cn/

墨刀 - 強大易用的原型設計與協同工具（如題，確實強大幫助傳統設計師省了不少事）
https://free.modao.cc/

草料二維碼生成器
https://cli.im/

APICloud 手機APP開發、APP製做技術專家 - 中國領先移動雲服務平臺
https://www.apicloud.com/

NATAPP基於ngrok的國內高速內網穿透服務
https://natapp.cn/

簡單的模擬（挺好用的，之前常常用，惋惜如今好像停了）
https://www.easy-mock.com/login

在線正則表達式測試
http://tool.oschina.net/regex/

正則表達式代碼生成工具-BeJSON.com
http://www.bejson.com/othertools/regex_create/

淘寶 NPM 鏡像（快速的npm）
http://npm.taobao.org/

TinyPNG – Compress PNG images while preserving transparency（強烈推薦，圖片壓縮工具，節省資源，優化性能）
https://tinypng.com/

Awesomes-Web前端開發資源庫（不少插件案例）
https://www.awesomes.cn/

TweenMax中文網（元素運動框架/插件）
https://www.tweenmax.com.cn/

Grunt: JavaScript 世界的構建工具 | Grunt 中文網（構建前端項目）
https://www.gruntjs.net/

gulp.js - 基於流(stream)的自動化構建工具 | gulp.js 中文網（如題）
https://www.gulpjs.com.cn/

Babel 中文網 · Babel - 下一代 JavaScript 語法的編譯器（es6轉es5）
https://www.babeljs.cn/

Home | Yarn - Package Manager（相似npm，下載工具）
https://yarnpkg.com/

Mock.js（模擬服務端數據）
http://mockjs.com/

Lodash（提供模塊化，性能和附加功能）
https://lodash.com/

BootCDN - Bootstrap 中文網開源項目免費 CDN 加速服務（cdn託管，遠程組件，庫集羣）
https://www.bootcdn.cn/

登陸 - Tower（開發協做工具）
https://tower.im/users/sign_in

Postman | The Collaboration Platform for API Development（模擬請求數據，獲取請求結果）
https://www.postman.com/

Animate.css（css動畫插件）
https://daneden.github.io/animate.css/

uiGradients - Beautiful colored gradients（好看的漸變色下載） https://uigradients.com/#Cherryblossoms