02 2025 档案
发表于 2025-02-21 16:12阅读:3评论:0推荐:0
摘要:在 Vue 3 中,watch 和 watchEffect 都是用于侦听数据变化并执行相应的副作用(side effects),但它们之间存在一些关键区别: watch 显式指定监听的数据源:你需要明确指出要监听的响应式数据(如 ref 或 reactive 对象的属性)。 惰性执行:只有当被监听的
阅读全文 »
发表于 2025-02-19 10:01阅读:3评论:0推荐:0
摘要:在Vue 2项目中,特别是那些具有复杂UI结构的应用,将路由分为侧边菜单路由(sidebarRoutes)和实际添加到路由表的路由是一种常见的设计模式。这种分离主要有以下几个原因: 权限控制:通过区分sidebarRoutes和实际路由,可以更灵活地进行权限管理。例如,可以根据用户的权限动态生成侧边
阅读全文 »
发表于 2025-02-18 09:22阅读:2评论:0推荐:0
摘要:defaultProps 是基于 vm.$options.propsData 初始化的,但实际上 propsData 通常用于传递给组件的实际值而非默认值。 默认值应该从 vm.$options.props 中获取。 toRef 可以确保即使 props 发生变化,引用仍然保持一致。vue2.7是支
阅读全文 »
发表于 2025-02-17 10:45阅读:3评论:0推荐:0
摘要:在 Vue 2 中,component.$options ||= {} 这行代码的作用是确保 component.$options 存在且是一个对象。具体来说: ||= 是逻辑或赋值运算符。它的工作原理是:如果左边的操作数(在这个例子中是 component.$options)是“假值”(如 nul
阅读全文 »
发表于 2025-02-14 15:03阅读:3评论:0推荐:0
摘要:Subversion (SVN) 本身并不直接支持在检出或更新代码后自动执行脚本,比如运行 pnpm i。SVN 是一个版本控制系统,主要用于管理和追踪文件的变化,并不提供类似 Git Hooks 的机制来触发外部命令或脚本。 但是,你可以通过以下几种方式实现 SVN 检出或更新后的自动化任务: 方
阅读全文 »
发表于 2025-02-13 14:37阅读:6评论:0推荐:0
摘要:在前端项目中,assets 目录通常用于存放静态资源文件。这些文件包括但不限于图片、字体、样式表、脚本等。为了更好地组织和管理这些资源,常常会在 assets 目录下创建多个子目录。尽管具体的结构可以根据项目的需要灵活调整,但以下是一个常见的分类方式: 常见的子目录结构 images 或 img 存
阅读全文 »
发表于 2025-02-13 11:14阅读:8评论:0推荐:0
摘要:在前端项目中,@xxx/shared 目录(这里的 xxx 可能代表公司名、项目名或其他标识符)通常用于存放可以在整个项目或多个项目之间共享的代码。这种结构有助于促进代码重用,简化维护,并确保不同部分或项目间的一致性。下面详细介绍其作用、优势及使用场景: 作用 代码重用:将通用的功能模块化,如工具函
阅读全文 »
发表于 2025-02-12 22:46阅读:13评论:0推荐:0
摘要:在前端工程化的上下文中讨论副作用(side effects)时,通常指的是那些除了返回值之外还对外部状态或行为产生影响的操作。副作用可以包括网络请求、DOM 操作、异步操作、直接修改全局变量等。这些操作使得函数的行为变得不可预测,增加了代码的复杂性和测试难度。 UI组件与副作用 UI组件本身并不必然
阅读全文 »
发表于 2025-02-12 22:09阅读:21评论:0推荐:0
摘要:方法变量命名相关规范 英文单词命名规范 无论前端代码还是后端代码、异或其他代码,都是由一个个单词组成的,所以一个好的单词影响着代码的本身,所以我们定义如下: 合理使用正确的英文单词 很多人认为自己英语不好就命名比较随意,但我们看来,一个有道词典或者百度翻译就能看好的解决这件事情,所以单词的命名必须使
阅读全文 »
发表于 2025-02-12 21:41阅读:11评论:0推荐:0
摘要:URL.createObjectURL() 和 new FileReader()在读取预览文件时区别 URL.createObjectURL() MDN 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。 这个 URL 的生命周期和创建它的窗口中的 document
阅读全文 »
发表于 2025-02-12 20:44阅读:18评论:0推荐:0
摘要:在前端项目中,libs 和 vendor 目录通常用于组织第三方库或依赖项,但它们的使用和定义可能因项目结构、构建工具以及团队习惯的不同而有所差异。下面是对这两个目录的一般定义、作用、区别及使用场景的解释。 Libs 目录 定义与作用: libs 目录通常用来存放那些不直接通过包管理器(如 npm
阅读全文 »
发表于 2025-02-11 09:41阅读:14评论:0推荐:0
摘要:在Subversion (SVN) 中,确实有类似 Git 中 .gitignore 文件的功能,但使用方法和机制有所不同。SVN 使用的是 svn:ignore 属性来指定应被忽略的文件或目录模式。 如何设置 svn:ignore 通过命令行设置: 你可以在想要应用忽略规则的目录下使用以下命令:
阅读全文 »
发表于 2025-02-07 22:49阅读:19评论:0推荐:0
摘要:Vue.config.ignoredElements 是 Vue.js 提供的一个配置选项,用于告诉 Vue 忽略某些自定义元素。这对于使用 Web Components 或其他外部库中的自定义元素非常有用,因为这些元素在 Vue 编译时不会被识别为 Vue 组件,从而避免不必要的警告和错误。 作用
阅读全文 »