- 博客(99)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 input[type=file]上传图片的兼容问题
环境：系统浏览器先测试一段代码：<h2>普通</h2> 可多选<input type="file" /><h2>相机</h2> Android仅文件 iOS仅相机<input type="file" capture="camera" /><h2>文件</h2> 可多选<input type="file" accpet="image/*" /><h2>相机文件<
2023-03-08 11:56:09
389
原创 react+antd动态设置table最大滚动高度
场景，无论页面中添加多少元素，始终让table的高度自适应，这样在table设置了最大高度的情况，页面不用再出现多条滚动条。
2023-03-01 17:24:16
1185
原创 v3+ts 中定义全局方法
types文件夹下新建 global.d.ts。在util.js定义方法。扩展类型，否则打包报错。2)script 中使用。
2023-02-15 14:31:51
377
原创 小程序API调用问题
开发中发现小程序一些API调用有限制导致程序不能正常流程走，下面记录一些常见的，开发时注意预防。一、调用限制问题接口调用频率规范文档有几点优化方法：1.获取定位信息 wx.getLocation最开始是程序中多个页面拿到准确的定位地址，用的这个所以报错了。还有使用了腾讯地图的地址逆解析(qqmap-wx-jssdk1.min.js)，里面逻辑也有调用wx.getLocation。var QQMapWX = require('./qqmap-wx-jssdk1.min.js');
2022-05-11 10:41:01
3250
原创 实现微信小程序上传视频的注意事项
小程序选择视频方法根据官网的建议文档原文：拍摄视频或从手机相册中选视频。此接口不再更新，建议使用 wx.chooseMedia，所以我这里使用的是 wx.chooseMediawx.chooseMedia 需要关注sizeType属性，但是测试后发现：使用 wx.chooseMedia 选择视频时，sizeType的参数配置[‘compressed’]时，如果视频文件是来自【从手机相册选择】则会压缩；如果视频文件来自相机【拍摄】则该属性无效；注意：【拍摄】sizeType属性虽无效
2022-02-25 11:02:47
2443
原创 微信小程序wx.startLocationUpdateBackground(Object object)
wx.startLocationUpdateBackground(Object object)开启小程序进入前后台时均接收位置消息，需引导用户开启授权。授权以后，小程序在运行中或进入后台均可接受位置消息变化。使用注意：1） app.json配置"requiredBackgroundModes": [ "location" ]2）小程序位置信息授权开通【使用小程序期间和离开小程序后】3）该方法需要真机调试...
2022-02-21 11:15:46
1518
1
原创 微信小程序wx.getLocation定位错误信息汇总(腾讯地图 reverseGeocoder 错误返回也同)
安卓：系统没开启定位，无提示message: "getLocation:fail:ERROR_NOCELL&WIFI_LOCATIONSWITCHOFF"status: 1000系统未授权微信定位，无提示message: "getLocation:fail system permission denied"status: 1000小程序未授权定位，无提示message: "getLocation:fail auth deny"status: 1000ios:系统没开
2021-11-23 15:53:15
2603
原创 小程序wx.chooseContact获取通讯录，报错提示【你选的手机号码格式错误，请重新选择】
测试中发现部分手机（集中在安卓机）出现该问题检查后发现，该问题手机未开通微信访问通讯录的权限，而我们小程序中并不能感知这种程度的权限，所以开始没有发现问题。优化：在错误提示上备注一下让对方检查微信访问通讯录的权限，确保开通...
2021-11-12 11:19:36
1391
原创 微信小程序做图片压缩
功能期望：图片需要压缩至100KB以下注意：1 下方用大小判断是80kb，为了防止图片输出是其大小变化有误差；2 canvas 的大小一定要动态设置，不能写死3 为了防止用于压缩的canvas影响页面，将其绝对定位到其他地方<!-- 页面中写，用于图片压缩 --><canvas canvas-id="myCanvas" style="position:fixed;right:-{{canvasW/1+300}}px;bottom:{{canvasH/1+1000}}px;
2021-10-22 18:25:49
7537
1
原创 elementUI动态添加校验规则
场景：点击【添加】或删除的时候改变数组，数组格式data(){ return { formData:{ groupIdList:[]//[12,23,34] }, rules:[ 'groupId': [ { required: true, message: '请选择客群', trigger: 'change' }, { required: true, message: '请选择客群', trigger: 'blur' },
2021-07-08 10:58:25
1453
2
原创 小程序原生开发常用
独立页面设置顶部标题index.json "navigationBarTitleText":"个人中心",设置组件受页面wxss的影响组件样式隔离 styleIsolation通常公共样式写在app.wxss中，通常情况开发组件，组件与页面的样式是隔断的，所以会有“app.wxss的样式在组件不起效”的疑问。设置 在 组件的 json 中设置 “styleIsolation”: “apply-shared”,即可让app.wxss样式在该组件生效。具体的其他情况的值设置，配置位置根据基
2021-06-24 14:55:41
1928
1
原创 小程序使用npm包
1 、开发工具 【详情-》本地设置 -》使用npm模块】2、手动初始化package.json通常npm下载包的时候会自动初始化，但是当你下载包后也没有package.json文件的时候，手动创建：npm init注意：这里是一定要有的，没有的话下面点击构建的时候会报没有找到可构建npm包3、下载所需包npm i 包名 --production4、开发工具中的工具，点击构建npm...
2021-04-30 17:37:18
106
2
原创 小程序自动定位获取地址信息
业务场景：需要用户进入小程序的时候获取用户的当前位置信息（经纬度，省市区等）。小程序API方案：小程序本身有提供API获取定位wx.getLocation(Object object)，不过该方法只能获取到经纬度。百度地图API1)百度地图开放平台注册账号；2)然后，创建小程序应用：3)最后得到ak;4）相关配置可以查看这里，然后下载【百度地图微信小程序JavaScript API】，配置中有链接。5)小程序后台配置服务器域名：https://api.map.baidu.com6)小程
2021-01-13 14:55:33
1491
原创 js压缩图片
将传进来的文件对象压缩为一个设定的宽度；小于就不压缩，避免模糊dealImage:function(fileObj, callback){ var arg={width:1000}; var file = fileObj; if(file) { var src = window.URL.createObjectURL(file);//PS:不兼容IE var img = new
2020-12-25 17:07:33
666
原创 处理input file限制只能拍照不能选图库
<input type="file" class="ComImgFileObj" capture="camera" accept="image/*"/>
2020-12-23 18:47:25
2693
1
原创 问题整理
for循环 给数组push值需求：循环像数组push对象（不一样）；问题现象：数组里面的所有对象一样；代码（大概形式）：【大概形式就是下面这样，但实际上getValue里面的逻辑更多。下面这段代码不能复现出来】var detailArr=[{name:"张三",age:12},{name:"张四",age:8}]; var getValue=function(obj){ return obj; } var itemRes = null;
2020-12-01 17:50:05
78
原创 小程序做注册登录功能
1 获取用户信息这里主要存一些姓名头像等相关：通过 wx.getUserInfo 获取：{"nickName":"XXX","gender":2,"language":"zh_CN","city":"Guangzhou","province":"Guangdong","country":"China","avatarUrl":"https://XXX"}
2020-11-30 15:59:12
1310
原创 (H5，小程序中) 后台返回 image/jpeg 类型数据，怎么展示图片
场景：直接在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
2020-07-24 09:56:32
2549
1
原创 loaderContext.getResolve is not a function
原因：系统安装的node版本与项目的node-sass sass-loader 版本不对应的原因引起的。这是官网的node与node-sass的对应本人环境安装的node是12 的版本，然后sass-loader对应的是7.1.0所以下载：npm i [email protected] [email protected] --save-dev最后运行成功。...
2020-07-16 16:01:15
524
原创 如何使用小程序插件
（本文主要是讲述如何使用小程序插件，而不是“联系我”插件，毕竟这个插件如此的鸡肋，demo一出，老大就果断拒绝了，orz）uni-app使用小程序插件在小程序公众平台中添加插件：设置->第三方设置引入插件在uni-app中，manifest.json配置： /* 小程序特有相关 */ "mp-weixin" : { "appid" : "小程序appID", "setting" : { "urlCheck" : tru
2020-06-08 14:15:54
3078
5
原创 实现点击input软键盘出现搜索按钮
需求：点击搜索框的时候，弹出的软键盘上出现“搜索”按钮例：<form action="javascript:return" > <input @keyup.13="点击搜索触发方法" type="search" v-model="key" placeholder="搜索您想要的商品"/></form>实现过程可能出现的问题：1 input[type=search]不出现搜索按钮原因可能有：1.1 没有用form表单包1.2 form 没有带ac
2020-06-05 15:01:23
1310
原创 node与node-sass版本导致的运行报错：Module build failed: Error: ENOENT: no such file or directory, scandir...
原因：node-sass与你系统装的node版本不匹配，重新下载node-sass就好。npm rebuild node-sass然后重新运行就好了。实际上报错里面也有提示的：
2020-06-03 10:20:30
3362
原创 真机调试H5
1 引入vconsole.js2<script> window.onload=function(){ var vConsole = new VConsole();//手动示例化 } </script>最后我们访问页面的时候就可以在右下角看到一个绿色的vConsole按钮，点击出现控制台，这样就能看到打印和请求等信息。...
2020-06-01 15:31:27
425
原创 微信小程序内嵌H5缓存的问题
问题：H5时常更新代码，但是由于微信小程序web-view的缓存机制，导致一些用户能读到最新的代码，有些用户不能解决思路：1 如果H5项目访问方式是 xxx/xxx.html的方式的话，加随机数就好了，原理同图片加随机一样2 如果H5项目访问方式是 xxxx/#/a 的方式的话，#后面加随机是没有用的，这种可以使用版本号处理，加了版本号的路径大概如下：xxxx/version_1/#/a到这里很多人会问，那我是要每次都见一个新的路径吗？其实不是，这里的版本号一般是让运维处理，即 模糊匹配
2020-05-09 17:50:29
2765
1
原创 vue使用vue-clipboard2
准备npm i vue-clipboard2引入main.jsimport VueClipboard from 'vue-clipboard2'VueClipboard.config.autoSetContainer = trueVue.use(VueClipboard)点击div复制相应内容<template> <div v-clipboard:cop...
2020-04-09 22:07:33
855
原创 怎么在postman中动态传参（使用全局变量和脚本）
示例：这是一个简单的分页GET请求，需求是每次点击【send】都能使分页值pageindex增加,得到每一页数据。步骤：1）设置全局参数pageindex点击右上角【眼睛图标】然后点击【Edit】然后来到这个弹窗设置全局参数 pageindex 初始值1，设置完成后点击【Save】,最后点击右上角的【x】关闭弹窗。2)将设置的全局参数代入请求参数这时候点击【send】...
2020-01-17 13:59:13
4658
2
原创 排序参数并md5加密
getMD5Sign(signJson){ //signJson 参数json var keys=[]; for (let k in signJson){ keys.push(k); } keys.sort(); var kv=[]; for(let k in keys){ kv.push(keys[k] + '' + signJson[keys[k]...
2020-01-17 13:37:10
1836
原创 vue-element-admin
关闭vue-element-admin配置的eslint检测找到文件vue.config.js 设置lintOnSave: false,但是实际上不推荐关闭；你可以在 .eslintrc.js 按照自己的编码习惯配置。
2019-11-21 15:53:55
191
原创 vue-awesome-swiper基础使用
vue-awesome-swiper 自定义索引样式 <div class="carousel_1"> <h3>正常的点索引</h3> <swiper :options="swiperOption_1"> <swiperSlide> <a href="ja...
2019-11-18 14:29:31
389
原创 js判断用户是否是刚进入页面
function isNewOpen(){ if(window.history&&window.history.length<2){//外部链接 return true; }else{ return false; } }
2019-11-01 09:08:56
863
原创 前端插件推荐（整理中...）
vue-count-to //简单好用的数字滚动插件一个无依赖，轻量级的vue组件。demonpmclipboard.js //剪贴板https://clipboardjs.com/dropzone //可拖拉文件上传dropzone 是一个开源代码库。它是轻量级的，不依赖于任何其他库（如jQuery），并且高度可定制。sortable.js //列表拖拽排序Demonpm...
2019-10-29 17:52:56
362
1
原创 多行省略css
/*多行省略*/.Pellipsis2{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}.Pellipsis3{ overflow : hidden;...
2019-10-29 16:15:31
3774
原创 常见包的作用(佛系整理)
code-js通常使用babel会间接的引入core-jscore-js提供了es5、es6的polyfills，包括promises、symbols、collections、iterators、typed arrays等等，并可以按需加载，使用它不会污染全局命名空间。注意点：polyfills前端通常在开发时需要考虑到浏览器对js，html5的支持，这些兼容都可以使用polyfil...
2019-10-29 15:53:12
497
原创 keep-alive使用注意事项
1 deactivated的执行问题现象：keep-alive的列表页 跳转到 不需keep-alive的菜单页时，selectGoodsList.vue deactivated(){ console.log("list-deactivated"); },menu_page.vuemounted(){ console.log("menu-...
2019-10-12 10:31:45
220
原创 react 与vue开发中常见的不同（持续整理中...）
引入图片和背景react:import logo from './logo.svg';...<img src={logo} className="App-logo" alt="logo" />vue:<img :src="logo" className="App-logo" alt="logo" /><div v-bind:style="{ 'back...
2019-08-21 15:38:19
387
原创 小程序怎么调试web-view
开发者工具中，在web-view出现的页面，点击鼠标右键，然后出现一个调试气泡提示信息，点击它就会跳出web-view的调试工具
2019-08-13 17:52:51
3450
1
原创 封装vue组件的那些事
自定义组件state动态赋值给父组件state例：一个输入框组件，需要组件的state能一直同步给父组件的state自定义组件 commodityNameInput：<template> <input class="com_commodityNameInput" type="text" v-model="endValue" placeholder="商品名称">...
2019-08-09 10:30:53
145
原创 小程序组件scroll-view的使用
<template> <view> <h2 style="text-align: center;font-size: 16px;background-color: #000000;color: #fff;">竖向滚动</h2> <div class="navs"> <span @click="scrollTop='n...
2019-08-08 15:54:12
283
原创 wx.miniProgram.navigateTo和wx.navigateTo无效，小程序跳转页面无效
问题应该是你将要去到的页面在tabBar里面的list使用了，这两个方法不能跳到 tabbar 页面
2019-08-05 15:59:52
4339
jweixin_1.4.0.js
2019-05-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人