前端资源库 ​

在这里只做罗列，如果有详细内容会有单独文章。

工具库 ​

下列的工具库都可以在 npm 检索到。

编码规范 ​

• ESlint 代码规范检查
• Prettier 代码格式规范
• lint-staged 仅对暂存的代码执行检查
• husky git 钩子，与 lint-staged 组合使用

工具 ​

• lodash.js 一个一致性、模块化、高性能的 JavaScript 实用工具库，提供 大量 实用 工具

  或者，使用原生代码实现 lodash 的方法：You-Dont-Need-Lodash-Underscore

• spacingjs 一个 JS 工具，用于测量元素的大小和间距等，实用的开发工具。

• dayjs 轻量级时间工具库

• sortablejs 拖拽排序库

• qs (query string) URL 查询字符串与参数对象的互相转换

• js-cookie 用于处理 cookie 的简单、轻量级 JavaScript API

动画 ​

• animate.css 一个即用型跨浏览器 CSS 动画库，适合简单动画，一个 class 搞定
• animejs 一个轻量级的 JavaScript 动画库，功能强劲，适合复杂动画需求
• typed.js 打字机动画

数据可视化 ​

• chart.js 适用于现代 Web 的简单而灵活的 JavaScript 图表库。轻量级、稳定、定制化成都高，适合大多数场景
• echarts 一个基于 JavaScript 的开源可视化图表库。issue 比较多，但是有中文文档而且有很多开箱即用的功能，适合不常见的图表

资源网站 ​

前端开发需要用到许多资源，图标、图片、配色等，这里简单收录一些我用过的资源网站。

• favicon.io 生成网站的 favicon ，支持 Image, Text, Emoji -> ico
• Lorem Picsum 占位图片网站，支持随机图片、指定图片、指定大小
• Min-Max-Value Interpolation 用于计算 CSS 的 clamp 属性

练习资源 ​

• 50 个前端练手项目 我的练习过程可以查看 50projects