- 博客(27)
- 收藏
- 关注
RSS订阅原创 在Vue中如何使用WebSocket
1、安装WebSocket库：首先需要安装WebSocket库，可以使用npm或yarn进行安装。常用的WebSocket库包括websocket和socket.io-client。2、创建WebSocket连接：在Vue组件中创建WebSocket连接，并监听WebSocket事件。4、在Vue模板中显示WebSocket消息：将接收到的WebSocket消息显示在Vue模板中。3、发送和接收消息：通过WebSocket连接发送和接收消息。
2024-05-08 09:05:02
202
1
原创 vue uniapp js 将两个日期之间的天数转换为汉字表示的天数
为了提高性能，使用数组来存储中文表示的天数，然后在循环结束后再将数组连接成一个字符串。这样可以减少字符串连接的次数，从而提高性能。
2024-05-08 09:00:13
221
1
原创 vue uniapp 日期获取对应的星期几的中文方法
通过引入weekDays对象存储星期几的映射关系，并使用dateCache对象缓存已经创建的Date对象，可以简化代码并提高性能。
2024-05-08 08:56:03
106
原创 使用this.$set来设置响应式属性时，可能会导致性能下降的优化方法
在Vue.js中，使用this.$set来设置响应式属性时，可能会导致性能下降，特别是在大规模数据更新时。Vue的响应式系统在设置大量属性时可能会引起性能问题，因为每次使用$set都会触发Vue的响应式更新机制。一种优化方式是在一次性设置多个属性时，将它们放在一个对象中，然后再将整个对象一次性设置给this.info，而不是逐个使用$set设置每个属性。这样可以减少触发响应式更新的次数，提高性能。通过一次性设置所有属性，可以避免多次触发Vue的响应式更新机制，从而提高性能。
2024-05-08 08:53:20
265
原创 uniapp 小程序 如何让背景图片缓存起来，下次直接读取本地的，每天只更新一次网络上的到本地
您可以使用uniapp提供的本地缓存功能来存储背景图片的URL和更新时间。每次打开小程序时，先检查本地缓存中的更新时间，如果超过一天，则从网络上下载最新的图片并保存到本地缓存中。在上面的示例中，我们首先检查本地缓存中的更新时间，如果超过一天或者没有缓存，则下载最新的背景图片到本地并保存路径。然后在页面中使用本地缓存的背景图片路径来设置背景图片。在页面中使用本地缓存的图片路径作为背景图片的URL，这样可以直接读取本地的图片。如果本地缓存中没有图片或者需要更新图片，则使用最新下载的图片。
2024-05-07 10:25:22
236
原创 CSS Grid布局 网格化布局
Grid布局是CSS中一种用于创建网格化布局的功能强大的工具。它可以让你将页面分割成行和列，然后在这个网格中放置元素。定义了网格的列，这里创建了3列，每列的宽度都是相等的。是网格项目，它们将被放置在网格中。元素，它们将按照网格的定义自动布局。设置了网格之间的间距。
2023-07-29 17:12:42
80
原创 js 日期格式化 方法
1、日期形式：dateFormat("2022-12-18 20:38:11",'yyyy-MM-dd')3、时间戳形式（13位）：dateFormat("1671367091000",'yyyy-MM-dd')2、时间戳形式（10位）：dateFormat("1671367091",'yyyy-MM-dd')一个自用的多功能日期格式化方法分享，兼容日期格式和时间戳格式（支持10位和13位）
2023-07-29 09:27:47
651
原创 Vue中将以毫米（mm）为单位的数值转换为像素（px）
1. 首先，需要确定当前屏幕的像素密度（pixel density）。常见的像素密度是每英寸像素数（PPI）为 96。可以根据实际情况进行调整。所以，在Vue中将毫米转换为像素，可以使用上述公式进行计算。将这个转换过程封装成一个Vue过滤器或者自定义方法，以便在模板中直接调用和使用。在Vue中将以毫米（mm）为单位的数值转换为像素（px），可以使用CSS中的转换函数。
2023-07-24 16:49:25
1154
原创 js 如何将该十进制数值转换为十六进制数值
在上面的代码中，`toString(16)` 将十进制数值 `112` 转换为十六进制字符串 `"70"`。其中，参数 `16` 表示要将数值转换为十六进制形式。在JavaScript中，你可以使用 `Number.toString()` 方法，并传递参数 `16`，将一个十进制数值转换为十六进制字符串。请注意，返回的十六进制字符串是以小写字母表示的。使用 `toUpperCase()` 方法将十六进制字符串转换为大写形式。以上示例中的 `hexadecimal` 值最终为 `"70"`。
2023-07-06 09:20:06
1146
1
原创 vue数组合并几种常用方法
在上述示例中，使用了computed属性来创建一个名为mergedArr的计算属性，该属性利用展开运算符将arr1和arr2合并为一个新的数组。然后，可以在Vue模板中使用mergedArr来获取合并后的数组。在Vue中，可以使用JavaScript的concat()方法或展开运算符(...)来合并数组。如果需要在Vue组件中合并数组，可以在相应的方法中使用上述方法。
2023-07-05 23:28:04
7363
原创 Vue中数组进行去重的几种常用方法
1、使用Set数据结构：这是ES6中引入的新数据结构，它只能存储唯一的值。你可以将数组转换为Set，然后再将Set转换回数组。2、使用filter()方法：通过使用indexOf方法来保留首次出现的元素，去掉重复的元素。3、使用reduce()方法：通过使用一个空数组和includes()方法来添加不重复的元素。
2023-07-05 23:14:01
6664
原创 uniapp 全局添加图片 oss 或 网站域名 前缀
该方法自动判断是否已是远程图片，如果已经是网络上的图片则不会再添加域名，如果是相对路径的图片则会自动添加域名前缀，变成远程图片。在调用的页面调用方法。
2023-04-04 10:31:35
839
原创 uniapp 智能显示导航栏 微信QQ浏览器下隐藏 H5下显示 解决微信双标题问题
实现在微信、QQ浏览器下自动隐藏导航栏解决双标题问题，在H5手机浏览器下显示导航。效果非常不好，为了实现完美的显示效果，只需要在main.js里加入以下代码即可。uniapp h5 手机版在微信里会显示双标题的问题，如下图。
2023-02-25 10:40:31
2992
2
原创 移动端长按复制功能禁用或启用css控制
有时候需要复制功能时，代码如下：user-select: auto;在需要的地方class或style 加上：user-select: none;有时的页面不想让用户长按后复制内容，一行代码搞定。
2022-11-15 10:12:31
972
1
原创 vue 删除多余字段
// a 为数组a.forEach(function(item, i) {for (let key in item) {if (key == 'wordId' || key == 'wordSource' || key == 'addNew' || key == 'addHalf' || key =='addGrasp' || key == 'add3Word' || key == 'wordType') {newObj[key] = item[key];vm.$set(newObj, 'wo.
2022-05-07 14:39:58
1033
原创 uniapp 返回上一页 触发上一页的刷新
触发上一页的更新(B页面)click事件函数//click事件函数gotoPre:function(){ let pages = getCurrentPages()//页面栈 let prePage = pages[pages.length - 2]//上一页 prePage.$vm.reFresh = Math.random()//触发上一页监听器 uni.navigateBack()//返回上一页}离开页面事件// 离开页面onUn
2022-04-23 11:10:02
1393
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人