Vinca@的博客

SVGO是一款用于优化SVG文件的Node.js工具，能够有效减小文件体积并提升网页性能。文章详细介绍了SVGO的安装、配置和使用方法，包括单个文件处理和批量处理。通过阿里巴巴矢量图标库下载示例文件后，演示了如何通过SVGO去除冗余信息（如编辑器元数据、无用属性等），使文件体积缩减21%-37%。文中还提供了自定义配置方案，包括移除特定属性（如fill）的插件编写方法。实践表明，SVGO在保持视觉效果的前提下显著优化了文件大小，适合需要处理大量SVG图标的前端项目。

for...of循环可以使用的范围包括数组、`Set` 和 `Map` 结构、某些类似数组的对象（比如arguments对象、DOM NodeList 对象）、 `Generator` 对象，以及字符串。JavaScript 原有的`for...in`循环，只能获得对象的键名，不能直接获取键值。ES6 提供`for...of`循环，允许遍历获得键值。

防抖（Debouncing）和节流（Throttling）是两种常见的性能优化技术，常用于控制某些操作（例如事件处理器）的频率，从而减少资源消耗并提高性能。防抖：在事件停止触发后的指定时间内执行函数。适用于需要等用户停止操作后再处理事件的场景。节流：在指定时间间隔内最多执行一次函数。适用于需要限制函数执行频率的场景。滚动停止后的操作：使用防抖。滚动过程中的持续操作：使用节流。根据具体需求选择适合的优化技术可以有效提高应用性能和用户体验。

可选链（Optional Chaining，?.）是 JavaScript 提供的一种语法，用于在访问嵌套对象属性时，防止因访问不存在的属性而导致的运行时错误。可选链操作符允许您安全地访问深层次的属性，即使其中某些属性不存在，也不会导致错误，而是返回 undefined。

getUTCDay()返回的是一个基于世界标准时间（UTC）的星期几，范围是0（代表星期日）到6（代表星期六）。因此，getUTCDay()返回的是基于UTC的星期几，而getDay()返回的是基于本地时间的星期几。要注意的是，这两个方法返回的值都是基于0的，即0代表星期日，1代表星期一，以此类推，直到6代表星期六。getDay()是获取你本地的时间并给予输出，以上图示例：6月8日20:46-星期六，输出6。getDay()返回的是基于本地时间的星期几，范围也是0（代表星期日）到6（代表星期六）。

eval() 函数计算 JavaScript 字符串，并把它作为脚本代码来执行。如果参数是一个表达式，eval() 函数将执行表达式。如果参数是Javascript语句，eval()将执行 Javascript 语句。

教你写一个 chrome://extensions/ 扩展程序插件

正则表达式是一种被称为“正则语言”（Regular Language）的语言。正则表达式是一种强大的模式匹配工具，它用于在文本中搜索和匹配特定模式的字符串。正则表达式的语法由一系列字符和操作符组成，可以表示一种模式，这个模式可以用来搜索和匹配文本中符合特定条件的字符串。

（组件WidgetContent渲染视图效果)如上图，如果有部分模块或者单页需要单独让 WidgetContent的h6标签更换颜色或添加下划线等样式，我们又不想污染原有组件的样式，那么该如何编写出优雅的代码？ 子组件代码：主要通过$attrs访问父组件传递给子组件但子组件没有声明的所有属性。只需要给对应的标签添开头添加 ! 字符：!mt-10第一种方法使用pre标签+样式+符号\n实现：第二种方式使用white-space: pre;实现 使用:deep(