前端經常使用的開發插件與工具合集

時間 2020-03-20

標籤前端經常使用開發插件工具合集简体版

原文原文鏈接

常規類

w3cplus: https://www.w3cplus.com/
w3c: https://www.w3school.com.cn/i...
ECMAScript6入門: https://es6.ruanyifeng.com/?s...
前端十大經典算法: https://segmentfault.com/a/11...php

樣式類

animate:
https://daneden.github.io/ani...
css3動畫生成器：
http://www.wufangbo.com/demo/...css

Bootstrap:
https://www.bootcss.com/
amazeui: (與Bootstrap相似有樣式有插件組件)
http://amazeui.shopxo.net/css/
nec樣式方案:
http://nec.netease.com/html

圖標類

iconfont:
https://www.iconfont.cn/home/...
很好用，可直接在上面建一個公共庫，引用字體圖標；樣式改顏色大小修改複用圖標；推薦推薦前端

easyicon:
https://www.easyicon.net/
icomoon:
https://icomoon.io/app/#/selectvue

框架插件類

vue官網: https://cn.vuejs.org/
vue-rounter:
官網：https://router.vuejs.org/zh/
演示：vue-rounter演示
axios: http://www.axios-js.com/zh-cn...node

creatJs:
官網：https://www.createjs.com/
10個案例瞭解H5之CreateJSjquery

zeptojs：
https://zeptojs.com/webpack

jquery 文檔
https://www.html.cn/jqapi-1.9/ios

swiper：
https://www.swiper.com.cn/css3

頁面截圖html2canvas:
http://html2canvas.hertzen.com/

TypeScript:
https://www.tslang.cn/docs/ha...

WebGL:
http://www.hewebgl.com/

threejs:
https://threejs.org/
EaselJS新手上路

niceue 表單驗證:
https://niceue.com/validator/...

HTML5 Canvas實戰之刮獎效果

圖標類插件

echartsjs:
https://www.echartsjs.com/zh/...
說明：涵蓋了很全的圖表類型

gojs:
https://gojs.net/latest/index...
說明：對比上者它tree表示擁有更多的靈活性。免費版有水印，網上能夠找去水印方式，找下也會有已去水印的~

微信小程序常見框架/組件庫

小程序官方文檔：
https://developers.weixin.qq....

小程序發佈
https://mp.weixin.qq.com/wxam...

uniapp：
連接：https://uniapp.dcloud.io/
官方介紹：開發一次多端覆蓋；uni-app是一個使用Vue.js開發全部前端應用的框架，開發者編寫一套代碼，可發佈到iOS、Android、H五、以及各類小程序（微信/支付寶/百度/頭條/QQ/釘釘）等多個平臺。

WeUI 小程序–使用教程：
連接：https://weui.io/
官方介紹：是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊爲微信內網頁和微信小程序量身設計

美團小程序框架mpvue：
Github：https://github.com/Meituan-Dianping/mpvue
官網：http://mpvue.com/
官方介紹：mpvue是一個使用 Vue.js開發小程序的前端框架。框架基於 Vue.js核心，mpvue修改了 Vue.js的 runtime和 compiler實現，使其能夠運行在小程序環境中，從而爲小程序開發引入了整套Vue.js開發體驗。

組件化開發框架wepy:
Github地址:
https://github.com/Tencent/wepy
官網地址：
https://tencent.github.io/wepy
官方介紹：組件化開發，完美解決組件隔離，組件嵌套，組件通訊等問題,支持使用第三方 npm 資源，自動處理 npm 資源之間的依賴關係，完美兼容全部無平臺依賴的 npm 資源包.

官方框架MINA:
地址：https://developers.weixin.qq....
官方介紹：框架提供了本身的視圖層描述語言 WXML 和 WXSS，以及基於 JavaScript 的邏輯層框架，並在視圖層與邏輯層間提供了數據傳輸和事件系統，能夠讓開發者能夠方便的聚焦於數據與邏輯上。

Tina.js:
Tina.js 開源框架地址： https://github.com/tinajs/tina
官方介紹：是一款輕巧的漸進式微信小程序框架，保留 MINA (微信小程序官方框架) 的大部分 API 設計；不管你有無小程序開發經驗，均可以輕鬆過渡上手。

前端框架weweb:
地址:https://github.com/wdfe/weweb
官方介紹：weweb是一個兼容小程序語法的前端框架，你能夠用小程序的寫法，來寫web應用。若是你已經有小程序了，經過它你能夠將你的小程序運行在瀏覽器中。

微信UI組件庫 iView Weapp:
https://weapp.iviewui.com/
介紹：iView Weapp 提供了與 iView 一致的 UI 和儘量相同的接口名稱，大幅度下降了學習成本，是一套一套高質量的微信小程序 UI 組件庫。

ZanUI-WeApp
https://cnodejs.org/topic/589...
官方介紹：一個顏值高、好用、易擴展的微信小程序 UI 庫。ZanUI-WeApp結合了微信的視覺規範，爲用戶提供更加統一的使用感覺。包含 badge、btn、等共計 17 類組件或元素。