前端相關彙總

SFLYQ發表於2018-10-25

前端相關彙總

簡介

前端發展迅速,開發者富有的創造力不斷的給前端生態注入新生命,各種庫/框架/工程化構建工具層出不窮,眼花繚亂,不盲目追求前沿技術,學習框架和庫在滿足自己開發需求的基礎上,然後最好可以對原始碼進行調研,瞭解和深入實現原理,從中可以獲得更多的收穫

隨著前端發展,前端的職責也跟著變化,不再僅僅是設計稿切圖+JS實現互動,已經可以涉獵到後端,微信小程式,原生APP等領域,大前端,全棧開發,小程式開發,前端架構師,帶來了更多崗位選擇的同時,也是對自身技術一種挑戰

【前端彙總】這裡會對前端相關技術教程,開源框架,庫,工具等相關資源,進行分類記錄,持續更新,通過記錄共享可以方便大家找到想要資源


IDE


LESS

  • less css 預處理語言

SASS

  • sass 成熟、穩定、強大的 css 擴充套件語言

JavaScript


ES2015(ES6)


TypeScript


NodeJS


Babel


Bower


Yeoman


Gulp


Grunt


Webpack


Parcel

  • 官方教程 Web應用打包工具,不需要任何配置

Vue


React


AngularJS


微信小程式

  • wepy 讓小程式支援元件化開發的框架 微信官方框架
  • iview-weapp 一套高質量的微信小程式 UI 元件庫
  • vant-weapp 贊移動端元件庫 Vant 的小程式版本
  • minui 基於規範的小程式 UI 元件庫,自定義標籤元件,簡潔、易用、工具化
  • wux-weapp 微信小程式自定義 UI 元件
  • taro 支援用 React 的開發方式編寫一次程式碼,生成能執行在微信小程式、H5、React Native 等的應用

測試


模組化


Git


GitBook

  • Gitbook 國外的線上markdown可編輯成書

常用前端外掛

1.圖片:

2.富文字編輯器:

3.日期外掛:

4.表單驗證庫:

5.圖表:

6.特效:

7.各種功能:


前端UI框架


其他

  • 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