update: 修改文件 🥳

Author: godwei123

Diff for: .prettierignore

@@ -1,2 +1,3 @@
 build
-coverage
+coverage
+docs/.vitepress/cache/

Diff for: .prettierrc.json

@@ -1,3 +1,4 @@
 {
-  "semi": true
+  "semi": true,
+  "printWidth": 100
 }

Diff for: components/basic/blend-mode-visual.vue

@@ -21,11 +21,7 @@ const handleChange = (val, option) => {
           <n-color-picker v-model:value="bgValue" />
         </n-form-item-gi>
         <n-form-item-gi :span="12" label="mixBlendMode">
-          <n-select
-            v-model:value="value"
-            :options="blendModeLists"
-            @update:value="handleChange"
-          />
+          <n-select v-model:value="value" :options="blendModeLists" @update:value="handleChange" />
         </n-form-item-gi>
         <n-form-item-gi :span="8" label="color1">
           <n-color-picker v-model:value="color1" />
@@ -36,18 +32,8 @@ const handleChange = (val, option) => {
       </n-grid>
     </n-form>
     <div class="visual-box" :style="{ background: bgValue }">
-      <div
-        class="item one"
-        :style="{ mixBlendMode: value, background: color1 }"
-      >
-        1
-      </div>
-      <div
-        class="item two"
-        :style="{ mixBlendMode: value, background: color2 }"
-      >
-        2
-      </div>
+      <div :style="{ mixBlendMode: value, background: color1 }" class="item one">1</div>
+      <div :style="{ mixBlendMode: value, background: color2 }" class="item two">2</div>
     </div>
     <p>
       {{ description?.description }}

Diff for: docs/.vitepress/config.ts

@@ -1,13 +1,12 @@
 import nav from "./nav";
 import sidebar from "./sidebar";
 
-import { DefaultTheme, defineConfig } from "vitepress";
+import { defineConfig } from "vitepress";
 
 export default defineConfig({
   title: "JavaScriptGuide",
   base: "/javascript-guide",
-  description:
-    "front-end study and interview, include html,css,javascript,network...",
+  description: "front-end study and interview, include html,css,javascript,network...",
   lang: "zh-CN",
   head: [["link", { rel: "icon", href: "/javascript-guide/favicon.ico" }]],
   themeConfig: {

Diff for: docs/basic/css/css-interview.md

@@ -258,8 +258,7 @@ PC 端浏览器的最小识别像素为 `1px`。
 
 ```javascript
 // 以750设计稿为例，计算rem font-size
-let clientWidth =
-  document.documentElement.clientWidth || document.body.clientWidth;
+let clientWidth = document.documentElement.clientWidth || document.body.clientWidth;
 let ft = (clientWidth / 7.5).toFixed(2);
 // 设置页面根字号大小
 document.documentElement.style.fontSize = ft + "px";