mosen868-CSDN博客

原创【Vue】Vue Router4x关于router-view，transtion，keepalive嵌套写法报错

注意：include 的值对应的是组件的 name 属性，而不是路由名。该警告是 Vue Router 4.x 的新规范，我们不能直接把。但在 Vue Router 4 中，这样写会报错或者无效，因为。包裹，警告会消失，页面缓存也能正常工作。所以无需再担心该警告。不再直接渲染组件，而是通过插槽 (现在是一个插槽组件，通过。这样写就不会有警告，并且。

2025-10-15 12:21:04 423

原创真机(线上环境)：request:fail url not in domain list 解决方案

【代码】真机(线上环境)：request:fail url not in domain list 解决方案。

2025-09-11 17:44:07 298

原创【Vue】Pinia的两个高级监听 API: store.$subscribe和store.$onAction

💡 小提示：$subscribe 会监听所有 state 变化，包括直接赋值和 $patch。$onAction 只监听 actions，不会监听直接修改 state。每当调用 store 的 action（同步或异步）时，会触发回调。可以配合 $subscribe 做完整的状态监控。用于监听 action 的执行过程。: action 执行成功后触发。: action 执行出错时触发。当前最新的整个 state。: action 调用前触发。

2025-09-10 10:50:49 581

原创【Vue】Pinia和Vuex的区别

Pinia vs Vuex 对比总结 Vuex 适用于 Vue2/3，采用单一状态树和严格 mutations，适合大型项目但 TS 支持较弱。Pinia 作为 Vue3 官方推荐方案，更轻量灵活，原生支持 TS，移除了 mutations 并采用模块化设计。Pinia 提供更直观的 Composition API 调用方式（useStore() + storeToRefs()），而 Vuex 需要辅助函数。

2025-09-10 10:49:41 977

原创【Vue】Pinia vs Vuex 面试高频问题

Vue2 → 用 VuexVue3 → 推荐 Pinia面试问迁移方案：重点答移除mutationsstore模块化、解构响应性。

2025-09-10 10:48:27 849

原创【JS】import.meta.env，process.env，window三种环境变量获取方式的区别

本文介绍了三种获取环境变量的方式及其区别：1) import.meta.env是Vite特有的方式，用于访问以VITE_开头的变量；2) process.env是Node.js标准方式；3) window对象适用于浏览器环境。在uni-app中，HBuilderX会根据package.json配置向这三种来源注入环境变量，如UNI_NODE_ENV和UNI_VITE_API_BASE等。通过同时检查这三种来源，可以确保在不同运行环境（开发/生产）中都能正确获取配置参数。文章还提供了调试代码示例，帮助开发者验

2025-09-09 15:32:38 497

原创【Vue】Vue2 与 Vue3 内置组件对比

Vue2和Vue3的内置组件。在 Vue 3 中，除了语法上的变动（如 Composition API、Fragments、Teleport 等），还引入了一些新的内置组件和内置特性，比如Teleport，Suspense，defineAsyncComponent等。

2025-09-09 11:02:41 714

原创【Js】易混淆的CommonJS和ESM(ES Module)，及它们区别

CommonJs和ESM的概念和区别

2025-08-22 12:15:20 1153

原创【Js】exports，modules.exports，require的区别

exports、module.exports 和 require 的区别。它们都是 Node.js 模块系统（CommonJS）的核心概念，经常会让人混淆。

2025-08-22 11:23:50 747

原创 vue-i18n的 alpha 版本导致线上环境多语言异常

生产环境使用 alpha 版本依赖会导致多语言异常，应使用9.x 版本的 vue-i18n ，它是目前 Vue 3 生态最稳定、最广泛支持的国际化方案。

2025-04-28 10:37:43 857 5

原创幸运大转盘：使用HTML5和JavaScript制作的抽奖转盘

HTML5-Cavans，JavaScript制作简单的抽奖转盘

2025-04-24 14:51:11 1671

原创【微信小程序mp-weixin】打包上传失败，代码质量中代码包不通过问题

微信小程序打包上传失败，代码质量中的代码包（组件，图片和音频资源）未通过等问题

2025-04-18 14:33:49 496

原创【微信小程序mp-weixin】报错: http://xxx.xx.xx.xx:[xx]不在以下 request 合法域名列表中

微信小程序报错: http://127.0.0.1:7001 不在以下 request 合法域名列表中，请参考文档：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html(env: Windows,mp,1.05.2204250;lib: 3.0.2)详情-本地设置-(开启)不检验合法域名、web-view、TLS版本以及HTTPS证书。

2025-04-15 11:28:37 476

原创 [MongoDB]Cannot connect to MongoDB. No suitable servers found: ‘serverSelectionTimeoutlS’ expired

Cannot connect to MongoDB.No suitable servers found: 'serverSelectionTimeoutlS’ expired: [connection refused caling ismaster on "localhost:27017'

2025-04-01 11:12:17 1235

原创 Node.js开发选择相关的数据库场景

Node.js在选择数据库时，需要根据具体的应用场景和需求来决定使用哪种数据库。在实际项目中可以根据需求组合使用。

2025-01-17 17:56:38 1029

原创 Object常用的方法及开发中的使用场景

在前端开发中，Object对象提供了许多常用的方法，这些方法帮助我们操作对象的属性和结构。以下是常用的Object。

2025-01-17 17:36:48 1020

原创 Object.freeze和Object.seal的区别

和是两种用于控制对象属性可变性的JavaScript方法。

2025-01-17 17:33:09 487

原创 (选项式)Vue父子组件传值&传递方法及可能出现的问题

在 Vue 中，父子组件可以通过以下方式传递值和方法：父组件通过将数据传递给子组件。子组件：父组件：子传父：通过向父组件传递值子组件通过向父组件发送事件。子组件：父组件：父传子：传递方法父组件可以将方法作为传递给子组件，子组件调用方法时直接使用。父组件：子组件：总结父传子：使用。子传父：使用。父传子方法：将方法作为传递。根据具体需求灵活选择合适的传值方式。该错误提示表明，在一个 Vue 组件中，您传递了自定义事件监听器（比如和），但组件的模板中

2025-01-16 17:39:57 1449

原创 Uniapp判断设备是安卓还是 iOS，并调用不同的方法

uniapp中判断页面是在安卓还是ios端调用不同的方法

2025-01-15 16:38:28 3589

原创【Vue Warn】子组件为“片段”或者根节点是文本节点，Vue 无法自动继承事件监听器

Extraneous non-emits event listeners (getModalBtn) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it

2025-01-09 17:20:11 678

原创 Computed在Vue2、Vue3写法的不同

computed 的写法在vue2、vue3有一些区别，特别是在 Vue 3 中新增了组合式 API 和 setup 语法糖。

2025-01-03 18:58:15 644

原创【JS】Promise的执行顺序

理解Promise微任务与宏任务的优先级catchfinally是微任务。setTimeout是宏任务。微任务的优先级高于宏任务：在一次事件循环中，先清空所有的微任务队列，再执行下一个宏任务。Promise 是基于微任务实现的当一个Promise的状态变为resolved或rejected时，它的.then()回调会被加入微任务队列，等待当前任务（包括微任务）完成后执行。同步任务优先执行，输出和script end。微任务队列优先于宏任务队列。的回调会依次进入微任务队列。

2025-01-02 15:16:11 1716 3

原创【组件传值】Angualr父子组件传值(@Input、@Output)

Angualr父子组件传值的方法:@Input、@Output

2024-12-31 11:21:10 616

原创【JS】期约的Promise.all()和 Promise.race()区别

promise.all()和promise.race()的区别

2024-12-31 11:07:16 748

原创【JS】for-in 和 for-of遍历对象的区别

for-in和for-of都是 JavaScript 中用于遍历数据结构的循环语句，但它们的工作原理和适用场景有所不同。特别是它们在遍历对象时的行为是不同的。特性for-infor-of遍历目标对象的属性名（键名）可迭代对象的值适用场景用于遍历对象的属性用于遍历数组、字符串、Set、Map 等可迭代对象的值遍历顺序遍历对象属性的顺序不固定遍历顺序是固定的，按数组的顺序遍历元素遍历对象时的行为遍历对象的所有可枚举属性，包括原型链上的属性不适用于对象，适用于数组等可迭代对象是否遍历原型链。

2024-12-26 17:49:11 1086

原创 uniapp中uni.scss如何引入页面内或生效

uniapp中uni.scss不需要引用自动会生效，前提是安装了scss.配置自定义SCSS 变量未生效，错误可能是因为 SCSS 变量未正确加载为全局变量。如果上述方式都不行，且你在uniapp中下载scss插件并安装，建议项目关闭后重新启动即可生效，不需要额外引入和配置。

2024-12-25 16:54:59 2647

原创＜image＞和＜img＞的区别

原生HTML 元素img、小程序image,两者的主要区别和适配属性

2024-12-25 16:42:19 2054

原创【DEMO】HTML+JS实现九宫格抽奖界面

使用HTML、JavaScript实现九宫格抽奖demo

2024-12-20 15:54:55 1352

原创 uni.showToast()和uni.showLoading()使用加载弹窗的不同

否则加载提示不会自动消失。

2024-12-20 14:57:03 1117

原创 koa实现图片上传接口(本地生成)

发起postman请求，参数为image，格式类型为file。查看数据库path，url目录保存图片，是否访问成功。请求成功后uploads添加成功数据。请求前uploads目录为空。

2024-12-18 15:47:42 597

原创 koa使用findById查询不到数据库对应id的数据

findById查询不到数据库对应自定义的id字段信息，是因为findById只查询mongodb中的_id字段

2024-12-18 10:39:28 387

原创组件导入失败-Vue warn :Failed to resolve component: xxxx If this is a native custom element...

组件引入失败。Failed to resolve component: xxx If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at

2024-12-17 16:02:33 3833