桑子.-优快云博客

原创如何优雅的管理import语句

密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。我们是如何做到让import“占领满屏“的了，又该如何优雅地管理这些import语句呢？本文将从产生大量import语句的原因、可能带来的问题以及如何优化和管理import语句几个角度来进行探讨。

2024-09-04 18:38:44 294

原创 watch和computed

computed适用于创建派生数据，并且只有在依赖的数据变化时才会重新计算，具有缓存机制。watch适用于处理数据变化时的副作用逻辑，如异步操作或其他数据的更新，每次数据变化都会立即执行回调函数。Watcher。

2024-09-03 14:44:18 657

原创 uniapp websocket单页面监听

单页面调用比较简单，直接在mounted这个组件生命周期里面进行连接,然后开始监听消息，this.watchsocket会在每次接受到消息的时候执行，不论你是否处在当前页面。由于需要存储用户的消息，所以需要将接受到的消息存到缓存中，在onShow生命周期中赋给展示的List。最开始是把接受消息放到init函数里面，发现这样监听的话很麻烦，不如直接外部接受消息。

2024-03-05 23:05:24 551 1

原创 z-paging请求函数传递多个参数

z-paging插件在onQuery请求函数中不需要我们传递pageNo、pageSize，它可以帮我们自动计算，但是我们要如何传递第三个参数呢。

2024-02-19 20:59:45 818

原创解决git分支合并冲突（详解）

当然，我们在项目中遇到的冲突不会这么简单，以uniapp微信小程序项目举例，我们在运行项目时会生成unpackage文件目录，这个时候提交总是提交一堆编译后的文件，甚至造成冲突。合并分支时，两个分支在同一个文件的同一个位置有两套完全不同的修改。在一个分支更改文件并commit,切换分支后文件并不会在另一个分支改变，所以需要合并分支。====和>>>>>>之间的内容是hot-fix修改的内容。

2024-02-16 14:11:55 1264

原创 uniapp 多文件上传

uniapp中上传多个图片只能通过循环的方式将图片的地址上传，如果想在图片全部上传成功后执行操作，推荐使用Promise.all。

2024-02-07 22:37:45 978

原创 vue3实现省市区三级联动

注：option的样式不能用CSS修改，可以换成ul li。

2023-07-17 14:06:25 1001 1

返回的数组包含多个元素，第一个元素是以贪婪模式找到的最长的匹配，之后的元素依次为该匹配中的第一、第二、第三 ......个分组，这里只有1个分组，所以也就只匹配到1个分组结果，也就是”th"。我们把这个现象理解为，只要使用了全局匹配模式，那么match()将只返回“贪婪”的匹配结果，这里的“贪婪”指的就是只招那个最长的能匹配上的字符串，至于分组项，就忽略了。结果说明了一切，当正则中使用全局匹配符g，即使有分组的存在，在匹配结果中也只有匹配到的最长的，那些分组的子匹配都不见了。

2023-04-05 14:24:44 7395

转载 js replace方法第二个参数的两种用法

规定子字符串或者要替换的模式的RegExp对象。请注意，如果访值是字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为RegExp对象。当replacement 为字符串时，如果是普通的字符串，那很简单，就是将匹配到的字符远的成该字符串。replace()方法用于在字符串中用一些字符替换另一些字符，或者替换一个与正则表达式匹配的子串。1）$i(i: 1 - 99)：表示从左到右，正则子表达式（组）匹配到的文本。函数返回值表示用来替换匹配到的元素的字符串,3)$'：表示匹配字符串右边的文本。

2023-03-19 18:33:17 621