- 博客(27)
- 收藏
- 关注
RSS订阅
翻译 uniapp配置多个环境
在Uniapp中可以通过创建.env.js文件实现多环境配置：在根目录新建.env.js，设置ENV变量切换环境(DEV/TEST/PROD)根据不同环境配置WS_URL、PROD_URL等参数使用方式有两种：单独引入：import UNI_APP from '@/.env.js'全局引入：在App.vue中设置globalData，页面通过getApp().globalData访问此方法简单易用，适合Uniapp项目的多环境管理需求。
2025-06-05 15:34:59
85
原创 WebSocket通信 多端实现方案
本文介绍了Vue3和Vue2中实现WebSocket通信的不同方案。Vue3版本使用@stomp/stompjs库封装连接逻辑，通过Composition API实现模块化管理，包含自动重连和消息订阅功能。Vue2版本采用stompjs库以mixin方式实现，支持多频道订阅和心跳检测。两者都提供了连接管理、错误处理和组件卸载时的资源清理，Vue3方案更强调代码复用性，Vue2方案则侧重传统mixin复用模式。实现均包含用户身份验证机制，适合企业级应用的消息推送场景。
2025-06-03 11:47:29
259
原创 IIS跨域配置案例（本地模拟使用 wx-js-sdk获取签名）
将此信息拷贝到你所开发的项目中，微信浏览器打开即可使用微信内置的api,如获取定位、上传图片、图片预览等。启动的时候如果报一下错误，是因为没有启动相关的服务导致的，启动相关服务即可。这里的安全域名是你本地的ip。应用成功之后会在项目中生成。可以添加自己以及其他人使用。,找到之前创建好的网站，
2025-01-22 13:41:31
196
转载 axios设置responseType: ‘blob‘，获取接口返回的错误信息
在axios的请求中当后端接口返回的是文件流的情况下，我们需要在请求参数里面设置responseType: ‘blob’，如果接口报错，默认前端这里是引用无法获取后端返回的错误信息。2.接口返回错误，处理过后打印的结果result。解决方法：通过FileReader获取错误信息。1.接口正确返回的文件流。
2024-09-24 17:23:09
871
原创 vue自定义全局组件/avue引入第三方组件的写法以及引用
子组件获取父组件绑定的值props:[‘value’]；组件中props下的value指的是v-model绑定的值，如果是avue引入的话，代表的是prop绑定的值，下面会说到。组件也同样是在customComponents文件夹下新建，这是我本地创建的，结构如下，名字不一样也无所谓，按自己喜好。这里的this.$emit(‘input’, id)改变的是父元素中prop字段为principal的值。在main.js中引入你创建的自定义组件，这样就把该文件夹下的组件全局引入到vue应用中了。
2024-09-18 13:43:15
876
翻译 页面按宽（高）等比例缩放方案以及存在的弊端
使用zoom属性也存在一些坏处，包括可能导致页面元素的比例失调，特别是当页面中使用了一些第三方组件时，缩放可能会导致这些组件的功能失效或出现偏移现象。此外，使用zoom属性还可能引入一些难以预料的bug，影响用户体验和页面的稳定性。,如果显示区域的比例不是16:9，那么会出现一个问题就是；高度为了适应宽度，会导致垂直方向显示不全；页面下方会出现高度不等的白条；zoom:0.5 （缩放50%），zoom:2（放大两倍）问题是不够完美，如果显示区域的比例不是16:9。1.新建文件utilsDram.js。
2024-09-04 10:00:40
445
原创 uniapp小程序接口服务连接与h5接口服务连接的区别
uniapp小程序接口服务连接与h5接口服务连接的区别小程序接口服务连接配置一common/setting.jsh5接口服务连接配置一manifest.json配置二common/setting.js配置三http/api.js 或者 http.js小程序接口服务连接配置一common/setting.jsh5接口服务连接配置一manifest.json配置二common/setting.js配置三http/api.js 或者 http.js
2024-04-08 11:45:16
168
1
原创 懒加载树局部刷新方案
2.在table属性中的:treeLoad="treeLoad"对应的方法中添加this.parentMap.set(tree.id, { tree, treeNode, resolve })1.首先定义一个map（parentMap）负责存储所有已经点开的父级节点。3.在需要刷新的地方添加代码。
2024-01-30 10:24:37
354
转载 pake一键将网页打包成桌面应用
完成上述步骤后，您的应用程序应该已经成功打包。请注意，根据您的系统配置和网络状况，打包过程可能需要一些时间。请耐心等待，一旦打包完成，您就可以在指定的目录中找到应用程序安装包。
2023-08-17 14:47:25
2655
1
原创 vue图片压缩，file/base64/blob/url各种格式转换
1、base64转blob2、blob转file3、base64转file4、图片file转Base64编码5、图片url转Base64编码。
2023-07-20 14:44:08
5101
1
原创 vue中把http/https图片通过base64显示出来
1、创建XHR对象，调用XMLHttpRequest构造函数2、启动请求以备发送数据3、设置返回响应数据的类型4、发送数据5、调用FileReader对象的方法，将文件读取为二进制码6、readAsDataURL 方法可以将读取到的文件编码成DataURL7、onload文件读取成功时触发。
2023-07-11 17:30:03
543
转载 Node.js：解析浏览器ua-UserAgent
文档：https://www.npmjs.com/package/ua-parser-js解析浏览器ua-UserAgent
2023-01-12 12:05:29
868
2
原创 H5 storage 事件监听
H5 storage事件监听在事件处理函数中，触发事件的事件对象（event参数值）具有如下几个属性:event.key 属性：属性值为在 session 或localStorage 中被修改的数据键值。event.oldValue 属性：属性值为在sessionStorage 或localStorage中被修改的值。event.newValue 属性：属性值为在 sessionStorage 或localStorage中被修改后的值event.url属性：属性值为修改 sessionStora
2020-09-23 11:10:17
529
原创 object 遮挡div
object 遮挡divobject的层级属于windows层，与浏览器同级，故浏览器中设置z-index对其没有效果，会遮挡普通div，但iframe是个特例，能够遮挡object，于是想在object上面放置div就可以在object的上面加个iframe，再加自己的div。即，类似如下代码<div style="width:390px; height: 280px; background-color:#e7e7e7;float:left;position: relative">
2020-09-23 11:02:18
304
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人