摘要：
!$!$是一个特殊的环境变量，它代表了上一个命令的最后一个字符串。如：你可能会这样： $mkdir mydir $mv mydir yourdir $cd yourdir 可以改成： $mkdir mydir $mv !$ yourdir $cd !$ sudo !!以root的身份执行上一条命令 阅读全文
摘要：
1. 编译难度 sass: node-sass安装经常报错，而且与nodejs版本绑定，不再更新，dart-sass为纯js实现，性能待提升 less: 编译容易，安装无压力 2. 语法 2.1 循环 sass有多种循环，for, each, while, 语法直观，书写方便，用来生成class非常 阅读全文
摘要：
/*对号*/ .gou{ width: 9px; height: 18px; border-right:2px solid #f39800; border-bottom:2px solid #f39800; transform: rotate(40deg); } /*叉号*/ .cha{ width 阅读全文
摘要：
触发自定义事件 (只有这一种) dom.dispatchEvent(eventObject) 创建自定义事件方法 方法一（已被W3C标准弃用，浏览还支持） dom.createEvent() dom.initEvent(eventName, canBubble, preventDefault) do 阅读全文
摘要：
xargs作为命令协助符，有很多特别的用处。 xargs 是 execute arguments 的缩写，它的作用是从标准输入中读取内容，并将此内容传递给它要协助的命令，并作为那个命令的参数来执行。 标准输入 -> xargs转换 -> 后续命令(标准输入变为该命令参数) xags的常见用法有 1. 阅读全文
摘要：
2.x 双向绑定 //使用value和input老式写法 <ChildComponent v-model="pageTitle" /> //是以下的简写 <ChildComponent :value="pageTitle" @input="pageTitle = $event" /> //不使用va 阅读全文
摘要：
1. 键值区别 Map 默认情况下，Map不包含任何键。这是一个全新的开始 Object 默认情况下，有自己的原型，包含对象的基本方法 2. map和Object的迭代 2.1 Map迭代 for (const [key, value] of map) { console.log(`key: ${k 阅读全文
摘要：
1. useMemo本身成本不低，useMemo > 普通计算成本，不要用于记忆普通计算变量2. useCallback本身成本不低，useCallback > 普通函数重新创建，不要用于记忆普通函数 3. useMemo适用于记忆昂贵计算4. useCallback适用于记忆传入子组件props的 阅读全文
摘要：
画表盘刻度有如下思路 1. 刻度使用真实节点矩形实现(节点多) 若配合投影，可以减少至1/4的节点。 1.1 若节点定位在0点，则旋转源点必须是圆心，用transform-origin带上半径处理 .g-item { left: 0; top: 0; transform-origin: 0 150p 阅读全文
摘要：
1. ref 用于创建基础类型的响应式，也可以创建引用类型的响应式. 2. ref 对于引用类型，底层也是转换为 reactive 来进行响应式处理3. ref 创建的响应式数据在脚本中需要通过 .value, 模板中会自动添加上 .value，所以模板中不需要通过 .value 访问4. ref 阅读全文