<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[2201_75568521的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/2201_75568521</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; 2201_75568521]]></copyright><item><title><![CDATA[如何在JavaScript 代码中区分网页版和 H5 页面]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/143478095</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/143478095</guid><author>2201_75568521</author><pubDate>Mon, 04 Nov 2024 11:01:43 +0800</pubDate><description><![CDATA[监听屏幕尺寸这种方法并不是百分之百准确的，因为屏幕尺寸和分辨率的界限并不明确。在实际应用中，建议使用（如 User-Agent 字符串检测、触摸事件监听等）来提高检测的准确性。在 JavaScript 中，可以通过检测一些特定的对象或属性来区分网页版和 H5 页面，比如通过检查 URL、User-Agent 字符串、或者是一个环境变量。页面判断只在组件挂载时执行一次。如果用户在组件挂载后改变了窗口大小，需要添加。事件的监听器来重新执行这个判断逻辑。等属性来获取这些信息。]]></description><category></category></item><item><title><![CDATA[CSS-圆圈渐变边框]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/141017548</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/141017548</guid><author>2201_75568521</author><pubDate>Thu, 08 Aug 2024 09:22:08 +0800</pubDate><description><![CDATA[【代码】CSS-圆圈渐变边框。]]></description><category></category></item><item><title><![CDATA[vue项目引入js文件出现报错的解决方法]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/140632993</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/140632993</guid><author>2201_75568521</author><pubDate>Tue, 23 Jul 2024 12:54:31 +0800</pubDate><description><![CDATA[矩阵变量是一种在 URL 中使用分号分隔的键值对参数，用于在请求中传递额外的参数数据。接收到对静态资源（如 CSS、JavaScript、图片等）的请求时，如果没有匹配的控制器来处理该请求，：是 Spring MVC 框架中的一个配置元素，用于启用基于注解的 Spring MVC 功能。这些配置是为了启用注解驱动的功能、扫描特定包下的组件以及处理静态资源的访问。等注解标注的类，并将它们注册为 Spring 管理的组件（Bean）。属性：指定了要扫描的基础包路径。此配置用于处理静态资源的访问。]]></description><category></category></item><item><title><![CDATA[本地项目开启https访问模式]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/140457186</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/140457186</guid><author>2201_75568521</author><pubDate>Tue, 16 Jul 2024 10:07:12 +0800</pubDate><description><![CDATA[【代码】本地项目开启https访问模式。]]></description><category></category></item><item><title><![CDATA[实现下载excel文件模板功能]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/139983357</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/139983357</guid><author>2201_75568521</author><pubDate>Wed, 26 Jun 2024 11:15:40 +0800</pubDate><description><![CDATA[前端无需通过后端接口，即可实现模板下载功能。通过构造一个 JSON 对象，使用前端常用的。，可以直接将该 JSON 对象转换成 Excel 文件，让用户下载模板。]]></description><category></category></item><item><title><![CDATA[[vmvare]注册vmvare虚拟机账号验证码问题]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/137141212</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/137141212</guid><author>2201_75568521</author><pubDate>Fri, 29 Mar 2024 12:24:40 +0800</pubDate><description><![CDATA[虚拟机的时候，需要注册vmvare账号，但是在填写这个验证码的时候出现了问题，一直验证不成功。验证码出现中文乱码状态如下图，修改完毕之后验证码就变啦。]]></description><category></category></item><item><title><![CDATA[【登录滑块】vue滑块组件验证]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/136482052</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/136482052</guid><author>2201_75568521</author><pubDate>Tue, 05 Mar 2024 16:40:47 +0800</pubDate><description><![CDATA[vue-drag-verify这个组件适用于常见的滑块验证，可以查看文档根据UI图的需求导入对应的包。在vue2中使用可直接导入包，在vue3中需要按需导入【先把对应文件沾到相应的文件下导入使用】在vue2中使用可以下包使用安装，vue3中按需导入。在vue2中使用可以下包使用安装，vue3中按需导入。在vue2中使用可以下包使用安装，vue3中按需导入。在vue2中使用可以下包使用安装，vue3中按需导入。在vue3中使用需要按需导入如果直接下包使用会报错。]]></description><category></category></item><item><title><![CDATA[使用vue-cli3创建vue3项目]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/136361808</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/136361808</guid><author>2201_75568521</author><pubDate>Thu, 29 Feb 2024 09:23:04 +0800</pubDate><description><![CDATA[default：默认配置,,如果选择默认一直回车即可，vue2和vue3的区别。manually：手动配置,选择手动需要进行相应的配置。]]></description><category></category></item><item><title><![CDATA[移动端H5【video】浏览器劫持视频播放]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/136292795</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/136292795</guid><author>2201_75568521</author><pubDate>Mon, 26 Feb 2024 10:33:10 +0800</pubDate><description><![CDATA[在H5页面开发中会使用视频，现在是使用videojs组件进行开发，但是在部分浏览器，如夸克，QQ浏览器中，视频会被浏览器劫持，不仅样式会有变化，且视频的层次会变得特别高。解决问题2：如需实现页面内（非全屏）播放，需要在 video 标签中加入 playsinline 和 webkit-playsinline 和 x5-playsinline 属性。解决问题1： 视频转成gif 使用poster属性做背景封面也可以使用js 方法。：使用第三方播放器，一般插件做过封装以上两个问题都可以解决。]]></description><category></category></item><item><title><![CDATA[Vue滚动/拖拽事件监听报错Unable to preventDefault inside passive event listener due to targetbeing treated as]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/135959644</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/135959644</guid><author>2201_75568521</author><pubDate>Wed, 31 Jan 2024 18:14:49 +0800</pubDate><description><![CDATA[用于设置触摸屏用户如何操纵元素的区域 (例如，浏览器内置的缩放功能)。有很多属性下面贴了不通值感兴趣的可以了解一下。2.在css 里面加， 使用全局样式样式去掉。CSS 属性 touch-action。1. 第三个值不传参。]]></description><category></category></item><item><title><![CDATA[移动开发H5页面在安卓机浏览器滑动登录滑块，页面跟着滑块一起滚动]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/135838443</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/135838443</guid><author>2201_75568521</author><pubDate>Thu, 25 Jan 2024 10:34:17 +0800</pubDate><description><![CDATA[【代码】H5开发浏览器在安卓机上滑动登录滑块，页面跟着滑块一起滚动。]]></description><category></category></item><item><title><![CDATA[pc端页面在移动端等比例缩放]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/135838111</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/135838111</guid><author>2201_75568521</author><pubDate>Thu, 25 Jan 2024 10:25:17 +0800</pubDate><description><![CDATA[但是有一个问题就是我在配置的时候发现安卓机好使在ios上不生效。]]></description><category></category></item><item><title><![CDATA[【el-tabs标签页】tabs标签页hover时切换]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/135764827</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/135764827</guid><author>2201_75568521</author><pubDate>Tue, 23 Jan 2024 10:17:59 +0800</pubDate><description><![CDATA[【代码】【el-tabs标签页】tabs标签页hover时切换。]]></description><category></category></item><item><title><![CDATA[vue导航吸顶且锚点跳转]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/135764714</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/135764714</guid><author>2201_75568521</author><pubDate>Tue, 23 Jan 2024 10:14:49 +0800</pubDate><description><![CDATA[【代码】vue导航吸顶且锚点跳转。]]></description><category></category></item><item><title><![CDATA[css-文本换行样式溢出省略号不生效]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/135764365</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/135764365</guid><author>2201_75568521</author><pubDate>Tue, 23 Jan 2024 10:06:26 +0800</pubDate><description><![CDATA[所以，接下来要做的，是要将Div设置启动换行效果再加下面一行代码就可以了。一般就是如下就可以但是发现控制显示行数和文本省略不生效。]]></description><category></category></item><item><title><![CDATA[【锚点】有固定导航栏，锚点到顶部被遮挡]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/134796462</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/134796462</guid><author>2201_75568521</author><pubDate>Mon, 04 Dec 2023 23:31:59 +0800</pubDate><description><![CDATA[方法二：padding+margin。方法一：在滚动元素上设置。]]></description><category></category></item><item><title><![CDATA[【折叠面板】点击ElementUI collapse 上的标题时面板不响应折叠/展开]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/134796279</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/134796279</guid><author>2201_75568521</author><pubDate>Mon, 04 Dec 2023 23:23:12 +0800</pubDate><description><![CDATA[方法一：可以通过样式去控制。方法一：加事件冒泡阻止。]]></description><category></category></item><item><title><![CDATA[前端项目报错：Referenceferor:form is not defined]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/134583930</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/134583930</guid><author>2201_75568521</author><pubDate>Thu, 23 Nov 2023 18:39:23 +0800</pubDate><description><![CDATA[form 没有定义，常见是在vue项目中用ref 去获取标签但是在 js代码中没有定义，没有使用就会出现这样的报错，解决办法：查看代码中 使用ref 去获取标签的变量直接删掉就可以啦。]]></description><category></category></item><item><title><![CDATA[vue点击按钮实现图片旋转]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/134403967</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/134403967</guid><author>2201_75568521</author><pubDate>Tue, 14 Nov 2023 17:26:48 +0800</pubDate><description><![CDATA[【代码】vue点击按钮实现图片旋转。]]></description><category></category></item><item><title><![CDATA[前端vue项目部署生产后删除log]]></title><link>https://blog.youkuaiyun.com/2201_75568521/article/details/134264639</link><guid>https://blog.youkuaiyun.com/2201_75568521/article/details/134264639</guid><author>2201_75568521</author><pubDate>Tue, 07 Nov 2023 12:48:11 +0800</pubDate><description><![CDATA[二、在入口文件main.js 文件内获取环境变量做判断进行删除。一、可以使用框架内封装的删除log的方法。]]></description><category></category></item></channel></rss>