<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[WLK654321的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/WLK654321</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; WLK654321]]></copyright><item><title><![CDATA[基于若依框架编写的选人组件（vue3 + ts 版本）]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/148717504</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/148717504</guid><author>WLK654321</author><pubDate>Tue, 17 Jun 2025 16:11:25 +0800</pubDate><description><![CDATA[这篇文章详细展示了一个基于Element Plus的Vue 3人员选择组件。该组件具有以下特性： 支持单选和多选模式，分别采用输入框和标签形式展示 包含三部分交互界面：左侧部门树、中间人员列表和右侧已选人员 实现功能包括： 部门筛选和搜索 人员搜索和分页 选择操作（单选/多选） 已选人员管理（删除/清空） 提供完善的样式设计，包括： 响应式布局 动画效果 视觉美化 组件采用TypeScript编写，具有良好的类型支持和API封装。]]></description><category></category></item><item><title><![CDATA[深入理解跨域（看完就会)]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/146307620</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/146307620</guid><author>WLK654321</author><pubDate>Mon, 17 Mar 2025 12:01:13 +0800</pubDate><description><![CDATA[跨域是指在浏览器中，当前网页从不同域名、协议或端口请求资源时，出现的安全限制问题。通常，这种限制被称为同源策略，它是浏览器的一种安全机制，用于防止恶意网站读取另一个网站的数据。跨域是前端开发中常见的问题，通过不同的技术和方法可以有效地解决。选择合适的解决方案需要考虑安全性、兼容性和具体业务需求。CORS 是目前最常用的方法，JSONP 适用于简单的 GET 请求，而代理服务器和 WebSocket 则可以用于更复杂的跨域通信需求。]]></description><category></category></item><item><title><![CDATA[GET与POST的区别]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/143772670</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/143772670</guid><author>WLK654321</author><pubDate>Thu, 14 Nov 2024 15:31:57 +0800</pubDate><description><![CDATA[对于其他浏览器，如Netscape、FireFox等，理论上没有长度限制，其限制取决于操作系统的支持。在网络上是明文传输的，只要在网络节点上捉包，就能完整地获取数据报文。的规定和浏览器/服务器的限制，导致他们在应用过程中会体现出一些区别。方法用于将实体提交到指定的资源，通常导致在服务器上的状态变化或。当不携带参数的时候，两者最大的区别为第一行方法名不同。，用的都是同一个传输层协议，所以在传输上没有区别。然而，从传输的角度来说，他们都是不安全的，因为。长度，而不仅仅是参数值的长度。规范，相反的，我们可以在。]]></description><category></category></item><item><title><![CDATA[Nginx --- 高级前端必备]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/143480968</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/143480968</guid><author>WLK654321</author><pubDate>Mon, 04 Nov 2024 11:54:37 +0800</pubDate><description><![CDATA[Nginx是在前端服务部署时是很重要的一部分，也是部署的基础，学会了通过Nginx部署前端资源，才能继续后续的一系列进阶。说明你的Nginx运行正常，此时Nginx会启动服务，默认80端口。此时如果我们的服务器外网防火墙80端口开启，那么访问外网IP，就能看到Nginx启动的服务]]></description><category></category></item><item><title><![CDATA[优化JavaScript中的复杂判断]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/143480744</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/143480744</guid><author>WLK654321</author><pubDate>Mon, 04 Nov 2024 11:47:44 +0800</pubDate><description><![CDATA[我们在写 JavaScript 代码的时候，经常会遇到逻辑判断比较复杂的情况，通常我们可以使用if/else或switch来实现多个条件判断。但是这样就存在一个问题，随着逻辑复杂度的增加，代码中的会越来越臃肿，越来越难理解。那么如何才能把判断逻辑写得更优雅呢？]]></description><category></category></item><item><title><![CDATA[如何禁止用户调试你的页面？]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/142789191</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/142789191</guid><author>WLK654321</author><pubDate>Wed, 09 Oct 2024 16:00:24 +0800</pubDate><description><![CDATA[才需要禁止调试！！！我先用代码模拟生产模式。 网页是如何禁止让用户打开调试的. 一、禁止右键菜单. 禁止右键菜单是目前比较常见的一种禁止调试的方法，因为浏览器默认右键菜单是可以调出开发者工具 ...]]></description><category></category></item><item><title><![CDATA[如何响应式监听localStorage存储？---封装自定义Hook]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/142764256</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/142764256</guid><author>WLK654321</author><pubDate>Tue, 08 Oct 2024 17:05:34 +0800</pubDate><description><![CDATA[项目上有个，同时还有一个，想让更改时区的时候能。其实每次设置完时区的数据之后是存在了前端的里边，时区组件里边也是从拿去默认值来回显。如果当前页面不刷新，那么时间组件就不能更新到最新的数据。]]></description><category></category></item><item><title><![CDATA[前端 Chrome 调试技巧最全汇总]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/142751622</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/142751622</guid><author>WLK654321</author><pubDate>Tue, 08 Oct 2024 10:04:42 +0800</pubDate><description><![CDATA[console占位符描述%cCSS样式占位符，值就是CSS样式，如下示例，可用来自定义log的样式%oor%O打印 JavaScript 对象。在审阅器点击对象名字可展开更多对象的信息。%dor%i打印整数。支持数字格式化。例如，console.log("Foo %.2d", 1.1) 会输出有先导 0 的两位有效数字：Foo 01。%s打印字符串。%f打印浮点数。支持格式化，比如 console.log("Foo %.2f", 1.1) 会输出两位小数：Foo 1.10。]]></description><category></category></item><item><title><![CDATA[JavaScript函数基础（通俗易懂篇）]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/130120887</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/130120887</guid><author>WLK654321</author><pubDate>Mon, 07 Oct 2024 10:17:23 +0800</pubDate><description><![CDATA[/里面存储了所有传递过来的实参    arguments = [1，2，3]： 如果函数在声明时，设置了行参，那么在函数调用的时候就需要传入对应的参数，我们把传入的参数叫做实际参数，也叫实参。声明函数的时候，函数名括号里面的是形参，形参的默认值为undefined调用函数的时候,函数名括号里面的是实参。//(1)我们函数只是实现某种功能，最终的结果需要返回给函数的调用者"函数名()"通过 return实现的。// 因为传进去的是一个函数，arr[j] 和 arr[j+1]是以两个参数的形式传进去的。]]></description><category></category></item><item><title><![CDATA[前端最常用的25个正则表达式，代码效率提高 80%]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/142736059</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/142736059</guid><author>WLK654321</author><pubDate>Mon, 07 Oct 2024 09:58:11 +0800</pubDate><description><![CDATA[在日常开发中，正则表达式是非常有用的，正则表达式在每个语言中都是可以使用的，他就跟JSON一样，是通用的。在日常开发中，了解一些常用的正则表达式，能大大提高你的工作效率，例如字符串的匹配表单项的格式校验今天就给大家分享25个开发中常用的正则表达式吧！！！希望大家能提高代码效率！！！]]></description><category></category></item><item><title><![CDATA[「Vue2+Vue3」 最常见的 62 个知识点，看看你掌握了多少（一万五千字超长篇）]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/142735550</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/142735550</guid><author>WLK654321</author><pubDate>Mon, 07 Oct 2024 09:39:51 +0800</pubDate><description><![CDATA[这里只说Vue2的bind：指令绑定到指定元素时调用，只调用一次inserted：指定元素插入父节点时调用update：所在组件的 VNode 更新时调用：所在组件以及其子组件 VNode 全部更新后调用unbind：只调用一次，指令与元素解绑时调用props: {num: {// 返回值为false则验证不通过，报错return [== -1model: {]]></description><category></category></item><item><title><![CDATA[uniapp 充值金额校验（比较强）]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/141422780</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/141422780</guid><author>WLK654321</author><pubDate>Mon, 07 Oct 2024 09:11:21 +0800</pubDate><description><![CDATA[uniapp 金额检验完美版本. js 金额校验条件： 这个校验是，参考微信充值的逻辑写的。具体逻辑为：当第一位输入“ . ” 时，输入框的值自动被赋值为 “ 0. ”。当第一位输入 “ 0 ” ，第二位为非 “ . ”时，删除第一位 “ 0 ”。还有就是只保留小数点后两位（没有四舍五入）。]]></description><category></category></item><item><title><![CDATA[前端如何让页面上的文字“立”起来]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/142735479</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/142735479</guid><author>WLK654321</author><pubDate>Mon, 07 Oct 2024 09:09:06 +0800</pubDate><description><![CDATA[前端如何让页面上的文字“立”起来。最近看到了一个很有意思的 CSS 效果，如下图，是一个文字立起来 + 阴影的效果，觉得比较有意思，所以分享给大家~接下来我们要把这个阴影给倾斜下去，达到阴影的真正效果，主要用到的 CSS 效果有：

z-index：层级降低到主体下面

transform translate：调整阴影的水平垂直偏移

transform scaleY：调整阴影垂直的缩小

transform skew：调整阴影的倾斜角度

filter：阴影的模糊效果

-webkit-mask]]></description><category></category></item><item><title><![CDATA[HBuilderX小程序编译运行异常]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/141813554</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/141813554</guid><author>WLK654321</author><pubDate>Mon, 02 Sep 2024 10:41:16 +0800</pubDate><description><![CDATA[问题场景复现：昨天项目跑的好好的今天突然编译小程序时报错，试了好多次都是这样，而且是公司所有项目报的都是同一个错。然而，问题依然存在。于是我就去各大论坛寻找答案。工具菜单-> 插件安装 -> uni-app编译。：某个依赖项可能已被更新或损坏，导致缺少文件。找到这个插件后把它卸载然后重新安装就OK了。：Node.js 的模块缓存可能出错。：某些库或插件的版本可能不兼容。：文件可能意外删除或移动。]]></description><category></category></item><item><title><![CDATA[TypeScript 的快速入门笔记]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/141531036</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/141531036</guid><author>WLK654321</author><pubDate>Sun, 25 Aug 2024 16:46:03 +0800</pubDate><description><![CDATA[TypeScript由微软开发，是基于JavaScript的⼀个扩展语⾔。TypeScript包含了JavaScript的所有内容，即：TypeScript是JavaScript的超集。TypeScript增加了：静态类型检查、接⼝、 泛型等很多现代开发特性，更适合⼤型项⽬的开发。TypeScript需要编译为JavaScript，然后交给浏览器或其他JavaScript运⾏环 境执⾏。]]></description><category></category></item><item><title><![CDATA[如何把gitee的项目导入github？]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/141324966</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/141324966</guid><author>WLK654321</author><pubDate>Mon, 19 Aug 2024 14:42:40 +0800</pubDate><description><![CDATA[信息填完之后点击提交，等待导入完成即可，导入完成后githab会给邮箱发信息，提示你已经导入完成。2、点击右上角的加号，弹出卡片，点击“Import repository”4、输入要导入的仓库地址和新仓库名称，校验没问题后点击导入按钮即可开始导入。]]></description><category></category></item><item><title><![CDATA[uniapp弹出层改圆角]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/140797940</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/140797940</guid><author>WLK654321</author><pubDate>Tue, 30 Jul 2024 15:38:03 +0800</pubDate><description><![CDATA[uni-popup 是 uni-app 提供的一个可复用的弹出层组件,它支持多种弹出层类型,如对话框、底部弹出层、顶部弹出层等,开发者可以轻松地在页面中引入并使用,并通过丰富的自定义属性进行个性化配置,满足各种弹出层场景需求,如登录提示、删除确认、底部菜单、系统消息提示等,是一个简单易用、功能强大的 uni-app 组件。]]></description><category></category></item><item><title><![CDATA[vue中的post方法如何传递数组参数]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/137194036</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/137194036</guid><author>WLK654321</author><pubDate>Sun, 31 Mar 2024 10:32:18 +0800</pubDate><description><![CDATA[vue中的post方法如何传递数组参数：项目中要用post方法传array数组的参数。直接传数组格式后台是取不到值的，我们需要把数组变成如下这种格式:]]></description><category></category></item><item><title><![CDATA[Pinia快速入门（这些完全够用）]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/134549367</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/134549367</guid><author>WLK654321</author><pubDate>Wed, 22 Nov 2023 11:20:39 +0800</pubDate><description><![CDATA[Vue2和Vue3都支持。
pinia中只有state、getter、action，抛弃了Vuex中的Mutation
pinia中action支持同步和异步，Vuex不支持
良好的Typescript支持
无需再创建各个模块嵌套了，pinia中每个store都是独立的，互相不影响。
体积非常小，只有1KB左右。
pinia支持插件来扩展自身功能。
支持服务端渲染。
pinia的优点还有非常多，上面列出的主要是它的一些主要优点，更多细节的地方还需要大家在使用的时候慢慢体会。]]></description><category></category></item><item><title><![CDATA[JavaScript函数详解零基础入门（通俗易懂篇）]]></title><link>https://blog.youkuaiyun.com/WLK654321/article/details/130120888</link><guid>https://blog.youkuaiyun.com/WLK654321/article/details/130120888</guid><author>WLK654321</author><pubDate>Thu, 13 Apr 2023 07:25:59 +0800</pubDate><description><![CDATA[为什么会有函数？
在写代码的时候，有一些常用的代码需要书写很多次，如果直接复制粘贴的话，会造成大量的代码冗余；
函数可以封装一段重复的javascript代码，它只需要声明一次，就可以多次调用；]]></description><category></category></item></channel></rss>