一瓣山河

众所周知，那一年，网易云的年度听歌报告以其细腻的动画效果，悄悄惊艳了很多前端小伙伴们，但同时心里也一紧，这不是又给咱们出考题了嘛，所以接下来我将复刻一下网易云年度听歌报告的首页动画效果！

最全的ESlint配置流程，如何集成到Vue、React以及CI/CD？如何配置 IDE VSCode？如何配置`husky` 和 `lint-staged`？

每个 coder 写代码的习惯多多少少不太一样，因此只要项目开发的人一多，代码风格的统一就是一个很困难的事情。幸好有很多工具来帮我们进行代码格式化，Eslint 就是其中一种。

1. 引入扫描工具的初衷 目前在梳理前端应用时发现很多代码不规范的地方，包括简单的js问题以及代码格式化的问题，造成了代码可读性下降，另外各种历史代码也是“风格迥异”，一个应用是被来自”五湖四海“人共同维护，难不免有”广式烧腊、天津狗不理“各种口味，更难免的还有”臭味相投“的，…

最近遇到了一个老项目，比较有意思的是这个项目集前后端的代码于一起，而后端也会去修改前端代码，所以就出现了后端用 IntelliJ IDEA 来开发前端项目，而前端用 VSCode 来开发前端项目的情况

什么是ESlint、有什么特性？ESLint如何使用及配置、如何校验？为什么要用ESLint，解决了什么问题，如何在项目中正确使用

本篇文章讲怎么在前端团队快速制定并落地代码规范!!!\ 干货，拿走这个[仓库](https://github.com/jd-antelope/s-lint)

作为js的代码检查工具，eslint几乎会出现在所有的前端项目中，很多规则问题它能autofix，唯独对于max-len无能为力，这是为什么呢？为什么prettier能够完美解决这个问题？

我们在接触JavaScript这门语言时，会经常遇到这种问题，经过后续的学习，我们可能知道了这种现象在JavaScript中叫声明提升(hoisting)，但是我们可能只知道声明提升的现象，却不清楚造成这种现象的本质，而这个本质却是JavaScript最为重要的知识之一。解答上…