前端相關彙總
摘要：
image
簡介
前端發展迅速，開發者富有的創造力不斷的給前端生態注入新生命，各種庫/框架/工程化構建工具層出不窮，眼花繚亂，不盲目追求前沿技術，學習框架和庫在滿足自己開發需求的基礎上，然後最好可以對原始碼進行調研，瞭解和深入實現原理，從中可以獲...
image
簡介
前端發展迅速，開發者富有的創造力不斷的給前端生態注入新生命，各種庫/框架/工程化構建工具層出不窮，眼花繚亂，不盲目追求前沿技術，學習框架和庫在滿足自己開發需求的基礎上，然後最好可以對原始碼進行調研，瞭解和深入實現原理，從中可以獲得更多的收穫
隨著前端發展，前端的職責也跟著變化，不再僅僅是設計稿切圖+JS實現互動，已經可以涉獵到後端，微信小程式，原生APP等領域，大前端，全棧開發，小程式開發，前端架構師，帶來了更多崗位選擇的同時，也是對自身技術一種挑戰
【前端彙總】這裡會對前端相關技術教程，開源框架，庫，工具等相關資源，進行分類記錄，持續更新，通過記錄共享可以方便大家找到想要資源
IDE
LESS
- less css 預處理語言
SASS
- sass 成熟、穩定、強大的 css 擴充套件語言
JavaScript
- 前端資源教程 i5ting
- 廖雪峰JavaScript教程
- JavaScript 標準參考教程（alpha） -阮一峰
- JavaScript Promise迷你書 -azu
- 前端的非同步解決方案之Promise和Await Async
- You Don't Know JS (book series)
- jQuery/blob/master/README.zh-CN.md" target="_blank" rel="nofollow,noindex">You Don't Need jQuery jQuery API 替代的方法
- JavaScript 祕密花園
- JavaScript 設計模式 系列 AlloyTeam
ES2015(ES6)
- 《ECMAScript 6入門》 -阮一峰
- EcmaScript6 全規範（含node） -ouvens
- 30分鐘掌握ES6/ES2015核心內容（上）
- 30分鐘掌握ES6/ES2015核心內容（下）
TypeScript
NodeJS
Babel
Bower
Yeoman
Gulp
Grunt
Webpack
Parcel
- 官方教程 Web應用打包工具，不需要任何配置
Vue
- vue2.0官方教程
- vue2.0 探索之路 生命週期和鉤子函式的一些理解
React
AngularJS
微信小程式
- wepy 讓小程式支援元件化開發的框架 微信官方框架
- TalkingData/iview-weapp" target="_blank" rel="nofollow,noindex">iview-weapp 一套高質量的微信小程式 UI 元件庫
- vant-weapp 贊移動端元件庫 Vant 的小程式版本
- minui 基於規範的小程式 UI 元件庫，自定義標籤元件，簡潔、易用、工具化
- wux-weapp 微信小程式自定義 UI 元件
- taro 支援用 React 的開發方式編寫一次程式碼，生成能執行在微信小程式、H5、React Native 等的應用
測試
- Mock.js 生成隨機資料，攔截 Ajax 請求
- 測試框架 Mocha 例項教程 阮一峰
模組化
- CommonJS 規範 阮一峰
Git
GitBook
- Gitbook 國外的線上markdown可編輯成書
常用前端外掛
1.圖片：
2.富文字編輯器：
3.日期外掛：
4.表單驗證庫：
- jquery-validate 基於jquery
- 15個最佳的 JavaScript 表單驗證庫
5.圖表：
- echart 百度開源
- chartjs
- highcharts 商用收費
6.特效：
- swiper 滑動特效外掛，內容觸控滑動
- impress.js 幻燈片，前端裝X利器
- parallax 視覺差特效引擎
- fullPage 全屏滾動特效 jquery
7.各種功能：
- layer 彈窗（層）解決方案
- clipboard.js 複製,黏貼
- draggable 拖拽
- json editor json轉表單編輯
前端UI框架
- Element UI 基於vue2.0
- Vant 輕量、可靠的移動端 Vue 元件庫
- Bootstrap 當前最新到V4
- Layui UI元件
- WeUI 為微信Web 服務量身設計
其他
- iconfont [向量圖示] 阿里雲向量圖示庫，可以在平臺裡構建自己的圖示庫
部落格搭建
- Hugo [Go] 靜態網站生成器，託管第三方git平臺 Pages
- Hexo [nodejs] 可託管第三方git平臺 Pages
- Ghost [nodejs]
- jekyll 可託管第三方git平臺 Pages
- WordPress 需要伺服器環境
Windows開發必備神器
- Cmder 一款超好用的工具cmder
- Scoop 軟體包管理系統，像 Mac 上的 Homebrew， Chocolatey，Homebrew-Cask
- Chocolatey 像一個軟體包管理工具（背後使用 Nuget ）