摘要：
vue3 中 通过 props 传递响应式值不会跟着响应式，原因为获取 props 的时候 直接通过 props.xxx 来获取了，如果要保持响应式，需要手动转为响应式 const { status } = toRefs(props) // or const status = toRef(props 阅读全文
摘要：
ts函数中，直接使用this会报错： "this" 隐式具有类型 "any"，因为它没有类型注释。 应该以参数形式声明this，以防抖函数为例 function debounce(fn: Function, time: number) { let timer: number return funct 阅读全文
摘要：
转自：https://github.com/shfshanyue/Daily-Question/issues/203#issuecomment-888238489 /** * 深拷贝关注点: * 1. JavaScript内置对象的复制: Set、Map、Date、Regex等 * 2. 循环引用问 阅读全文
摘要：
在 JavaScript 中，特别是在 TypeScript 和 Flow 类型系统中，import type 与 import 有一些重要的区别。 **import type** import type 是 TypeScript 和 Flow 中特有的语法，它允许你导入类型而不导入运行时的值。这通 阅读全文
摘要：
webpack5中通过使用 webpack-dev-server 插件，配置 devServer 来浏览器启动页面，对于单页面，我们可以直接配置打开首页，多页面，可以配置打开一个文件目录，选择各个页面的目录 当我们配置好 webpack 后，执行 npm run dev，浏览器打开经常会看到显示 c 阅读全文
摘要：
我重新安装了项目的 npm 包，执行 ts 文件报错： tsc src/index.ts node_modules/@types/node/globals.d.ts:72:13 - error TS2403: Subsequent variable declarations must have th 阅读全文
摘要：
在使用 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 阅读全文