摘要：
在使用 node 开发脚手架的时候，每次执行命令都会报错 ：Error [ERR_REQUIRE_ESM]: Must use import to load ES Module 经过排查发现，原因为 chalk 包为 5 版本以上导致的。 const chalk = require('chalk') 阅读全文
摘要：
逻辑运算符 在 js 中，我们都知道有逻辑运算符，比如 逻辑与 （ && ）、逻辑或（ || ）、逻辑非（ ! ）、空值合并运算符（??） 逻辑与 （ && ） 当且仅当所有操作数为 true 时，一组布尔操作数的逻辑与（&&，逻辑连接）运算结果为 true，否则为 false。 一般来说，当从左到 阅读全文
摘要：
EventBus 一般用做单例，EventEmiter 一般在组件或模块内使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid 阅读全文
摘要：
O2^N 算法，常规写法，递归实现 function fib(n) { if (n == 0 || n 1) return 1; return fib(n - 1) + fib(n - 2); }; console.log(fib(3)); // 5 console.log(fib(5)); // 阅读全文
摘要：
在移动端开发中，我们通常不希望页面的图片被长安选中可下载，会禁用图片选中事件，这时，css不能使用通配符全局设置 pointer-events:none; 否则会把所有点击事件禁用。 解决方案 img { box-sizing: border-box; -moz-user-select: none; 阅读全文
摘要：
如标题，css border不能同时设置圆角和 border-image，当我想要实现既有圆角，并给圆角加 border-image的时候，发现无法同时生效，只有 border-image会生效。 <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文
摘要：
mac 下使用 brew 安装包报错 error: Cannot install under Rosetta 2 in ARM default prefix (/opt/homebrew)! To rerun under ARM use: arch -arm64 brew install ... T 阅读全文
摘要：
在 mac 下使用 brew 安装包的时候，最后一行会报错： fatal: not in a git directory Error: Command failed with exit 128: git 导致包安装不成功，解决办法： brew -v 绿色框就是提示你需要做的，输入 git confi 阅读全文
摘要：
filter CSS属性 filter 将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染。 mdn 文档：https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter /* URL to SVG filter */ fil 阅读全文
摘要：
unset是css的关键字，将一个属性的属性值设置为unset，目的是将一个属性重新重新设置为其从父母那继承的属性值，如果没有继承则是重置成初始值。 它可以应用到所有的css属性上，包括css简写。 转自：https://www.cnblogs.com/Janejxt/p/7490997.html 阅读全文
摘要：
在 vue3 的实际开发中，我们经常会用到 teleport 内置组件来将要展示的模态框传送到 body 等外层元素上挂载并展示，主要解决的一种常见场景为：当前模态框需要更高的层级，但是模态框本身外层元素的 z-index 层级比较低，会导致模态框被其他元素覆盖。 实际使用如下 <button @c 阅读全文
摘要：
flex 布局，上下两个盒子，如果想要让某一个盒子支持滚动条，必须给这个盒子加高度，如果是 auto 则无法滑动。 阅读全文
摘要：
安装 lottie-web yarn add lottie-web 封装 lottie 组件 <template> <div ref="animation" :style="{ width, height }"></div> </template> <script> import { defineC 阅读全文
摘要：
如上图，给图片加了 border 后，无论直接给图片加，还是给图片套一个壳子加，都会有一点点不太明显的图片和边框之间的分割线，在手机看尤其明显。 勉强看不出来的解决方案： 给图片外层加 border，给图片的宽高都放大一点点，同时给外层付元素设垂直居中，外层父元素不要写 overflow：hidde 阅读全文
摘要：
// var 定义的变量会进行变量提升，声明被拿到函数或全局作用域的顶端，并输出 undefined // 函数声明也会进行提升，var 的变量提升会覆盖函数声明提升 console.log(" 0 ") var fn = function () { console.log("fn0-1") } f 阅读全文
摘要：
// useScroll.js import { debounce } from '@/common/util.js' export default function useScroll(elRef) { console.log('########3useScroll', elRef.value) 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
摘要：
对于仅指定一个 class 的场景，我们通常会想到使用 :last-child 或者 :only-child 但是亲测发现，这些伪类选择器不是仅在子元素只有一个我们想要筛选的 class 类的时候，才会被选择，而是仅有一个子元素的时候才会被选中，所以，如果我们子元素还有其他非该类的子元素，则不会被认 阅读全文
摘要：
在实际开发中，由于项目一开始设计的一些不合理性，会在组件中通过 html[media=pad]{ .xxx{ /* 组件样式 */ } } 以上方式修改某些组件的样式，这样会涉及到从 html 层级选择，由于我 style 标签是这样写的 <style lang="less" scoped></st 阅读全文
摘要：
vue3 项目中，使用 vue 常用的 api 比如 vuex 的 api 或者 ref,reactive 等，以及导入多个自定义组件、UI 组件库的组件，都需要反复的手动导入，注册，很是影响开发体验，这里推荐 antfu 开源的两个插件，上链接： 自动导入组件 https://github.com 阅读全文