ESLint 从 v8.53.0 起，将弃用代码风格相关规则，代码风格校验应该交由 Prettier 处理，如果你不喜欢 Prettier ，那么要注意尽量使用 v8.50.0 之前的版本。

本文不谈代码风格的那些规则，只提及可以提高代码质量、减少运行时出错的的规则。

# 值解析

• "off" or 0 - 关闭规则
• "warn" or 1 - 将规则视为一个警告（不会导致程序退出）
• "error" or 2 - 将规则视为一个错误 (当被触发的时候，程序会退出)

# 问题描述

在某一次更新 prettier 插件后，发现格式化不起作用了，在 vscode 用户配置中怎么设置都没有效果

官方地址： https://parceljs.org/getting_...

Parcel 是 Web 应用打包工具，适用于经验不同的开发者。它利用多核处理提供了极快的速度，并且不需要任何配置。

# 特性

• 零配置： Parcel 不需要配置文件，它会自动识别和配置项目中的文件，简化了构建过程。
• 快速： 使用多核处理器并行地构建项目，提高了构建速度。
• 支持多种文件类型： Parcel 可以处理各种前端资源文件，无需手动配置 loader。
• 在需要的时候自动使用 Babel、PostCSS 和 PostHTML 自动转换模块，甚至是 node_modules。
• 内置支持模块热替换。
• 友好的错误记录体验，语法突出显示的代码帧有助于查明问题。

# gsap

GSAP （GreenSock Animation Platform）是一个用于创建 高性能、跨浏览器 的动画的 JavaScript库 。它提供了许多强大而灵活的 API，允许开发者创建各种复杂的动画效果。

为什么 选择 GSAP

• GSAP 是一个老牌框架，但也在持续更新，兼容性很好
• 与框架无关，比如 framer-motion ， react spring 只能用于 react ；这里有多个框架的 starter
• 心智负担低，易于上手，它的核心理念就是以时间轴（ Timeline ）为维度的补间动画（ Tween ），在文章后面会聊一下，然后还有各种强大的插件，如 scrollTrigger
• 经过时间的沉淀，在 react 中使用提供了简便的 react api，比如自带动画清理的 useGSAP

以下内容是个整体功能的描述，不会对所有 api 进行说明讲解，主要是关键性内容描述。

# 前言

作为一个前端开发，不可避免地需要开发动画。如果自己临时写一个动画，还是比较容易出问题的，今天介绍一个很好用的动画库，功能十分强悍 ———— GSAP。

# 效果

说再多，也不如直接来效果来的直观。
如果能科学上网可以查看以下官网链接：

1. GSAP 动画：greensock.com/showcase/
2. GSAP ScrollTrigger（gsap 的插件）动画：greensock.com/st-demos/

# 问题

最近在使用 threejs 自带的 Water 方法时，发现如何配置都无法产生水流效果。