github_38928905的博客

副主题色data(){return {},methods:{

环境：系统浏览器先测试一段代码：<h2>普通</h2> 可多选<input type="file" /><h2>相机</h2> Android仅文件 iOS仅相机<input type="file" capture="camera" /><h2>文件</h2> 可多选<input type="file" accpet="image/*" /><h2>相机文件<

场景，无论页面中添加多少元素，始终让table的高度自适应，这样在table设置了最大高度的情况，页面不用再出现多条滚动条。

types文件夹下新建 global.d.ts。在util.js定义方法。扩展类型，否则打包报错。2)script 中使用。

开发中发现小程序一些API调用有限制导致程序不能正常流程走，下面记录一些常见的，开发时注意预防。一、调用限制问题接口调用频率规范文档有几点优化方法：1.获取定位信息 wx.getLocation最开始是程序中多个页面拿到准确的定位地址，用的这个所以报错了。还有使用了腾讯地图的地址逆解析(qqmap-wx-jssdk1.min.js)，里面逻辑也有调用wx.getLocation。var QQMapWX = require('./qqmap-wx-jssdk1.min.js');

小程序选择视频方法根据官网的建议文档原文：拍摄视频或从手机相册中选视频。此接口不再更新，建议使用 wx.chooseMedia，所以我这里使用的是 wx.chooseMediawx.chooseMedia 需要关注sizeType属性，但是测试后发现：使用 wx.chooseMedia 选择视频时，sizeType的参数配置[‘compressed’]时，如果视频文件是来自【从手机相册选择】则会压缩；如果视频文件来自相机【拍摄】则该属性无效；注意：【拍摄】sizeType属性虽无效

wx.startLocationUpdateBackground(Object object)开启小程序进入前后台时均接收位置消息，需引导用户开启授权。授权以后，小程序在运行中或进入后台均可接受位置消息变化。使用注意：1） app.json配置"requiredBackgroundModes": [ "location" ]2）小程序位置信息授权开通【使用小程序期间和离开小程序后】3）该方法需要真机调试...

安卓：系统没开启定位，无提示message: "getLocation:fail:ERROR_NOCELL&WIFI_LOCATIONSWITCHOFF"status: 1000系统未授权微信定位，无提示message: "getLocation:fail system permission denied"status: 1000小程序未授权定位，无提示message: "getLocation:fail auth deny"status: 1000ios:系统没开

测试中发现部分手机（集中在安卓机）出现该问题检查后发现，该问题手机未开通微信访问通讯录的权限，而我们小程序中并不能感知这种程度的权限，所以开始没有发现问题。优化：在错误提示上备注一下让对方检查微信访问通讯录的权限，确保开通...

功能期望：图片需要压缩至100KB以下注意：1 下方用大小判断是80kb，为了防止图片输出是其大小变化有误差；2 canvas 的大小一定要动态设置，不能写死3 为了防止用于压缩的canvas影响页面，将其绝对定位到其他地方<!-- 页面中写，用于图片压缩 --><canvas canvas-id="myCanvas" style="position:fixed;right:-{{canvasW/1+300}}px;bottom:{{canvasH/1+1000}}px;

场景：点击【添加】或删除的时候改变数组，数组格式data(){ return { formData:{ groupIdList:[]//[12,23,34] }, rules:[ 'groupId': [ { required: true, message: '请选择客群', trigger: 'change' }, { required: true, message: '请选择客群', trigger: 'blur' },

独立页面设置顶部标题index.json "navigationBarTitleText":"个人中心",设置组件受页面wxss的影响组件样式隔离 styleIsolation通常公共样式写在app.wxss中，通常情况开发组件，组件与页面的样式是隔断的，所以会有“app.wxss的样式在组件不起效”的疑问。设置 在 组件的 json 中设置 “styleIsolation”: “apply-shared”,即可让app.wxss样式在该组件生效。具体的其他情况的值设置，配置位置根据基

1 、开发工具 【详情-》本地设置 -》使用npm模块】2、手动初始化package.json通常npm下载包的时候会自动初始化，但是当你下载包后也没有package.json文件的时候，手动创建：npm init注意：这里是一定要有的，没有的话下面点击构建的时候会报没有找到可构建npm包3、下载所需包npm i 包名 --production4、开发工具中的工具，点击构建npm...

业务场景：需要用户进入小程序的时候获取用户的当前位置信息（经纬度，省市区等）。小程序API方案：小程序本身有提供API获取定位wx.getLocation(Object object)，不过该方法只能获取到经纬度。百度地图API1)百度地图开放平台注册账号；2)然后，创建小程序应用：3)最后得到ak;4）相关配置可以查看这里，然后下载【百度地图微信小程序JavaScript API】，配置中有链接。5)小程序后台配置服务器域名：https://api.map.baidu.com6)小程

将传进来的文件对象压缩为一个设定的宽度；小于就不压缩，避免模糊dealImage:function(fileObj, callback){ var arg={width:1000}; var file = fileObj; if(file) { var src = window.URL.createObjectURL(file);//PS:不兼容IE var img = new

<input type="file" class="ComImgFileObj" capture="camera" accept="image/*"/>

for循环 给数组push值需求：循环像数组push对象（不一样）；问题现象：数组里面的所有对象一样；代码（大概形式）：【大概形式就是下面这样，但实际上getValue里面的逻辑更多。下面这段代码不能复现出来】var detailArr=[{name:"张三",age:12},{name:"张四",age:8}]; var getValue=function(obj){ return obj; } var itemRes = null;

1 获取用户信息这里主要存一些姓名头像等相关：通过 wx.getUserInfo 获取：{"nickName":"XXX","gender":2,"language":"zh_CN","city":"Guangzhou","province":"Guangdong","country":"China","avatarUrl":"https://XXX"}

场景：直接在postman或是浏览器network的Preview直接显示图片。需求是在页面中展示图片：处理：1 请求加上配置 （必须） responseType: 'arraybuffer',2 得到的后台数据resData转base64 var base64 = btoa( new Uint8Array(resData) .reduce((data, byte) => data + String.fromCharCode(byte), '')); this.ImgSrc='dat