书架
✨

书架

=一个知识书库=

ESLint解析-盘点那些值得开启的ESLint规则
2840 字10 分钟

ESLint解析-盘点那些值得开启的ESLint规则

> ESLint 从 v8.53.0 起，将弃用代码风格相关规则，代码风格校验应该交由 `Prettier` 处理，如果你不喜欢 `Prettier`，那么要注意尽量使用 v8.50.0 之前的版本。 本文不谈代码风格的那些规则，只提及可以提高代码质量、减少运行时出错的的规则。 <!--more--> ## 配置 ESLint 内置了大量规则，当然也可以通过插件添加更多规则，可以使用配置注释或配置文件来修改项目使用的规则。 ### 配置文件 要在配置文件中配置规则，请使用rules的 Key(键值) 以及错误级别和您要使用的任何选项。 ```json
技术设计,前端,eslint
more...
Prettier解析-Prettier配置指南
1243 字5 分钟

Prettier解析-Prettier配置指南

## 一、安装 ### 安装命令 ```bash //npm npm install --save-dev --save-exact prettier //yarn yarn add --dev --exact prettier ``` ## 二、文件准备 ### 创建 prettier 所需文件 在根目录下创建`.prettierrc.js`配置文件及`.prettierignore`忽略文件 ## 三、创建配置 ### 1. 创建格式化参考规则 在`.prettierrc.js`中写入以下内容： ```javascript
技术设计,前端,eslint
more...
vscode使用prettier格式化代码不起作用
771 字3 分钟

vscode使用prettier格式化代码不起作用

### 问题描述 在某一次更新**prettier**插件后，发现格式化不起作用了，在vscode用户配置中怎么设置都没有效果 ![在这里插入图片描述](http://www.lixianglong.cn/bg_store/img/content/3cfbfbb02c29fd0840ae3fccef27cf6b.png) <!--more--> ### 解决方法 1. 由于prettier插件优先使用项目根目录下的**editorconfig配置文件**，所以在vscode中怎么配置有没有用，如下图 ![在这里插入图片描述](http://www.lixi
技术设计,前端,eslint
more...
parcel简介
1304 字5 分钟

parcel简介

> 官方地址： [https://parceljs.org/getting_...](https://parceljs.org/getting_started.html) **Parcel 是 Web 应用打包工具，适用于经验不同的开发者。它利用多核处理提供了极快的速度，并且不需要任何配置。** ### 特性 ![img](http://www.lixianglong.cn/bg_store/img/content/2243106-99e09947bbaa2279.webp) - **零配置：** Parcel 不需要配置文件，它会自动识别和配置项目中的文件，简化了构建
技术设计,前端,build
more...
动画库比较
1396 字5 分钟

动画库比较

## gsap `GSAP`（GreenSock Animation Platform）是一个用于创建`高性能、跨浏览器`的动画的`JavaScript库`。它提供了许多强大而灵活的API，允许开发者创建各种复杂的动画效果。 <!--more--> 使用起来非常简单，我们实现一个动画，将.box这个元素在x轴方向向右移动200px，耗时2秒 ```js gsap.to(".box", { x: 200, duration: 2 }); ``` 当然，这只是gsap功能的冰山一角，它还有很多可以让我们高效工作的能力： 1. **
技术设计,前端,threejs
more...