蓝桥杯国赛赛前必读 —— 一些小提示！

文本框内的内容属性是value而不是textContent。如果要看其它 HTML 中原生控件的属性，可以用 console.dir 来查看。
> 表示直接子元素，空格表示后代元素；+ 表示相邻紧跟的兄弟元素，~ 表示所有兄弟元素。如果考场上突然忘了 CSS 选择器怎么用，可以给 HTML 应该匹配上的元素自己手动加一个 class。
除了改动 innerHTML 之外，JavaScript DOM API 给了两个方法 replaceWith 和 replaceChildren 可以改动一个元素的子元素。这个我在省赛的视频中漏讲了，实际非常好用。
通过 ref(null) 拿到的组件实例，也需要通过 .value 获取其实例。
toFixed(2) 可以给 number 类型转成字符串并指定保留小数的位数。在显示商品价格的场景中，务必用字符串而不是浮点数（因为浮点数可能会有精度问题，可能导致显示出 0.30000000002 而评测不过）
再次复习一下随机数如何生成：

Math.random() * (max - min) + min

fetch('./data.json').then(res => res.json()).then((res) => {
  // console.log(res);
})

someFunction((...args) => console.log(args))

可以打印出回调函数给你提供的各个参数。

正则表达式在查找的正则中引用组的语法是 \1, \2, \3，在替换的字符串中引用组的语法是 $1, $2, $3。
fs.readFileSync默认返回的是Buffer，如果想要得到字符串需要用utf8参数指定编码。
structuredClone 可以深克隆一个对象。JSON.parse(JSON.stringify(obj)) 是一个平替。
和 Vue 2 不同，Vue 3 中 v-if 的优先级高于 v-for。在考场上可以使用这个优先级顺序，在实际工程中不建议，建议用 <template> 包裹一层这个组件。
grid-template-columns 和 grid-template-rows 可以指定父元素中子元素的网格排布；``grid-template-areas没有定义子元素的排列，只是给子元素的排列进行了命名（通常没有必要用）。grid-column和grid-row和grid-area` 可以指定子元素在网格中的位置。
使用 await 调用 fetch，一口气写完不错误处理：

const data = await (await fetch(MockUrl)).json()

Pinia 中定义的响应式变量不需要调用 .value 就能使用。
给元素的 style 赋值要加上单位。通过 window.getComputedStyle 可以得到元素的最终样式，同样是带单位的。
Element.cloneNode 可以复制一个元素，可以传入 true 表示深复制。
String.replace 方法可以传入 replacer 函数，其参数为 match, p1, p2, ...，其中 match 是匹配到的字符串，p1, p2, ... 是正则中匹配到的组。
注意使用正则表达式时是否需要加标志，是否需要多行 m 标志，是否需要全局 g 标志。
一个典型的使用 fetch 发 POST 请求的例子：

fetch('/api/meetings', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(params)
})

value: {
  required: true,
  type: String,
  default: false,
  validator: (value) => {
    return ['true', 'false'].includes(value)
  }
},

🎉 预祝大家国赛顺利！