# 一、Javascript
# 01.工具轮子
- lodash.js (opens new window)
- Day.js (opens new window)
- timeago.js (opens new window)
- Meditor.md (opens new window)
- validator.js (opens new window)
- vue-draggable (opens new window)
- vue-cropper (opens new window)
- vue-lazyload (opens new window)
- vue-simple-upload (opens new window)
- vxe-table (opens new window)
- echarts (opens new window)
- decimal | JavaScript的任意精度Decimal类型 (opens new window)
- BetterScroll.js ｜为移动端（已支持 PC）各种滚动场景提供丝滑的滚动效果 (opens new window)
- store.js｜ store.js 是一个兼容所有浏览器的 LocalStorage 包装器 (opens new window)
- mockjs｜生成随机数据，拦截 Ajax 请求 (opens new window)
- 今日诗词｜每次返回一句诗词，根据时间、地点、天气、事件智能推荐 (opens new window)
- motion vue｜vue组件动画库 (opens new window)
- v-md-edtior | vue3的markdown编辑器 (opens new window)
- md-editor-v3 | vue3的markdown富文本编辑器 (opens new window)
- vue datav 数据大屏组件 (opens new window)
# 02.文档教程
- fe poetries 经典面试网站 (opens new window)
- 30daysofjs (opens new window) 30天JS练习网站
- 30-seconds-of-code 网站 (opens new window)
- 33-js-concepts 网站 (opens new window)
- javascript-questions 网站: (opens new window)
- JavaScript 30 网站： (opens new window)
- ES6 入门教程 网站 (opens new window)
- JavaScript 教程 网站 (opens new window)
- MDN 网站 (opens new window)
- clean-code-javascript 网站： (opens new window)
- TypeScript 入门教程 网站： (opens new window)
- w3school 网站 (opens new window)
- lighthouse (opens new window)
- 正则表达 (opens new window)
- vue-baidu-map (opens new window) 基于vue2的百度地图
- 现代 Javascript 教程 (opens new window) 关于 JS 的详细教程 ，多读读
- linux命令 (opens new window)
- varharrie | 一个开箱即用的API模拟服务器 (opens new window)
- db-tutorial | 数据库学习网站 (opens new window)
- go中文文档 (opens new window)
- linux-command (opens new window)
# 03.开发工具
- npkill (opens new window) 快速查找和轻松删除 nodemodules 文件夹的工具
- regulex (opens new window) 可视化正则表达式调试工具
- makeapie (opens new window) 寻找echart灵感的网站
- 地图选择器 (opens new window) 地图选择生成json文件
- tool.lu | 程序员在线工具大全 (opens new window)
- CODEIF | 变量方法起名工具 人工智能加持 (opens new window)
- 非图片的字符串生成工具 (opens new window) console.log在控制台输出好看的字符
# 二、CSS样式
- YOU-nedd-to-know-css (opens new window) CSS 的各种效果
- animista (opens new window) 不错的 css 动画库 方便直接复制代码
- css tricks (opens new window) 该项目总结了一些常用的 CSS 样式
- chokcoco (opens new window) 该项目总结了一些常用的 CSS 样式
- spinkit (opens new window) 加载动画
- animate (opens new window) 跨浏览器的 Css3 动画库
- 贝塞尔曲线生成器 (opens new window) 实时调节生成贝塞尔曲线参数
- css-triangle generator (opens new window) 帮你快速用 css 做出三角形
- nenumorphism (opens new window) 手动调节生成css阴影样式
- shapedivider (opens new window) 自定义形状分割背景图案
- CSS inspiration (opens new window) css寻找灵感的地方
# 三、编程开发
# 01.文档教程
- 现代 Javascript 教程 (opens new window) 关于 JS 的详细教程 ，多读读
- Docker 从入门到实践 (opens new window) docker 学习网站
- git-scm (opens new window) git操作命令手册
- electron-vue (opens new window) 基于 vue (基本上是它听起来的样子) 来构造 electron 应用程序的样板代码。
- DevDocs (opens new window) 是 Web 开发技术文档，是非常不错的学习手册！(英文的)
- iHateRegex (opens new window) 正则表达式查询
- nginx-tutorial (opens new window) 一个Nginx极简教程
- jstips | js相关的小技巧 (opens new window)
# 02.TS教程
- typeScript 入门教程 (opens new window)
- 深入理解typeScript (opens new window)
- typeScript官网 (opens new window)
- 函数式编程指北 (opens new window)
# 03.编程工具
Nginx 在线配置 (opens new window) 配置高性能、安全、稳定的 NGINX 服务器的最简单方法。
gitmoji (opens new window) 通过 emoji 表达 git 的操作内容
make a pie (opens new window) 一个分享可视化作品的网站，可以借鉴学习🎉🎉🎉
Carbon (opens new window) 好看的代码生成网站
# 四、实际工具
# 01.集合工具
- 在线工具 (opens new window)
- 菜鸟工具 (opens new window) 为开发人员提供的在线工具
# 02.图片相关
- tinypng (opens new window) PNG 图片和 JPEG 图片的压缩
- squoosh (opens new window) 图片压缩网站 对比 tinypng (opens new window) 有【更好的】压缩效果：
- Cool Backgrounds (opens new window) 好看的背景图片生成下载网站
- 彼岸图网 (opens new window) 图片素材下载
- Wallroom (opens new window) 图片素材下载
# 03.其他工具
- IPAddress (opens new window) 查询 ip 地址
- 谷粒-Chrome 插件英雄榜 (opens new window) 谷歌浏览器插件排行榜
- 易词云 (opens new window) 词云生成器
# 04.软件工具
- 奇迹秀工具箱 (opens new window) 各种软件下载网址
- https://tsejx.github.io/css-guidebook/concept/selector/)
- XD软件插件下载 (opens new window)
# 五、UI设计
# 01.颜色相关
- palettes (opens new window) 设计上常用的颜色搭配网站，搭配种类比较多
- 中国色 (opens new window) 传统的色谱网站，不同颜色的命名叫法
- material palette (opens new window) 简单的背景颜色选择调色板
- color review (opens new window)文字颜色的搭配调色
- Cool Hue (opens new window) Css3 渐变颜色选择
- Open color (opens new window) 优化的 UI，如字体，背景，边框等
- 0to255 (opens new window) 0to255是一个颜色工具，可以很容易地使颜色变亮和变暗
- Flat UI 色表 (opens new window) Flat UI 色表
- coolors (opens new window) 帮你在线配色的网站 你能找到不少配色灵感
- my colors (opens new window) 颜色搭配网站
- uigradients (opens new window) 渐变色网站
- Adobe color (opens new window)
- arco.design (opens new window)
# 02.图标&图片&SVG
- iconfont | 阿里巴巴矢量图标库 (opens new window)
- ikonate | 免费的icons图标库 (opens new window)
- https://remixicon.com/
- Undraw | SVG 插图资源是海量的 (opens new window)
- Aerial — Iconic | 图标库 (opens new window)
- igoutu | 插画图标库，部分免费 (opens new window)
- 免费的人物插画库 (opens new window)
- iconpark | 丰富多彩的资源库免费使用图标网站 (opens new window)
- storySet | 免费的插画图片网站 (opens new window)
# 03.设计工具
- vectorizer (opens new window) 真正的 png 转 svg 神器
- colorkitty (opens new window) 从你的图片中提取配色
- 磨刀 (opens new window) 快速出 ui 原型
# 04.设计参考
- design.youzan (opens new window) 有赞设计原则
- 产品大牛 (opens new window) 什么有很多完整的产品原型可以借鉴
- Dribbble (opens new window) 寻找网页设计灵感，认准 Dribbble!!!
- 美叶 (opens new window) ui设计页面
- collectui (opens new window) ui设计参考网站
- 站酷网 (opens new window)
- 好学UI (opens new window)
# 六、技术社区
- hitup (opens new window)
- 少数派 (opens new window)
- 前端周报 (opens new window)
- 阮一峰周报 (opens new window)
- 那些免费的砖 | 开发设计相关的资源网站 (opens new window)
- 前端早早聊 (opens new window)
- 腾讯云开发者实验室 (opens new window)
# 七、综合导航
- 设计导航 (opens new window)
- mf设计师导航 (opens new window)
- uisdc (opens new window) 设计师导航
- 美工吧 设计相关 (opens new window)
- 考拉新媒体 (opens new window)
- 兰客书签 (opens new window)
- 数字生活指南 (opens new window)
- 广告人的导航网站 (opens new window)
- 大数据网址导航 (opens new window)
- https://www.24kdh.com/ (opens new window)
- 程序员导航 (opens new window)
- awesome-bookmarks | 一位大佬的书签收藏夹网站 (opens new window)
- 技术胖的收藏夹
# 八、拓展知识
- 全历史 | 一个学习历史知识的网站 (opens new window)
- 渣男说话的艺术 | 平时消遣的网站 (opens new window)
- 科技爱好者周刊 | 阮一峰每周的周刊 (opens new window)
- 中国数字科技馆 (opens new window)
# 九、TODO
- mochajs | 前端测试网站 (opens new window)
- jest | 前端测试框架 (opens new window)
- Sentry 错误日志监控 (opens new window)
- cxy521 (opens new window)