zhuqiang1997的博客

原创 Electron+vue桌面端应用实现本地版本更新

因业务需求，需要将PC网页端转化成桌面端应用，但是发布新代码后，用户已经下载的无法使用最新版本，现用简单方法实现。

原创 Chrome安装拓展程序Traduzir-paginas-web（Chrome翻译功能）加载后提示清单文件缺失或不可读取报错解决方法

因为Chrome浏览器不再支持国内翻译功能，安装Traduzir-paginas-web拓展程序即可完美解决因为无法直接打开Chrome应用程序商店，所以采用离线安装，百度也能搜到相同安装文章，此文章主要解决报错问题。

原创 uniapp打包上架ios Appstore 最全流程windows电脑用户必看

最全uniapp打包上架ios的app store流程，windows用户无需通过mac机芯

原创 uniapp,vue,h5页面通过zxing.js实现扫描二维码或条形码

uniapp vue h5 微信公众号页面通过zxing.js实现扫描二维码或条形码

原创 node服务端使用socket.io实现简单实时视频一对一webrtc通讯

步骤：创建空文件夹 > 终端输入 npm init -y > 安装依赖 express cors socket.io（npm install express cors socket.io ）这样就可以在局域网内与小伙伴一对一屏幕共享聊天了，可换成获取摄像头流。终端运行 node ./index.js。1. 首先新建一个node项目。创建index.js入口文件。2. 准备vue前端页面。

原创 webrtc实时音视频即时通讯，个人心得

webrtc

原创 node服务器端接收前端上传图片并返回url路径保存数据库

通过npm安装multer插件https://www.npmjs.com/package/multer首先先在node启动js文件中注册express.static中间件通过express.router将方法导出，在node启动js文件中注册const express = require('express');const router = express.Router();const multer = require("multer");const key = require('..

原创 vue,uniapp,js获取视频第一帧图片作为封面图

需求：后端返回http视频线上地址数组，将视频的第一帧作为封面图展示，通过列表渲染页面，如下图1、获取视频列表，这里需要Promise函数处理异步问题，跟据具体业务逻辑来处理// 获取设备的视频列表 function getVideoList() { return new Promise((resolve, reject) => { mui.ajax('你的接口地址', { data: { // 你接口的参数 code: pu_i.

原创 js数组转对象

原创 微信小程序多张图片循环上传

1.使用微信小程序自带上传组件wx.chooseImage上传图片，2.使用promise.all方法等promise函数都执行完毕

原创 uniapp,vue,h5页面图片压缩功能

1.这里使用的uniapp组件uni.chooseImage上传图片，vue可通过input type="file"原生进行上传

原创 uniapp开发h5页面点击输入框会把底部fixed定位按钮弹起

解决方法：去除按钮的绝对定位，将输入框的高度固定将获取的屏幕高度减去红线输入框距离顶部的高度再减去底部按钮的高度就是红线范围的固定高度，减15是按钮底部留白在红线dom元素上赋值计算之后的高度，这里需要注意，单位为px，使用rpx可能不同机型底部按钮留白部分不一致...

原创 css斜三角形

原创 微信小程序获取手机号前端js解密

js文件不知道怎么放，留言或私

原创 uiapp开发微信公众号，ios不能使用微信jssdk中chooseImage接口不生效的问题

uiapp开发微信公众号，ios不能使用微信jssdk中chooseImage接口不生效的问题如果也不是count大于9的问题话。应该就是获取config签名路由配置的问题了，可以判断当前是安卓还是ios系统

原创 uniapp微信公众号页面使用获取当前精确位置及uni.chooseLocation显示当前位置不准确的问题

在微信公众号页面使用uni.chooseLocation显示当前位置不准确，测试发现在小程序中可以正常使用以及定位，wxjssdk也没有这个接口可以使用，只有getLocation可以获取到当前的精确位置，好了，附上具体流程1.首先先使用wxjssdk中的getLocation接口，获取当前精确位置附上微信公众号jssdk地址：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html2.选取地图插件（这里采取的

原创 关于uniapp中scroll-view标签里面的flex布局不生效

uniapp中scroll-view标签里面的flex布局生效## 标题在内容class类名加个display：inline-block；就可以了