面试题：前端常用开发工具

编辑器

• [WebStorm](和idea同属于jetbrains公司开发的，它是旗下一款JavaScript开发工具，被广大中国JS开发者誉为"Web前端开发神器"、“最强大的HTML5编辑器”、"最智能的JavaScript IDE"等。)
• Visual Studio Code
• SublimeText
• [Notepad++](Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8 技术)。)
• HBuilderX
• [Typora](markdown编辑器,有强大 的导出功能。)

开发者工具

• React Developer Tools: https://chrome.google.com…
• Redux DevTools: https://chrome.google.com
• vue.js devtools: https://chrome.google.com
• 微信开发者工具: https://developers.weixin.qq.com…

常用框架

• bootstrap: https://www.bootcss.com/

• express: https://www.expressjs…

• koa: https://koa.bootcss.com/

• elementUI: https://element.eleme.cn…

• vant: https://vant-contrib.gitee.io…

• Ant Design Vue: https://www.antdv.com/docs…

• uni-app: https://uniapp.dcloud…

包管理工具

• npm
• yarn

测试工具

• eslint：https://cn.eslint.org/

版本控制工具

• git：https://git-scm.com…

接口测试工具

• postman：https://www.postman.com/
• DOClever：http://www.doclever.cn/controller/index/index.html
• yapi：https://yapi.fanruan.com/
• Swagger：https://swagger.io/tools/swagger-ui/

数据模拟

• fastmock：https://www.fastmock.site/
• Mockjs：http://mockjs.com/
• easymock：https://easymock.org/

产品 文档分享

• 蓝湖：https://lanhuapp.com/
• showDoc：https://www.showdoc.com.cn…

项目管理工具

• 禅道：https://www.zentao.net/

json在线视图查看器

• json viewer: http://www.ab173.com…

函数库

• Lodash：[https://www.lodashjs.com/]
• 30-seconds-of-code：github.com/30-seconds/…
• ramda：github.com/ramda/ramda
• clean-code-javascript：github.com/ryanmcdermo…

动画库

• Animate.css：daneden.github.io/animate.css…
• animejs：github.com/juliangarni…
• gka帧动画生成：github.com/gkajs/gka
• svga：github.com/yyued?utf8=…
• lottie：github.com/airbnb/lott…
• Waves点击出现波纹效果：github.com/fians/Waves
• WOW.js滚动动画：github.com/matthieua/W…
• scrollReveal.js滚动动画：github.com/scrollrevea…
• typed.js打字动画：github.com/mattboldt/t…

滚屏，滚动和轮播图

• fullPage滚屏：github.com/alvarotrigo…
• better-scroll：github.com/ustbhuangyi…
• swiper移动端轮播：github.com/nolimits4we…
• iSlider移动端轮播：github.com/be-fe/iSlid…

上拉和下拉

• mescroll上拉加载下拉刷新：github.com/mescroll/me…
• minirefresh下拉刷新：github.com/minirefresh…

弹层和消息通知

• layer弹层：github.com/sentsin/lay…
• notyf消息通知：github.com/caroso1222/…
• pnotify消息通知：github.com/sciactive/p…

日期

• laydate日期选择器：github.com/sentsin/lay…
• moment.js操作日期：github.com/moment/mome…
• dayjs日期处理：github.com/iamkun/dayj…

表单和表格

• validator：github.com/validatorjs…
• list.js：github.com/javve/list.…
• form render表单渲染引擎：github.com/alibaba/for…

绘图

• chart.js：github.com/chartjs/Cha…
• ECharts：github.com/apache/incu…
• Zrender二维绘图引擎：github.com/ecomfe/zren…
• spriteJS：github.com/spritejs/sp…
• fabricJS：github.com/fabricjs/fa…
• three.js：github.com/mrdoob/thre…

图片和快照

• 相册：github.com/fengyuanche…
• tinypng图片压缩：tinypng.com/
• html2canvas截图：github.com/niklasvh/ht…
• 前端快照方案：juejin.im/post/684490…

复制粘贴和语法高亮

• clipboard.js：github.com/zenorocha/c…
• hightlight.js：github.com/highlightjs…

文件上传、压缩

• webuploader：github.com/fex-team/we…
• jszip：github.com/Stuk/jszip

ajax

• axios：github.com/axios/axios
• superagent：github.com/visionmedia…
• fetch：github.com/github/fetc…
• request：github.com/request/req…

图标

• iconfont：www.iconfont.cn/
• ionicons：github.com/ionic-team/…
• 纯css图标：www.zhangxinxu.com/wordpress/2…

图片懒加载

• lazyload：github.com/tuupola/jqu…

瀑布流

• Masonry：www.cnblogs.com/cjc917/p/74…
• Metro风兼瀑布流布局效果http://www.lanrenzhijia.com/jquery/1985.html