<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weixin_38331749的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weixin_38331749</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_38331749]]></copyright><item><title><![CDATA[error Component name “home“ should always be multi-word vue/multi-word-component-names]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/136249135</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/136249135</guid><author>weixin_38331749</author><pubDate>Fri, 23 Feb 2024 10:19:39 +0800</pubDate><description><![CDATA[我们接手的项目，或网上下载的开源项目，避免不了eslint的严格限制。对象添加：“no-unused-components”: “off”重新启动项目即可清空。]]></description><category></category></item><item><title><![CDATA[简单粗暴！van-dialog校验表单时控制关闭]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/134855927</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/134855927</guid><author>weixin_38331749</author><pubDate>Thu, 07 Dec 2023 15:09:22 +0800</pubDate><description><![CDATA[在做H5页面时，使用了vanUI组件库，有个需求，在弹框中使用了表单，点击。按钮，需要对表单信息做校验，可是~，一旦点击了。按钮，弹框就自动关闭了，这不是我们想要的结果。根据vanUI官网介绍：有一个关闭前的回调函数。]]></description><category></category></item><item><title><![CDATA[this.$refs,salesRankRefjj.searchRankCall is not a function]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/134647639</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/134647639</guid><author>weixin_38331749</author><pubDate>Mon, 27 Nov 2023 16:06:49 +0800</pubDate><description><![CDATA[当 ref 和 v-for 一起使用的时候，用this.$refs[xxx][0] 获取子组件身上的值。，有多个子组件，获取到的是一个数组形式的refs，获取不到子组件的方法，为什么？在vue项目中，在父组件使用。在子组件代码也存在该方法。经过分析，发现代码使用了。]]></description><category></category></item><item><title><![CDATA[如何解决image-conversion插件压缩图片后背景变成黑色]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/132836199</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/132836199</guid><author>weixin_38331749</author><pubDate>Tue, 12 Sep 2023 17:16:27 +0800</pubDate><description><![CDATA[案例：随便选择一张透明图片，发现，压缩后，背景变成黑色。ps：图片的高宽，暂时随便设置的，导致图片变形了，不用理会。可以看到不指定类型的话默认是使用image/jpeg格式转的，但是jpeg格式不能没有底色， 所以默认会填充黑色。格式后， 那么cavans转base646就是按照png格式转，但png格式不管怎么转，设置了这个确实不会出现黑底的情况了， 但是压缩效果又没了， 原因就是我们设置了。如果选择的图片背景图是透明的，压缩后的图片，背景竟然变成了黑色！对用户上传的图片，压缩后再上传到服务器。]]></description><category></category></item><item><title><![CDATA[vue与vue-template-compiler版本不匹配]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/132665392</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/132665392</guid><author>weixin_38331749</author><pubDate>Mon, 04 Sep 2023 11:28:55 +0800</pubDate><description><![CDATA[当你在 dependencies 或 devDependencies 部分指定一个依赖包时，可以使用。项目在本地，启动，打包都成功。符号是用于指定依赖包的版本范围的一种语义化版本规范。但它将不会允许安装主要版本号发生变化的版本，例如。符号来指定一个兼容的版本范围。，明显实际引入的版本，是不对的呀。符号表示可以接受该版本的。]]></description><category></category></item><item><title><![CDATA[前端如何通过项目复盘来加速个人成长]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/132554441</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/132554441</guid><author>weixin_38331749</author><pubDate>Tue, 29 Aug 2023 09:29:38 +0800</pubDate><description><![CDATA[复盘本是围棋术语，意指对弈者在下完一盘棋后，把对弈过程重新摆一遍，寻找改进点。说白了，复盘就是从经验中学习。做得不好的地方，避免下次再犯。做得好的地方，争取下次能做得更好。ps：建议在做完项目的一周内做复盘。这时，对项目的感触是最新鲜的~]]></description><category></category></item><item><title><![CDATA[季度组件，基于element-ui封装]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/132499478</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/132499478</guid><author>weixin_38331749</author><pubDate>Fri, 25 Aug 2023 17:00:03 +0800</pubDate><description><![CDATA[项目中有时候需要使用季度组件，遗憾的是，element-ui竟然没有。因此基于element-ui，自己封装了一个季度组件，可以直接复制使用。]]></description><category></category></item><item><title><![CDATA[Bundler源码从0分析]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/132357006</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/132357006</guid><author>weixin_38331749</author><pubDate>Fri, 18 Aug 2023 11:44:29 +0800</pubDate><description><![CDATA[Bundler其实是一个项目依赖管理器。]]></description><category></category></item><item><title><![CDATA[[vite] Internal server error: Failed to parse source for import analysis because the content contain]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/132320058</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/132320058</guid><author>weixin_38331749</author><pubDate>Wed, 16 Aug 2023 15:57:31 +0800</pubDate><description><![CDATA[在搭建vue3项目环境时，启动项目，出现的报错，记录一下。]]></description><category></category></item><item><title><![CDATA[vue 深度选择器 /deep/ ＞＞＞ ::v-deep]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/132062610</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/132062610</guid><author>weixin_38331749</author><pubDate>Wed, 02 Aug 2023 15:29:20 +0800</pubDate><description><![CDATA[平时开发项目我们在使用第三方插件时，必须使用element-ui、van-ui等的某些组件需要修改样式时，老是需要加上/deep/深度选择器，以前只是知道这样用，但是还不清楚他的原理。还有平时每个组件的样式都会加上scoped，但是也不知道他具体的原理。]]></description><category></category></item><item><title><![CDATA[移动端的rem和动态的font-size配置]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/131853995</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/131853995</guid><author>weixin_38331749</author><pubDate>Fri, 21 Jul 2023 16:00:28 +0800</pubDate><description><![CDATA[100px / html的font-size  =  100 / 50 = 2，即 width = 2 rem。rem(倍数） = 设计稿宽度( imgWidth ) / 你设置的font-size( defalutSize )rem(倍数） = 网页的实际宽度(screenWidth) / 你需要动态设置的font-size( x )假设设计图是375的，页面上一个元素的宽是100px，那么我们得转换成rem。1、不同的屏幕，设置html不同的font-size。在代码中输入，会直接弹出选项，选择即可。]]></description><category></category></item><item><title><![CDATA[前端基础建设]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/131812759</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/131812759</guid><author>weixin_38331749</author><pubDate>Wed, 19 Jul 2023 16:44:55 +0800</pubDate><description><![CDATA[创建request.js文件]})},error => {Message({})})})} else {return res},error => {Message({})[业务对应的api文件]})[在vue页面中的使用]先引入再运行})[getters.js文件]]]></description><category></category></item><item><title><![CDATA[file-loader和url-loader的使用与区别]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/131045008</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/131045008</guid><author>weixin_38331749</author><pubDate>Mon, 05 Jun 2023 11:58:17 +0800</pubDate><description><![CDATA[webpack是不能识别非js文件的，默认只会处理js文件关系。]]></description><category></category></item><item><title><![CDATA[axios添加headers]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/130510719</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/130510719</guid><author>weixin_38331749</author><pubDate>Fri, 05 May 2023 17:05:53 +0800</pubDate><description><![CDATA[可以在拦截器加，]]></description><category></category></item><item><title><![CDATA[if else 太多？代码优化小技巧]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/130216203</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/130216203</guid><author>weixin_38331749</author><pubDate>Tue, 18 Apr 2023 10:38:34 +0800</pubDate><description><![CDATA[这么一看，感觉没什么异常，但是如果有100个条件判断？按照这种写法，要写100个if分支？]]></description><category></category></item><item><title><![CDATA[浅解Promise源码]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/130147469</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/130147469</guid><author>weixin_38331749</author><pubDate>Fri, 14 Apr 2023 10:41:36 +0800</pubDate><description><![CDATA[promise是一种异步编程的解决方案，用于处理多层回调嵌套的问题。promise是一个对象，从它可以获取异步操作的消息，能够解决回调地狱的问题。目前promise已经是es6的内置对象。]]></description><category></category></item><item><title><![CDATA[深拷贝常见方式]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/130076492</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/130076492</guid><author>weixin_38331749</author><pubDate>Tue, 11 Apr 2023 10:04:06 +0800</pubDate><description><![CDATA[structuredClone 方法是浏览器原生支持的，对于 Function 类型会报错。缺点：兼容性问题，无法拷贝proxy类型的对象，所以在。structuredClone 是Web最新的 API，存在兼容问题。]]></description><category></category></item><item><title><![CDATA[Refused to execute script from ‘http://localhost:3000/js/base.js‘ because its MIME type (‘text/html‘]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/130012592</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/130012592</guid><author>weixin_38331749</author><pubDate>Fri, 07 Apr 2023 15:27:17 +0800</pubDate><description><![CDATA[原因：public 目录本来就是静态目录来的，打包的时候默认会把public的东西都复制到dist/public中。执行命令 npm install "copy-webpack-plugin": "^5.1.1"写完整的路径，/public/js/base.js。再次执行 npm run dev，启动项目试试。并在webpack.config.js文件配置。]]></description><category></category></item><item><title><![CDATA[error in js/[name].[contenthash:8].jsCannot use [chunkhash] or [contenthash] for chunk in ‘js/[n]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/129948904</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/129948904</guid><author>weixin_38331749</author><pubDate>Tue, 04 Apr 2023 11:31:15 +0800</pubDate><description><![CDATA[将production改成development。]]></description><category></category></item><item><title><![CDATA[查看webpack命令]]></title><link>https://blog.youkuaiyun.com/weixin_38331749/article/details/129922599</link><guid>https://blog.youkuaiyun.com/weixin_38331749/article/details/129922599</guid><author>weixin_38331749</author><pubDate>Mon, 03 Apr 2023 09:57:16 +0800</pubDate><description><![CDATA[使用 npm info ··，可以查看其他工具，如 npm info vue。npx，安装node时，自动创建的。查看webpack最新版本。]]></description><category></category></item></channel></rss>