1. ECharts(数据可视化模板)
https://echarts.apache.org/zh/index.html
2. CanIuse网站-用于判断技术能在哪些浏览器使用的兼容性(绿色表示支持)
caniuse.com
3. 找面试题
(1)掘金
(2)牛客
(3)github
(4)csdn
(5)力扣(主要是算法题)
4. 组件库
(1)Layui
https://www.layuiweb.com/
(2)
Element-ui【适用于Vue2】
Element - The world's most popular Vue UI framework
Element-plus【适用于Vue3】
(3)Vant UI
Vant2【适用于Vue2】
Vant 2 - Mobile UI Components built on Vue
Vant4【适用于Vue3】
Vant 4 - A lightweight, customizable Vue UI library for mobile web apps.
Vant Weapp【适用于小程序】
5. 移动端开发插件官网/github
(1)Swiper插件-移动端轮播图(点击可转到使用方法的帖子)
https://www.swiper.com.cn/
(2)superslide插件(点击可转到使用方法的帖子)
(3) iscroll插件
GitHub - cubiq/iscroll: Smooth scrolling for the web
6. BootStrap中文网-下载Bootstrap框架(移动端开发框架也可用BootStrap)
https://www.bootcss.com/
7. 下载字体图标
(1) 【国内网站】 iconfont阿里巴巴矢量图标库 https://www.iconfont.cn/
iconfont不支持多色图标
(2)【国外网站】icomoon字体图标库 https://icomoon.io/
icomoon支持多色图标
8.查资料
(1)MDN
https://developer.mozilla.org/zh-CN/
(2)W3School(W3C)
World Wide Web Consortium (W3C)
(3)菜鸟
(4)菜鸟学堂
(5)Leetcode力扣
(6)stack Overflow
(中文社区):StackOverflow中文版 - StackOverflow中文网 - StackOverflow中文社区 - SO中文参考 - www.soinside.com
(外国社区):https://stackoverflow.com/
9.检验正则表达式是否正确
10.在线合成雪碧图(精灵图),免费下载
https://www.toptal.com/developers/css/sprite-generator
11.量Ui图软件
PxCook
12.json在线格式化
(1) https://www.json.cn/
(2) http://tools.jb51.net/code/jsonformat
13.前端不知道怎么命名时,在该网站上搜要的中文(e.g.搜索 会显示search等等)
http://tools.jb51.net/code/jsonformat
14.bootcdn-提供稳定快速免费的前端开源项目
BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
15.jQuery下载官网
https://jquery.com/
16.查询jQuery API的手册
jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm
17.jQuery插件常用网站
(1)
jQuery 插件库 jQuery插件库-收集最全最新最好的jQuery插件
(2)
jQuery 之家[更方便]
jQuery之家-自由分享jQuery、html5、css3的插件库
(3) 全屏滚动插件 fullpage.js
gitHub: https://github.com/alvarotrigo/fullPage.js
中文翻译网站: jQuery全屏滚动插件fullPage.js演示_dowebok
18.截图软件[可以钉在电脑屏幕上]
Snipaste
19.接口测试工具
(1)PostMan:
Download Postman | Get Started for Free
(2)也可直接在VScode中安装Postcode插件
Postcode插件安装方法见该链接中的7.http://t.csdn.cn/bCtNY
Postcode插件使用方法见该链接http://t.csdn.cn/s0qzq
20.模板引擎
art-template:
http://aui.github.io/art-template/zh-cn/docs/installation.html
点击以上的那个网址,然后按下图操作
21.下载Node.js
(1)方法1:官网下载
建议下LTS长期维护版的msi安装包,因为可直接在电脑上安装
(2)方法2:【亲测很烦,建议有能力了再装。。。】先下载nvm,再安装Node.js
教程:NVM、NPM、Node.js的安装选择 - 夜尽丶 - 博客园
22.Vue的官网
Vue.js - 渐进式 JavaScript 框架 | Vue.js
下载/安装方式:
前往该网址(Vue官网)下载
23.判断兼容性
Can I use...
ECMAScript 5 | Can I use... Support tables for HTML5, CSS3, etc
24.axios(一个js库)
(1)在线地址【要连网】 网址https://unpkg.com/axios/dist/axios.min.js
(2)去github下载本地文件 网址GitHub - axios/axios: Promise based HTTP client for the browser and node.js
解压axios-1.x文件夹:
25.全球最大的包共享平台【可在上面搜索需要的各种包】
26.下载需要的各种包的服务器【要用工具打开,不是直接当网址用】
27.下载nvm安装包的地址:
https://github.com/coreybutler/nvm-windows/releases/tag/1.1.10
教程:nvm(node版本管理工具)下载及安装教程以及npm安装
28.下载Git网页
点击网址后,点download即可
29.JS库——CDNJS
30.实现深拷贝的Lodash插件库
Lodash 简介 | Lodash 中文文档 | Lodash 中文网
31.草料二维码——免费生成扫出来是对应文字的二维码 (适用于微信小程序的扫描功能测试)
网址:
使用方法:
比如要生成一个扫出来是男童文字的二维码