摘要：
场景：在实际开发中，遇到了这样一种场景，vue3页面，两个相同组件，在满足某条件下 v-if 展示第一个组件，满足另一个条件下， v-if 隐藏第一个组件，同时展示第二个组件，比如反馈组件，会通过 window.addEventListener 来监听自定义的反馈弹窗展示和隐藏事件。 结果：两个相同 阅读全文
posted @ 2023-11-30 11:15
蓓蕾心晴
阅读(536)
评论(0)
推荐(0)
摘要：
// myModule.js export { default as greeting } from './greeting.js'; export { add, subtract } from './math.js'; 阅读全文
posted @ 2023-11-01 17:40
蓓蕾心晴
阅读(75)
评论(0)
推荐(0)
摘要：
区别： Vue 3 的 Composition API 是一种处理和组织 Vue 组件内部逻辑的方式。它可以让你更灵活地组织和复用你的代码。 使用composition API可以将组件的逻辑拆分为小的、独立的函数或模块，并使用setup函数进行组合和重用。这对于一些复杂的业务逻辑或需要高内聚、低耦 阅读全文
posted @ 2023-11-01 14:12
蓓蕾心晴
阅读(132)
评论(0)
推荐(0)
摘要：
打开 setting.json { "search.exclude": { "**/node_modules": true, "**/bower_components": true, "dist/": true, "build/": true, "temp/": true, "library/": 阅读全文
posted @ 2023-10-17 18:07
蓓蕾心晴
阅读(1482)
评论(0)
推荐(0)
摘要：
前言 有关设计模式的学习资料中，大部分都是以 java 语言实现的，毕竟 java 作为老牌面向对象的语言最能说明设计模式的核心概念，所以 js 的相关设计模式的学习资料也大多使用 class 类实现，本文记录下 js 使用函数实现策略模式和状态模式设计模式的方式，更有助于理解策略模式和状态模式如何 阅读全文
posted @ 2023-10-16 17:08
蓓蕾心晴
阅读(234)
评论(0)
推荐(1)
摘要：
1. 前言 随着前端项目数量、前端开发人员、前端业务的日渐增多，则非常有必要整理一份简单的 git 规范，来进行项目开发的规范化约束。本文包括开发常用 git 指令、git 分支管理规范、git 提交规范等。 2. git 常用指令 2.1. 查看分支和新建分支 # 查看远程分支 git branc 阅读全文
posted @ 2023-10-12 14:57
蓓蕾心晴
阅读(212)
评论(0)
推荐(0)
摘要：
背景 实际开发过程中，当需要通过 watch 监听传入的 props 的某个值的变化，来动态改变组件内部的样式，实现方式如下： export default { name: 'countdown', props: { showBox: { type: Boolean, required: true, 阅读全文
posted @ 2023-09-05 17:52
蓓蕾心晴
阅读(3016)
评论(0)
推荐(0)
摘要：
我的代码：通过 css 设置样式，当 body 属性 v-direction=1 时，设置一个高度，默认会设置一个高度 .container { .video-container { height: 400px; } } body[v-direction='1'] { .container { .v 阅读全文
posted @ 2023-08-17 18:07
蓓蕾心晴
阅读(1288)
评论(0)
推荐(0)
摘要：
vue3 中 通过 props 传递响应式值不会跟着响应式，原因为获取 props 的时候 直接通过 props.xxx 来获取了，如果要保持响应式，需要手动转为响应式 const { status } = toRefs(props) // or const status = toRef(props 阅读全文
posted @ 2023-08-15 15:17
蓓蕾心晴
阅读(2742)
评论(0)
推荐(0)
摘要：
ts函数中，直接使用this会报错： "this" 隐式具有类型 "any"，因为它没有类型注释。 应该以参数形式声明this，以防抖函数为例 function debounce(fn: Function, time: number) { let timer: number return funct 阅读全文
posted @ 2023-08-11 17:08
蓓蕾心晴
阅读(729)
评论(0)
推荐(0)
摘要：
转自：https://github.com/shfshanyue/Daily-Question/issues/203#issuecomment-888238489 /** * 深拷贝关注点: * 1. JavaScript内置对象的复制: Set、Map、Date、Regex等 * 2. 循环引用问 阅读全文
posted @ 2023-08-10 19:47
蓓蕾心晴
阅读(61)
评论(0)
推荐(0)
摘要：
在 JavaScript 中，特别是在 TypeScript 和 Flow 类型系统中，import type 与 import 有一些重要的区别。 **import type** import type 是 TypeScript 和 Flow 中特有的语法，它允许你导入类型而不导入运行时的值。这通 阅读全文
posted @ 2023-08-10 19:40
蓓蕾心晴
阅读(992)
评论(0)
推荐(0)
摘要：
webpack5中通过使用 webpack-dev-server 插件，配置 devServer 来浏览器启动页面，对于单页面，我们可以直接配置打开首页，多页面，可以配置打开一个文件目录，选择各个页面的目录 当我们配置好 webpack 后，执行 npm run dev，浏览器打开经常会看到显示 c 阅读全文
posted @ 2023-08-03 18:04
蓓蕾心晴
阅读(295)
评论(0)
推荐(0)
摘要：
我重新安装了项目的 npm 包，执行 ts 文件报错： tsc src/index.ts node_modules/@types/node/globals.d.ts:72:13 - error TS2403: Subsequent variable declarations must have th 阅读全文
posted @ 2023-08-03 15:18
蓓蕾心晴
阅读(340)
评论(0)
推荐(0)
摘要：
在使用 node 开发脚手架的时候，每次执行命令都会报错 ：Error [ERR_REQUIRE_ESM]: Must use import to load ES Module 经过排查发现，原因为 chalk 包为 5 版本以上导致的。 const chalk = require('chalk') 阅读全文
posted @ 2023-07-18 19:11
蓓蕾心晴
阅读(2955)
评论(0)
推荐(0)
摘要：
逻辑运算符 在 js 中，我们都知道有逻辑运算符，比如 逻辑与 （ && ）、逻辑或（ || ）、逻辑非（ ! ）、空值合并运算符（??） 逻辑与 （ && ） 当且仅当所有操作数为 true 时，一组布尔操作数的逻辑与（&&，逻辑连接）运算结果为 true，否则为 false。 一般来说，当从左到 阅读全文
posted @ 2023-07-13 14:53
蓓蕾心晴
阅读(214)
评论(0)
推荐(0)
摘要：
EventBus 一般用做单例，EventEmiter 一般在组件或模块内使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid 阅读全文
posted @ 2023-07-05 14:25
蓓蕾心晴
阅读(419)
评论(0)
推荐(0)
摘要：
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)); // 阅读全文
posted @ 2023-07-03 18:03
蓓蕾心晴
阅读(39)
评论(0)
推荐(0)
摘要：
在移动端开发中，我们通常不希望页面的图片被长安选中可下载，会禁用图片选中事件，这时，css不能使用通配符全局设置 pointer-events:none; 否则会把所有点击事件禁用。 解决方案 img { box-sizing: border-box; -moz-user-select: none; 阅读全文
posted @ 2023-06-28 17:02
蓓蕾心晴
阅读(457)
评论(0)
推荐(0)
浙公网安备 33010602011771号