前端常用的开发插件与工具合集

常规类

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

样式类

animate:
https://daneden.github.io/ani...
css3动画生成器:
http://www.wufangbo.com/demo/...

Bootstrap:
https://www.bootcss.com/
amazeui: (与Bootstrap类似 有样式 有插件 组件)
http://amazeui.shopxo.net/css/
nec样式方案:
http://nec.netease.com/

图标类

iconfont:
https://www.iconfont.cn/home/...
很好用,可直接在上面建一个公共库,引用字体图标;样式改颜色大小修改复用图标;推荐推荐

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

框架插件类

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

creatJs:
官网:https://www.createjs.com/
10个案例了解H5之CreateJS

zeptojs:
https://zeptojs.com/

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

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

页面截图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、H5、以及各种小程序(微信/支付宝/百度/头条/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 类组件或元素。

数据类

mongodb:
https://www.runoob.com/mongod...

自动化构建工具类

fis3:
http://fis.baidu.com/fis3/ind...
gulp:
https://www.gulpjs.com.cn/
webpack:
https://www.webpackjs.com/

工具类

lodash:
https://www.html.cn/doc/lodash/

Git常用命令:
https://blog.csdn.net/web_csd...

正则可视化:
https://jex.im/regulex/#!flags=&re=a%7Cb

谷歌开启安卓手机链接调试:
chrome://inspect/#devices

压缩图片:
https://tinypng.com/

html转字符串:
https://www.html.cn/tool/html...

代码对比:
https://tool.oschina.net/diff/

json检查:
http://www.bejson.com/jsonedi...

社区

github: https://github.com/
思否: https://segmentfault.com/
掘金: https://juejin.im/welcome/fro...
csdn: https://www.csdn.net/nav/web

刷题

牛客网: https://www.nowcoder.com
力扣: https://leetcode-cn.com/probl...
lintcode: https://www.lintcode.com/prob...
FE-Interview: http://blog.poetries.top/FE-I...
日问: https://q.shanyue.tech/
要去大厂应该把这些面试题搞(bei)懂(hui): https://segmentfault.com/a/11...

在线课程

网易云课堂: https://study.163.com/
慕 课 网: https://www.imooc.com/
极客学院: https://www.jikexueyuan.com/
腾讯课堂: https://ke.qq.com/course/list/
智 能 社: https://www.zhinengshe.com/

未完待续。。。

mark一下 仅供参考 欢迎更正补充 Thanks

阅读 1.9k

推荐阅读
喈喱前端笔记
用户专栏

学习的付出 从不欺人

4 人关注
30 篇文章
专栏主页