逼格满满 - 前端框架、工具等汇总清单
日新月异的前端相关框架、工具等汇总清单
真的只是 单纯 的想找一个地方记录一下呐…（之前 收藏的内容太多，以至于都不好找了）
当然，我是绝不会告诉你们之所以非要挤点时间整理下，是因为之前存的东西，全都找不到了！！！找不到了！！！找不到了！！！
随时更新中….
前端框架
- Vue
- React
- AngularJS
- Bootstrap
- TypeScript：TypeScript是JavaScript类型的超级。至于存在理由，根本就不用我多说那~
- Lodash: 一个一致性、模块化、高性能的 JavaScript 实用工具库
组件库
- Ant Design: 蚂蚁金服开发的基于 React 的PC端组件库
- Ant Design Pro: 管理界面解决方案（基于Ant Design）
- Ant Design Mobile: 同上，基于 React 的移动端组件库
- Vue Antd: 基本上就是拿ant Design来用的，基于vue的组件库，但是这是个人的！
- iView: 一套基于 Vue.js 的高质量 UI 组件库
- Element: 饿了么开发的Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
- ZanUI: 组件库，移动 (基于Vue.js2.0)、PC (基于React)、小程序
- 飞冰: 阿里出品的丰富模板一键创建解决方案。
图表库
- highcharts： Highsoft AS公司开发的交互图表库展示
- Echarts: 百度开发的遵循 BSD 开源协议，免费商用图表库
- AntV: AntV 是蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。 G2 (基于可视化编码的图形语法)、G6 (解决流程图和关系分析的图表库)、F2 (专为移动端定制的一套开箱即用的可视化解决方案)
构建工具
在线编辑器
- CodeSandbox： 支持angular、vue、react等在线编辑
图片相关
- dummyimage：动态图片生成器，动态生成想要测试用的图片。可以选择尺寸、背景色、字体色、图片格式、文本等，方便快速生成想要尺寸的图片进行一些素材测试等
- tinypng: 使用智能有损压缩技术来减少PNG文件的文件大小
- Clipping Magic: 抠图，在线编辑图片能够快速的去掉背景
svg相关
- icomoon: svg图标合成，各种小图标合成统一前缀等
- loading: 使用SVG / CSS / GIF / APNG 构建Ajax加载图标
- Snap.svg: 为现有的SVG内容和用Snap生成的SVG内容的动画和操作提供了一个干净、精简、直观、功能强大的API
- svgo: 基于NodeJS的用于优化SVG矢量图形文件的工具。马上使用
日历相关
- Date Range Picker：一个用于选择日期范围的JavaScript组件，应用Bootstrap CSS框架设计
- momentjs: 解析、验证、操作和显示日期和时间。
- dayjs: 类似momentjs，但比之较简洁
- tinytime: 导出一个返回模板对象的函数
插件
- Swiper：移动端触摸滑动插件
- Videojs: 视频播放插件
- Mathjs: 处理number数据的js库
- Popmotion:A functional, flexible JavaScript motion library
正则相关
- Regexper：正则表达式的可视化开源工具，直接输入正则表达式就能用可视化显示出来
- Regulex: 同上，正则可视化工具
- Debuggex: 同上，正则可视化工具，选项功能丰富
- FeHelper: Chrome 插件，可以进行字符串编码那、正则那、代码美化压缩那、时间转换、图片转换、页面性能检测等等等等
开发者工具
- Chrome 开发者工具：内置在Google Chrome中Web开发和调试工具
其他
博众家之所长，说不定就能得到什么启示呢~
- Tencent AlloyTeam: 腾讯 AlloyTeam 团队做的一些相关内容。自己看，不解释
- EFE：百度 EFE（Excellent FrontEnd）技术体系，经过技术的发展，逐渐形成一套完善的前端技术体系。
- Qunar UED: 什么基础架构、静态资源（第三方库、前端构建工具等）等。在这里就不一个个叙述了，自己去看吧
- 优图OCR:识别文字