逼格满满 - 前端框架、工具等汇总清单
日新月异的前端相关框架、工具等汇总清单
真的只是 单纯 的想找一个地方记录一下呐…(之前 收藏的内容太多,以至于都不好找了)
当然,我是绝不会告诉你们之所以非要挤点时间整理下,是因为之前存的东西,全都找不到了!!!找不到了!!!找不到了!!!
随时更新中….
前端框架
- 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:识别文字