爱上大树的小猪

摘要： 31. Vue Router 动态路由匹配 错误示例： 动态路由配置不当，导致参数无法正确传递或解析。 解决方案： 确保正确配置动态路由，并在组件中使用 $route.params 来访问参数。 // router/index.js const routes = [ { path: '/user/: 阅读全文

摘要： 21. 路由守卫配置错误 错误示例： 路由守卫配置不当导致页面导航或权限验证失败。 解决方案： 确保正确配置全局、路由级和组件内的守卫，并处理异步逻辑。 // 全局前置守卫 router.beforeEach((to, from, next) => { if (to.matched.some(rec 阅读全文

摘要： 11. 条件渲染和列表渲染中的性能问题 错误示例： 使用 v-if 和 v-for 在同一元素上可能导致性能问题。 <!-- 不推荐 --> <div v-for="item in items" v-if="item.isVisible"> {{ item.name }} </div> 解决方案： 阅读全文

摘要： 1. 模块解析失败 错误示例： Failed to resolve import "some-module" from "src/main.js". Does the file exist? 解决方案： 确认模块名称拼写正确。 确认模块已经安装（通过 npm install 或 yarn add）。 阅读全文

摘要： 1.在安装依赖时容易停留pinia，附带持久化插件使用的地址 https://prazdevs.github.io/pinia-plugin-persistedstate/zh/guide/ 方法：请按照以下步骤： 删除 C:\Users账户中的 .npmrc 文件在命令提示符里执行 npm cac 阅读全文

摘要： Pinia 是一个用于 Vue.js 的状态管理库，它提供了一种轻量且直观的方式来管理应用中的状态。Pinia 旨在替代 Vuex（Vue.js 的官方状态管理库），并且在设计上更加简洁和易于使用。以下是 Pinia 的介绍和基本使用方法： Pinia 的特点 简单易用：API 设计简洁，学习曲线平 阅读全文

摘要： 网页“事件循环”Event Loop通常指的是浏览器如何管理和执行JavaScript中的异步任务，包括事件处理、网络请求、定时器等。这个机制的核心概念是“事件循环”（Event Loop）。理解事件循环对于编写高效的JavaScript代码至关重要，特别是在处理异步操作时。 事件循环的基本概念 调 阅读全文

摘要： 在使用 Git 进行版本控制时，遵循一定的提交信息规范是非常重要的。这不仅可以帮助团队成员更容易地理解每次提交的目的和影响，还能提高代码审查的效率。常见的 Git 提交信息规范之一是 Conventional Commits 规范，它定义了一套标准化的提交信息格式。以下是几个常用的提交前缀及其含义： 阅读全文

摘要： 话不多说，直接上提交信息的文本案例和shell脚本代码，要前面详细的步骤可以参考我的另一篇文章：《关于coding平台上如何使用持续集成部署前端项目 》 Git文本案例： test：测试变更[BP=test][BF=test][PF=project_web/test] shell-脚本-1 # 获取 阅读全文

摘要： 简单介绍，coding平台是腾讯云合作提供的一个在线代码仓库管理平台，跟GitHub和Gitlab类似，然后上面提供了在线部署CI/CD流程，也就是自动化部署，在这平台功能上称之为持续集成。 下面直接进入如何部署的流程：这里以react项目为例，但其实Vue或者react都好，部署无非就是命令行和依 阅读全文