<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weixin_44166849的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weixin_44166849</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_44166849]]></copyright><item><title><![CDATA[vue3+vite 使用scss、sass 全局定义的变量以及使用]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/149444687</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/149444687</guid><author>weixin_44166849</author><pubDate>Fri, 18 Jul 2025 14:35:31 +0800</pubDate><description><![CDATA[本文介绍在Vue3项目中使用Sass全局变量的方法：1)安装最新版Sass；2)在vite.config.js中配置scss预处理器选项，引入全局变量文件；3)确保变量文件路径正确并定义变量；4)在组件中直接使用全局变量。通过配置additionalData属性实现全局变量的自动注入，无需单独引入即可在任何scss文件中使用。这种方案简化了样式变量的管理，提高了代码复用性和可维护性。]]></description><category></category></item><item><title><![CDATA[第一次安装VSCode 终端显示 npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1，因为在此系统上禁止运行脚本。]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/146259328</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/146259328</guid><author>weixin_44166849</author><pubDate>Fri, 14 Mar 2025 15:58:43 +0800</pubDate><description><![CDATA[第一次安装 vscode 终端下载npm包的时候 vscode提示系统上禁止运行脚本问题]]></description><category></category></item><item><title><![CDATA[npm error request to https://registry.npm.taobao.org/npm failed, reason: certificate has expired]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/145012357</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/145012357</guid><author>weixin_44166849</author><pubDate>Wed, 08 Jan 2025 16:37:46 +0800</pubDate><description><![CDATA[在使用npm安装依赖时，有时会遇到“request to https://registry.npm.taobao.org/axios failed, reason: certificate has expired”的错误。这个错误提示的原因是你正在使用的淘宝npm镜像源证书已经过期了。为了解决这个问题，我们需要更换npm的镜像源。4. 安装依赖：现在你可以尝试再次运行 npm install 来安装项目的依赖了。]]></description><category></category></item><item><title><![CDATA[浏览器渲染原理、解析 HTML-Parse HTML过程中遇到 CSS JS代码怎么办？、什么是 reflow、什么是repaint、为什么 transform 的效率高]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/144977179</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/144977179</guid><author>weixin_44166849</author><pubDate>Tue, 07 Jan 2025 17:18:10 +0800</pubDate><description><![CDATA[reflow 的本质就是重新计算 layout 树。当进行了会影响布局树的操作后，需要重新计算布局树，会引发 layout。为了避免连续的多次操作导致布局树反复计算，浏览器会合并这些操作，当 JS 代码全部完成后再进行统一计算。所以，改动属性造成的 reflow 是异步完成的。也同样因为如此，当 JS 获取全局属性时，就可以造成无法获取到最新的布局信息。浏览器再反复权衡下，最终决定属性立即 reflow。**repaint 的本质就是重新根据分层信息计算了绘制指令。]]></description><category></category></item><item><title><![CDATA[何为进程、何为线程、如何理解 JS 的异步、什么是JS的事件循环、任务有优先级吗、JS中的计时器能做到精确计时吗]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/144902304</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/144902304</guid><author>weixin_44166849</author><pubDate>Fri, 03 Jan 2025 16:33:11 +0800</pubDate><description><![CDATA[事件循环又叫做消息循环，是浏览器渲染主线程的工作方式。在 Chrome 的源码中，它开启一个不会结束的 for 循环，每次循环从消息队列中取出第一个任务执行，而其他线程只需要在合适的时候将任务加入到队列末尾即可。过去把消息队列简单分为宏队列和微队列，这种说法目前无法满足复杂浏览器环境，取而代之的是一种更加灵活多变的处理方式。根据 W3C 官方的解释，每个任务有不同的类型，同类型的任务必须在同一个队列，不同的任务属于不同的队列。]]></description><category></category></item><item><title><![CDATA[使用element-plus el-table中使用el-image层级冲突table表格会覆盖预览的图片等问题]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/143900993</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/143900993</guid><author>weixin_44166849</author><pubDate>Wed, 20 Nov 2024 09:02:16 +0800</pubDate><description><![CDATA[在日常开发项目中 使用element-plus 中表格中使用 el-image的点击图片出现图片预览会出现以下问题 表格一行会覆盖预览的图片鼠标滑过也会显示表格 el-image 的预览层级和表格的层级冲突导致的。解决方法：有两种一种是直接使用样式穿透 第二种推荐方法 使用官网推荐的 preview-teleported 属性。]]></description><category></category></item><item><title><![CDATA[vue3使用Teleport 控制台报警告：Invalid Teleport target on mount: null (object)]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/142611258</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/142611258</guid><author>weixin_44166849</author><pubDate>Sat, 28 Sep 2024 10:48:43 +0800</pubDate><description><![CDATA[原因是 vue文档中表示 teleport 需要 加上 defer 属性 无论刷新还是重新加载 传送组件就不会报错了。注：写这篇的目的是以此为戒不再犯蠢 啊啊啊 这真是让我吐槽一天都不止的蠢问题。唉 还是得细心看文档 一时粗心 耽误事儿啊。看着没啥问题 可是控制台就是报错。]]></description><category></category></item><item><title><![CDATA[Vue received a Component that was made a reactive object. This can lead to unnecessary performance o]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/141195604</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/141195604</guid><author>weixin_44166849</author><pubDate>Wed, 14 Aug 2024 17:12:55 +0800</pubDate><description><![CDATA[vue3+vite+ts 报错
Vue received a Component that was made a reactive object. This can
 lead to unnecessary performance overhead and should be avoided by
 marking the component with `markRaw` or using `shallowRef` instead of
 `ref`.  ]]></description><category></category></item><item><title><![CDATA[vue3+ts+vite 项目别名 配置 @ 、vue项目更改默认 端口号 5173]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/141189023</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/141189023</guid><author>weixin_44166849</author><pubDate>Wed, 14 Aug 2024 13:49:25 +0800</pubDate><description><![CDATA[【代码】vue3+ts+vite 项目别名 配置 @ 、vue项目更改默认 端口号 5173。]]></description><category></category></item><item><title><![CDATA[nvm 的使用 nvm 可以快速的切换 nodejs 的版本 nrm 的使用 可以快速切换下载镜像、快速删除 node_modules 文件 rimraf]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/141183356</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/141183356</guid><author>weixin_44166849</author><pubDate>Wed, 14 Aug 2024 10:38:15 +0800</pubDate><description><![CDATA[nvm 是一个node 的版本管理工具，可以简单操作 node 版本的切换、安装、查看 等等，与 npm 不同的是，npm 是依赖包的管理工具。]]></description><category></category></item><item><title><![CDATA[微信小程序支付流程]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/140705461</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/140705461</guid><author>weixin_44166849</author><pubDate>Fri, 26 Jul 2024 09:12:00 +0800</pubDate><description><![CDATA[小程序支付流程]]></description><category></category></item><item><title><![CDATA[微信小程序 async-validator 表单验证 第三方包]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/140641637</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/140641637</guid><author>weixin_44166849</author><pubDate>Tue, 23 Jul 2024 17:28:57 +0800</pubDate><description><![CDATA[微信小程序 async-validator 表单验证 第三方包 基于Javascrip]]></description><category></category></item><item><title><![CDATA[微信小程序删除滑块 SwiperCell 自动收起 Van weapp van-swipe-cell 滑块自动收起 点击页面也自动收起滑块]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/140550129</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/140550129</guid><author>weixin_44166849</author><pubDate>Tue, 23 Jul 2024 08:55:57 +0800</pubDate><description><![CDATA[微信小程序删除滑块 SwiperCell 自动收起 Van weapp van-swipe-cell 滑块自动收起 点击页面也自动收起滑块]]></description><category></category></item><item><title><![CDATA[小程序 定位 地理定位以及 使用wx.getLocation拒绝授权后(在用户拒绝授权以后，如果再次调用 getLocation 不会再弹出授权弹框)的解决方案、开通腾讯位置服务、逆地址解析等]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/140517019</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/140517019</guid><author>weixin_44166849</author><pubDate>Fri, 19 Jul 2024 08:53:15 +0800</pubDate><description><![CDATA[小程序 定位 地理定位以及 使用wx.getLocation拒绝授权后(在用户拒绝授权以后，如果再次调用 getLocation 不会再弹出授权弹框)的解决方案、开通腾讯位置服务、逆地址解析等]]></description><category></category></item><item><title><![CDATA[微信小程序 vant-weapp的 SwipeCell 滑动单元格 van-swipe-cell 滑动单元格不显示 和 样式问题 滑动后删除样式不显示]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/140500587</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/140500587</guid><author>weixin_44166849</author><pubDate>Wed, 17 Jul 2024 17:22:13 +0800</pubDate><description><![CDATA[微信小程序 vant-weapp的 SwipeCell 滑动单元格 van-swipe-cell 滑动单元格不显示 和 样式问题 滑动后删除样式不显示]]></description><category></category></item><item><title><![CDATA[微信小程序miniprogram-computed:计算属性computed和监听器watch存储获取store: mobx-miniprogram、mobx-miniprogram-bindings]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/140435158</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/140435158</guid><author>weixin_44166849</author><pubDate>Tue, 16 Jul 2024 11:16:41 +0800</pubDate><description><![CDATA[微信小程序：miniprogram-computed：计算属性computed和监听器watch；存储获取store： mobx-miniprogram、mobx-miniprogram-bindings]]></description><category></category></item><item><title><![CDATA[微信小程序 首屏空白 业务代码加载时间过长 用 骨架屏组件 解决报错： ＜swiper-item＞: 建议在子节点上设置样式]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/140429775</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/140429775</guid><author>weixin_44166849</author><pubDate>Mon, 15 Jul 2024 10:24:57 +0800</pubDate><description><![CDATA[微信小程序 首屏空白 业务代码加载时间过长 用 骨架屏组件 
解决报错： : 建议在子节点上设置样式]]></description><category></category></item><item><title><![CDATA[Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and at]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/140403181</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/140403181</guid><author>weixin_44166849</author><pubDate>Sat, 13 Jul 2024 17:28:22 +0800</pubDate><description><![CDATA[微信小程序项目报错：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.]]></description><category></category></item><item><title><![CDATA[小程序模块封装：消息提示模块封装、模态对话框封装、本地存储API封装、网络请求request封装( 封装请求/响应拦截器、并发请求、loading、uploadFile等)]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/140343605</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/140343605</guid><author>weixin_44166849</author><pubDate>Fri, 12 Jul 2024 16:56:43 +0800</pubDate><description><![CDATA[小程序模块封装：消息提示模块封装、模态对话框封装、本地存储API封装、网络请求request封装( 封装请求/响应拦截器、并发请求、loading、uploadFile等)]]></description><category></category></item><item><title><![CDATA[小程序-设置环境变量]]></title><link>https://blog.youkuaiyun.com/weixin_44166849/article/details/140382863</link><guid>https://blog.youkuaiyun.com/weixin_44166849/article/details/140382863</guid><author>weixin_44166849</author><pubDate>Fri, 12 Jul 2024 16:33:35 +0800</pubDate><description><![CDATA[这时候，我们就可以使用小程序提供了 wx.getAccountInfoSync() 接口，用来获取当前账号信息，在账号信息中包含着 小程序 当前环境版本。例如：开发环境需要调用开发版的接口地址，生产环境需要正式版的接口地址。在实际开发中，不同的开发环境，调用的接口地址是不一样的。]]></description><category></category></item></channel></rss>