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

2022-02-19 19:03:08

第三方接口

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

UI 框架

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

JaveScript

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

Vue

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

React Native、React

RN特殊问题汇总：http://blog.csdn.net/qq_25243451/article/details/78089089
如何设计开发App：https://www.zhihu.com/question/20936415
React：https://hulufei.gitbooks.io/react-tutorial/content/index.html
官网：https://reactnative.cn/docs/0.48/getting-started.html
东翌编程：http://www.dongyibiancheng.com/doc/react-native
React入门教程（阮一峰）：http://www.ruanyifeng.com/blog/2015/03/react.html
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
本地存储封装：https://github.com/sunnylqm/react-native-storage
Navigation（导航）：https://reactnavigation.org/
获取设备更多的尺寸信息：https://github.com/Sunhat/react-native-extra-dimensions-android
RN学习专题（江清清）：http://www.lcode.org/react-native
RN组件汇总：http://www.jianshu.com/p/636dea5054d9
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
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
RN动画详解：http://www.alloyteam.com/2016/01/reactnative-animated
RN微信平台（react-native-wechat）：http://www.jianshu.com/p/9ee774ec21d5
RN，QQ平台（react-native-qq）：https://github.com/reactnativecn/react-native-qq
RN微博（react-native-weibo）：https://github.com/reactnativecn/react-native-weibo
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/
RN支付宝微信接口配置教程：http://blog.csdn.net/sinat_17775997/article/details/73729442
react-native-loader（加载动画）：https://github.com/mohebifar/react-native-loader
react-native-loading-w（加载动画Toast样式）：https://github.com/wenxucheng/react-native-loading-w
react-native-animatable（动画封装）：https://github.com/oblador/react-native-animatable
常用第三方组件：https://segmentfault.com/a/1190000008878128
调用系统原生功能（相册通讯录等）：http://www.jianshu.com/p/e5f74c2f74c8
验证码倒计时：http://www.jianshu.com/p/51736baead49
MD5等加密库：http://www.qingpingshan.com/jb/javascript/237722.html
Base64：http://dev.dafan.info/detail/244963?p=20
图片加载处理：https://www.npmjs.com/package/mkp-react-native-image-view
动画按钮：https://github.com/mastermoo/react-native-action-button
模态封装Modal：https://github.com/magicismight/react-native-root-modal
react-native-swiper（轮播图）：https://github.com/leecade/react-native-swiper
修改页面跳转动画效果：https://www.trustedhousesitters.com/engineering/code/react-native-navigation-custom-scene-screen-transitions-and-interpolations/
自定义页面跳转动画：http://blog.csdn.net/sinat_17775997/article/details/74908728
RN配置字体文件：http://www.jianshu.com/p/96d5c66791c3
RN修改app图标、启动图：http://www.cnblogs.com/allenxieyusheng/p/5804023.html
RN修改app名，图标、启动图等：http://blog.csdn.net/sinat_17775997/article/details/70347606
RN设置启动图：http://www.myronliu.com/2016/07/22/react-native/react-native_launch
RN，ScrollView滑动冲突处理：http://blog.csdn.net/xiaohanluo/article/details/52130923
安卓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
跨组件通信（淘宝）：http://taobaofed.org/blog/2016/11/17/react-components-communication

不定时更新

原文链接：http://blog.csdn.net/qq_25243451/article/details/78685657