簡介
前端發展迅速,開發者富有的創造力不斷的給前端生態注入新生命,各種庫/框架/工程化構建工具層出不窮,眼花繚亂,不盲目追求前沿技術,學習框架和庫在滿足自己開發需求的基礎上,然後最好可以對原始碼進行調研,瞭解和深入實現原理,從中可以獲得更多的收穫
隨著前端發展,前端的職責也跟著變化,不再僅僅是設計稿切圖+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)
- 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 讓小程式支援元件化開發的框架 微信官方框架
- 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 )
歡迎star:《大話WEB開發》 Github