前端常用插件，知识点汇总

最新推荐文章于 2025-06-22 00:23:35 发布
最新推荐文章于 2025-06-22 00:23:35 发布
阅读量2.3k 收藏 13
点赞数 6
CC 4.0 BY-SA版权
文章标签： 前端 插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_25243451/article/details/78685657

第三方接口

  1. 蚂蚁金服开放平台： https://docs.open.alipay.com/200/105518
  2. 微信开放平台： https://open.weixin.qq.com/cgi-bin/index?t=home/index&lang=zh_CN
  3. 微信支付： https://pay.weixin.qq.com/wiki/doc/api/index.html
  4. 腾讯开放平台：http://open.qq.com
  5. 微博开放平台：http://open.weibo.com
  6. 腾讯信鸽推送：http://xg.qq.com

UI 框架

  1. Element（vue）：http://element-cn.eleme.io/2.0/#/zh-CN
  2. Mint UI（vue）：https://mint-ui.github.io/docs/#/zh-cn2
  3. Antd Design （react，react-native）：https://mobile.ant.design/docs/react/introduce-cn
  4. Bootstrap：http://www.bootcss.com
  5. Lottie（Android动画插件）：https://github.com/airbnb/lottie-android
  6. Weui（微信风格）：https://github.com/Tencent/weui.js
  7. Highcharts（折线图曲线图）：https://www.hcharts.cn/demo/highcharts
  8. Swiper（非常好用的轮播图组件）：http://www.swiper.com.cn
  9. CurveJs（很炫酷的动画文字线条）：https://alloyteam.github.io/curvejs
  10. Layui：http://www.layui.com
  11. Vuetify（vue）：https://vuetifyjs.com/vuetify/quick-start
  12. Semantic UI：http://www.semantic-ui.cn/introduction/getting-started.html
  13. Material-UI：http://www.material-ui.com
  14. H-ui：http://www.h-ui.net/index.shtml
  15. MUI（移动端）：http://dev.dcloud.net.cn/mui
  16. Amaze：http://amazeui.org
  17. AUI：http://www.auicss.com
  18. FrozenUI：http://frozenui.github.io
  19. SUI：http://sui.taobao.org/sui/docs/index.html
  20. Pure：https://purecss.io
  21. UIKit：https://getuikit.com

JaveScript

  1. ECMAScript 6 入门：http://es6.ruanyifeng.com
  2. TypeScript：https://www.tslang.cn/samples/index.html
  3. Lodash：https://lodash.com
  4. 腾讯前端知识库：https://github.com/AlloyTeam/Mars
  5. MobX：http://cn.mobx.js.org
  6. MobX资料整合：https://github.com/mobxjs/awesome-mobx/blob/master/README-CN.md#%E5%8F%91%E8%A1%A8%E4%BD%9C%E5%93%81
  7. Dart：http://www.dartlang.cc
  8. CoffeeScript：http://coffee-script.org
  9. 异常监控：http://foio.github.io/babel-try-catch
  10. JS函数式编程：https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html
  11. JS函数式编程（阮一峰）：http://www.ruanyifeng.com/blog/2012/04/functional_programming.html
  12. 尾调用优化（函数式编程）：http://www.ruanyifeng.com/blog/2015/04/tail-call.html
  13. Moment.js（时间处理函数）：http://momentjs.cn

Vue

  1. 官网：https://cn.vuejs.org
  2. 路由：https://router.vuejs.org/zh-cn
  3. Vuex文档：https://vuex.vuejs.org/zh-cn
  4. Vuex运用：https://vux.li/#/zh-CN/README
  5. Axios：https://www.kancloud.cn/yunye/axios/234845
  6. Axios（GitHub）：https://github.com/imcvampire/vue-axios
  7. Vue资料整合：https://github.com/keepfool/vue-tutorials
  8. Vue组件延迟加载：https://github.com/yeyuqiudeng/vue-lazy-render
  9. Vue+TypeScript：http://www.jianshu.com/p/286ceb8e866b
  10. 类Class风格Vue：https://github.com/vuejs/vue-class-component#vue-class-component
  11. Vue Property Decorator（可和上一个结合使用）：https://github.com/kaorun343/vue-property-decorator
  12. vuex-class：https://github.com/ktsn/vuex-class
  13. Weex（类ReactNative的开发框架）：http://weex.apache.org/cn

React Native、React

  1. RN特殊问题汇总：http://blog.youkuaiyun.com/qq_25243451/article/details/78089089
  2. 如何设计开发App：https://www.zhihu.com/question/20936415
  3. React：https://hulufei.gitbooks.io/react-tutorial/content/index.html
  4. 官网：https://reactnative.cn/docs/0.48/getting-started.html
  5. 东翌编程：http://www.dongyibiancheng.com/doc/react-native
  6. React入门教程（阮一峰）：http://www.ruanyifeng.com/blog/2015/03/react.html
  7. RN环境搭建：http://bbs.reactnative.cn/topic/10/%E5%9C%A8windows%E4%B8%8B%E6%90%AD%E5%BB%BAreact-native-android%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83
  8. 本地存储封装：https://github.com/sunnylqm/react-native-storage
  9. Navigation（导航）：https://reactnavigation.org/
  10. 获取设备更多的尺寸信息：https://github.com/Sunhat/react-native-extra-dimensions-android
  11. RN学习专题（江清清）：http://www.lcode.org/react-native
  12. RN组件汇总：http://www.jianshu.com/p/636dea5054d9
  13. RN实战视屏：http://bbs.reactnative.cn/topic/759/%E6%89%8B%E6%8A%8A%E6%89%8B%E6%95%99react-native%E5%AE%9E%E6%88%98%E5%BC%80%E5%8F%91%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B-%E6%9B%B4%E6%96%B0%E5%88%B070%E9%9B%86%E5%95%A6
  14. RN中使用for循环：http://bbs.reactnative.cn/topic/845/%E5%9C%A8render%E5%87%BD%E6%95%B0%E4%B8%AD%E6%80%8E%E4%B9%88%E4%BD%BF%E7%94%A8for%E5%BE%AA%E7%8E%AF/2
  15. RN动画详解：http://www.alloyteam.com/2016/01/reactnative-animated
  16. RN微信平台（react-native-wechat）：http://www.jianshu.com/p/9ee774ec21d5
  17. RN，QQ平台（react-native-qq）：https://github.com/reactnativecn/react-native-qq
  18. RN微博（react-native-weibo）：https://github.com/reactnativecn/react-native-weibo
  19. RN微信接口配置教程：http://www.lcode.org/%E8%B6%85%E8%AF%A6%E7%BB%86react-native%E5%AE%9E%E7%8E%B0%E5%BE%AE%E4%BF%A1%E5%A5%BD%E5%8F%8B%E6%9C%8B%E5%8F%8B%E5%9C%88%E5%88%86%E4%BA%AB%E5%8A%9F%E8%83%BD-androidios%E5%8F%8C%E5%B9%B3%E5%8F%B0/
  20. RN支付宝微信接口配置教程：http://blog.youkuaiyun.com/sinat_17775997/article/details/73729442
  21. react-native-loader（加载动画）：https://github.com/mohebifar/react-native-loader
  22. react-native-loading-w（加载动画Toast样式）：https://github.com/wenxucheng/react-native-loading-w
  23. react-native-animatable（动画封装）：https://github.com/oblador/react-native-animatable
  24. 常用第三方组件：https://segmentfault.com/a/1190000008878128
  25. 调用系统原生功能（相册通讯录等）：http://www.jianshu.com/p/e5f74c2f74c8
  26. 验证码倒计时：http://www.jianshu.com/p/51736baead49
  27. MD5等加密库：http://www.qingpingshan.com/jb/javascript/237722.html
  28. Base64：http://dev.dafan.info/detail/244963?p=20
  29. 图片加载处理：https://www.npmjs.com/package/mkp-react-native-image-view
  30. 动画按钮：https://github.com/mastermoo/react-native-action-button
  31. 模态封装Modal：https://github.com/magicismight/react-native-root-modal
  32. react-native-swiper（轮播图）：https://github.com/leecade/react-native-swiper
  33. 修改页面跳转动画效果：https://www.trustedhousesitters.com/engineering/code/react-native-navigation-custom-scene-screen-transitions-and-interpolations/
  34. 自定义页面跳转动画：http://blog.youkuaiyun.com/sinat_17775997/article/details/74908728
  35. RN配置字体文件：http://www.jianshu.com/p/96d5c66791c3
  36. RN修改app图标、启动图：http://www.cnblogs.com/allenxieyusheng/p/5804023.html
  37. RN修改app名，图标、启动图等：http://blog.youkuaiyun.com/sinat_17775997/article/details/70347606
  38. RN设置启动图：http://www.myronliu.com/2016/07/22/react-native/react-native_launch
  39. RN，ScrollView滑动冲突处理：http://blog.youkuaiyun.com/xiaohanluo/article/details/52130923
  40. 安卓back健处理：http://bbs.reactnative.cn/topic/480/%E5%AE%89%E5%8D%93back%E9%94%AE%E7%9A%84%E5%A4%84%E7%90%86-%E5%9F%BA%E6%9C%AC-%E9%AB%98%E7%BA%A7%E7%AF%87
  41. 跨组件通信（淘宝）：http://taobaofed.org/blog/2016/11/17/react-components-communication

不定时更新

原文链接：http://blog.youkuaiyun.com/qq_25243451/article/details/78685657

青岑lw
关注
Vue知识点汇总【持更】
qq_45605043的博客
09-14 6276
一个前端小白的自学之路，完结之日即成为大白之日。
Vue知识点汇总
chenglin016的博客
06-06 902
10、钩子函数的参数：el(指令绑定到的元素，可直接操作DOM)，binding(一个对象，包含属性：instance(使用指令的组件实例) ，value(传递给指令的值)，oldvalue(先前的值)，arg(指令的参数:arg)，modifiers(修饰符.修饰符))、vnode:el参数收到的真实的DOM元素的虚拟节点，prevNode:上一个虚拟节点，仅在beforeUpdate和updated钩子中可用。computed:计算属性，当依赖属性的值发生变化时，属性值会自动变更，DOM也同步更新。
前端常用插件以及框架集合
12-04
前端常用插件以及框架集合,各种插件，对web开发很有帮助
前端常用插件 集合
weixin_30399871的博客
08-25 132
advancedNewFile (ctrl + alt + n 新建文件和文件夹) autofileName 比如输入<img src="img/loading.gif"/> 在输入 =“” 等号双引号的时候就会出来相应路径，自动补全文件路径插件 color Highlight颜色代码变为相应颜色 ConvertToUTF8解决乱码 Do...
前端开发必备！30+优质组件库全推荐
最新发布
weixin_50701238的博客
06-22 2293
前端开发常用组件库汇总 【移动端】TaroUI、uViewUI、CubeUI等覆盖多端开发需求； 【PC端】ElementUI、AntDesign、NaiveUI等提供丰富企业级组件； 【数据可视化】ECharts、Datav等构建专业数据大屏； 【动画】Swiper、Animate.css等实现流畅交互效果； 【编辑器】TinyMCE、vue-quill-editor满足富文本编辑需求； 【3D引擎】ThreeJS、BabylonJS支持Web3D开发。 各类组件库为不同场景开发提供完整解决方案，提升开发
前端常用插件汇总
热门推荐
cc蒲公英的博客
08-12 2万+
Plugins整理 项目文件结构 detail/ 一些组件的详细说明，以及使用 Demo 目录 工具类浏览器增强类表单类图片类图标类UI 框架UI 组件类用户体验增强动画SVG测试其他类Bootstrap相关类JS Plugins仓库 工具类 方便操作对象，数组等的工具库 underscore.jslo-dash 与underscore.js的api基本一
前端常用插件
pelosp的博客
07-08 729
html js jq
前端常用的插件
YFCookie的博客
04-25 312
Auto Rename Tab – 常用于补全标签 Better Comments --用于注释颜色，可以进行配置： 打开vconsole的 setting.json 文件就可以进行配置 "better-comments.tags": [ { "tag": "!", "color": "#FF2D00", "strikethrough": false, "backgroundColor": "transparent" }, { "tag": "?",
前端知识小汇总.zip
05-18
这个名为“前端知识小汇总.zip”的压缩包文件包含了这些关键知识点的文档，帮助我们深入理解并掌握它们。 1. **HTML**（HyperText Markup Language）：HTML是网页内容的结构标准，定义了网页的基本元素。"1...
前端必备插件库及使用示例汇总
前端插件集合及demo的标题透露出这是一个囊括了多个前端开发工具和库的资源包，它们大多基于JavaScript，特别是jQuery库。这些插件和库可以帮助开发者快速构建功能丰富的用户界面和提高开发效率。 描述部分列举了...
blog:前端知识点汇总：心法、LeetCode、框架原理、计网、设计模式、轮子、读书笔记……
05-13
这篇博客涵盖了前端开发的多个重要知识点，包括心法、LeetCode算法练习、框架原理、计算机网络、设计模式、自造轮子以及读书笔记等。以下是对这些内容的详细阐述： **心法**： 在前端开发中，心法指的是开发者应该...
前端功能性插件集合
04-20
/** * ckUI * author:h_yang * version:1.8.1 * beforeVersion:1.7.7 * * API(属性级): * $.ckTrim(str),返回值为去掉前后空格 str: jquery对象||元素ID||字符串 * $.ckIsEmail(str, ifAlert),返回是否为正确邮箱格式 str: jquery对象||元素ID||字符串 ifAlert: 是否弹出错误信息 * $.ckIsUrl(str, ifAlert), 返回是否是正确的URL格式地址 str: jquery对象||元素ID||字符串 ifAlert: 是否弹出错误信息 * $.ckIsMobile(str, ifAlert), 返回是否是正确格式电话号 str: jquery对象||元素ID||字符串 ifAlert: 是否弹出错误信息 * $.ckSetCookie(name, value, path, time),设置cookie name: key value: 值 path: 域 time: 存活时间(s) * $.ckGetCookie(name), 获取cookie, name: key值 * $.ckDelCookie(name), 删除cookie, name: key值 * $.ckObjToJsonStr(obj), obj对象转json字符串,如果出现异常,则返回"" * $.ckObjToJson(obj), obj对象转json对象, 如果出现异常则返回new Object() * $.ckIsEmpty(str, ifAlert), 返回是否为空值, str: jquery对象||元素ID||字符串 ifAlert: 是否弹出错误信息 * $.ckMul(arg1, arg2), 乘法 * $.ckAdd(arg1, arg2), 加法 * $.ckSub(arg1, arg2), 减法 * $.ckDiv(arg1, arg2), 除法 * $.ckMustNumber(e, obj), 只能输入数字, 属性级函数 * $.ckFmtMoney(s, n), s: 金额, n: 保留的小数位数 * $.ckRbkMoney(s), s: 格式化之后的金额 * $.ckGoto(url), 跳转url地址 * $.ckShade(flag, time), 遮罩, flag: boolean类型,true为开启,false关闭,在开启时,重复点击则中断线程, time为持续时间,默认为4秒 * $.ckGetContext(), 返回应用程序上下文全路径 * $.ckGotoView(uri), 跳转带上下文的地址,uri: 请求地址,如果uri第一位不是/ 则自动加/ * $.ckCheckCard(str, ifAlert), 返回是否是正确身份证号, str: jquery对象||元素ID||字符串 ifAlert: 是否弹出错误信息 * $.ckPostToNewView(url, args) post形式跳转页面，避免参数暴露在地址栏中 * * 更新日志: * 2017-01-10更新日志: $.ckShade(true) 遮罩功能,一次调起为开启,在遮罩参数为true的时候再次调起会终止线程, $.ckShade(false) 为关闭遮罩 * 2017-01-16更新日志: 遮罩加入显示图片 * 2017-01-18更新日志: $.ckGetContext() 返回为不带/的根项目路径 * 2017-01-20更新日志: $.ckShade(boolean, time), boolean 是否显示遮罩 time: 显示时间为毫秒, 遮罩默认显示5秒 * 2017-02-08更新日志: $.ckMaxLength(length) 加入最大输入长度限制函数 length: 最大长度数 * 2017-02-10更新日志: $.ckWhatFrameWork() 0: 安卓 1: 苹果 2: winphone 3 other * 2017-02-15更新日志: $.ckAlert(option) 弹出组件 * 2017-02-18更新日志: $.ckSetCookie(), 新增参数time 单位:秒 为cookie过期时间 * 2017-02-25更新日志: $.ckAnchor(), 页面锚点,返回上个页面自动定位到上次浏览的位置 * 2017-03-07更新日志: $.ckIsUrl(), 是否是URL地址 * 2017-03-09更新日志: $.ckGotoView(uri), 带项目根路径的跳转 * 2017-03-09更新日志: $.ckCheckCard(card, ifAlert), 检测身份证号 card: 身份证号||元素ID||jquery对象 ifAlert: 是否打印错误信息 * 2017-03-13更新日志: 修复$.ckIsEmpty对入参的校验规则 * 2017-04-05更新日志: 加入两种限制函数，$.ckMustEnAndNumber(适配 . -) & $.ckMustEnAndCN & $.ckMustEnAndNumberAndCn * 2017-04-07更新日志: 加入自定义过滤，$.ckRegular(expression) expression 为正则表达式 * 2017-04-07更新日志: 改进了must相关函数的触发条件，现在可以兼容移动端了 * */
前端开发者常用的插件汇总，看看你用过几个？
iqifenxia的博客
11-12 3989
1.Touch.js Touch.js是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具. 网站地址： http://www.bootcdn.cn/touchjs/ 2.Zepto.js Zepto的设计目的是提供 jQuery 的类似的API，但并不是100%覆盖 jQuery 。Zepto设计的目的是有一个5-10k的通用库、下载并快速执行、有一个熟悉通用的API，所以你能把你主要的精力放到应用开发上。 网站地址： http://www
前端开发工具：Web前端常用插件汇总
weixin_43703144的博客
06-11 506
程序员在开发过程中会用到很多开发工具，作为前端开发工程师掌握一些前端插件必不可少，千锋广州小编汇总了不同的Web前端常用插件分享给大家。 Web前端常用插件： 1.操作cookie的插件jquery.cookie.js 2.wow.js实用的滚动插件 3.numscroller.js / countUP数字滚动增加插件 4.uploadfive.js带进度条文件上传插件 5.video.js视频插件 + pace.min.js视频进度条插件 + jquery.qrcode.js二维码生成插件 6.shake
前端常用插件、工具类库汇总
BYGFJ的博客
10-11 496
前言 在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往往一个解决方案会有多个插件，需要读者根据自己的实际业务需求进行甄别选用，欢迎留言交流和补充。 函数库 Lodash https://github.com/lodash/lodash Underscore https://
收集一些前端工具库资源
weixin_30797199的博客
08-30 1564
移动端轻量级手势库 https://github.com/hammerjs/hammer.js/tree/master/ http://hammerjs.github.io/ weui http://jqweui.com/ https://juejin.im/post/5ba7d5dd5188255c6140cc9d 函数库 Lodash（推荐）：github.c...
web前端常用插件
web_qdkf的博客
11-30 1196
弹窗 1.blockUI 2.overlay  3.sweetAlert 视频 1.jwplayer 2.video.js html5 3.swfobject Flash嵌入插件 幻灯片、图片切换 1.responsiveSlides 2.swiper 手机端响应式 日期控件 1.datepicker 上传图片控件 1.uploadi
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值