- 博客(28)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 微信canvas画一个进度条刻度扇形
大致的效果如下图中的扇形总共需要用到两个canvaswxml<view class="progress"> <canvas canvas-id="canvasProgress" style="width: {{canvasWidth}}rpx; height: {{canvasHeitht}}rpx;"> </canvas> ..
2018-09-29 09:28:23
4636
7
原创 微信小程序scroll-view组件自适应不同高度的手机
已知微信相比于H5开发有rpx这个单位可以自适应一些不同宽度的手机，但是有的时候需要自适应一些手机高度贼大的手机比如iphoneX系列所以scroll-view的wxss样式里肯定不能写死，我能想到的方法就是js里头加载画面前再设置高度wxml里<scroll-view scroll-y style='height:{{scroll_height}}rpx'> /...
2018-09-29 08:38:23
11297
16
原创 uniapp 引入chart.js报错解决 Failed to create chart: can‘t acquire context from the given item
保证new Chart的第一个入参一定是一个原汁原味的canvas标签的dom，问题解决。猜测应该是uniapp为了兼容多端对canvas进行二次封装导致的报错，所以加了一行。在vue3中上述代码可以运行无报错,但是在小程序中会报错。打印ctx发现是如下结构的虚拟dom。的最简单demo示例。
2024-07-22 17:03:26
456
原创 vue3+ts props定义识别为unknown
defineProps一个Prop Type得到unknown，看一看你的自定义类是不是全是非必要字段
2024-03-14 16:23:17
651
原创 vue3 vite 经纬度逆地址解析
不过需要注意的是，这两种方法都会导致你的key暴露，以上代码只做测试用不能用于线上发布，线上肯定还是要把key放在后端的。在web端测试经纬度逆地址解析有2中方式，先准备好两个应用key。如果你用“浏览器端”key测试服务器端会报240报错。且需要配置vite.config.js文件的代理。第一种，使用“浏览器端”应用类型。第二种，使用“服务端”应用key。
2024-02-23 17:01:35
699
原创 wox 启动的cmd无法识别npm
联想到cmd的特性是一个cmd窗口打开后，其运行环境就会固定，不会随着你系统环境变量的更新而更新。所以我猜测是wox启动的时候缓存了一份cmd的拷贝，而每次重新通过wox启动一个cmd窗口并不依赖操作系统的最新环境而是依赖wox启动时候的缓存环境，所以。新打开的任意cmd窗口均发现可以识别npm和yarn命令，但是wox启动的cmd窗口就不行。安装软件步骤：everything->wox->nvm->npm->yarn。
2024-01-18 09:04:01
519
1
原创 css 类名不能乱起,避免被浏览器插件屏蔽
项目是基于vue-element-admin,开发过程中遇到了令人自闭的大坑，发现问题的契机为想把重复的几处style写成class。因为功能模块是广告类型相关，我就取了个“ad-item”的类名，问题出现了，界面上的元素没了，查看类的属性，宽高字体大小都给了，遂查看项目中的同名样式，发现没有同名样式，这就太离谱了。把class的样式复制给style没毛病，我定位出必然是class冲突了，要么是被ele给覆盖了，要么是在别的地方被覆盖了。去浏览器的样式表搜了一下ad-item，发现一个很奇怪的样
2021-05-10 17:28:13
329
原创 el-upload typescript 多文件上传添加loading progress
el-upload的单文件上传loading框很好做，如果涉及到单次要上传多个文件，产品同志又给你提bug说加载条怎么消失了的时候，改怎么优化自己的上传组件呢？标签<el-upload ref="uploader" style="display:inline-block;" action :on-success="handleImportFinished" :on-progress="handleUploadProgress" :on-erro
2021-02-01 15:10:36
3666
原创 Vue vue-property-decorator框架下 对于@PropSync 跨2代传值 思考
当我们遇到跨2代组件传值，但是又不想依赖Vuex的重或者担心EventBus会搅乱代码时，我们也可以用多层的@PropSync传递来解决问题祖节点标签<grandComp :product-name.sync="title"/>jsprivate title = '';created() { this.title = 某函数返回值;}父节点我们可以什么都不做，只接受祖节点传递的productName。标签<ProductDetailBaseI
2020-12-03 11:14:56
1204
2
原创 SourceTree拉推代码怎么不劈叉(merge)
针对一些项目组对项目的枝干有明确的不能劈叉必须保持一条直线的要求,命令行的老杆子们都是git命令行打的飞起,一口一个rebase,作为git命令行小白的我就比较尴尬,怎么说sourceTree都是git命令的可视化工具,应该也是有解决办法的,只是我很少去研究之前面对拉代码时冲突,我的解决办法是使用菜单列表的"贮藏"功能,在本地先保存我的本次修改,然后拉代码保证不冲突,然后拉下代码后,在左侧的贮藏列表选择应用贮藏区次时遇到修改同一行代码的情况就会出现conflict,然后在手动解决,再提交,这
2020-11-26 22:41:05
584
原创 多行文本超过一定行数后显示展开功能
超过单行显示三个点overflow: hidden;text-overflow: ellipsis;white-space: nowrap;超过多行显示三个点display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;超过多行并且显示展开按钮有2种方法1.判断字符串的字数，这个会因为字体大小、英文单词、特殊符号等因素出现很大的偏差，也不推荐2.就是微信提
2020-08-12 10:58:37
3743
原创 微信小程序用户拒绝授权后如何操作
1.template标签里至少有一个button标签<button open-type="openSetting" @opensetting="onGetLocation">立即授权</button>open-type以及按钮事件可以有其他搭配，比如getUserInfo及@getuserinfo2.js中添加判断当程序需要某些数据的时候，例如地理位...
2020-02-26 16:50:50
1527
原创 uni vue 正则解决中文名输入数字字母符号表情
以下是自己使用的工具函数，其中emoji-regex需要安装依赖包npm i emoji-regexfunction irRegular(str, type, returnType, message) { /* * str 传入的值 String * type 替换类型 String ('Number', 'Letter' ,'Sign', 'Emoji' ,'All') ...
2020-01-15 10:55:10
776
原创 微信小程序修改主体信息
因业务需要，当公司主体的微信公众号或者微信小程序需要修改主体信息。微信公众号可以在公众号设置修改主体信息。微信小程序无法直接修改主体信息，可以通过腾讯客服微信公众号申请解决，需要数天就能修改成功。且不需要额外的认证费用。支付宝商户平台修改主体信息比较方便，如果是主体名称修改，支付宝可以直接获取到部分更新名称后的内容，变更信息更方便。...
2019-09-30 09:56:45
11998
原创 uni-app getLocation无address解决偏方
uni-app本身有获取地址的接口，点击前往这个接口首先需要开放位置权限，具体就是android需要打开gprs，ios需要允许应用在使用期间使用地址不过此时成功的回调地址参数打印并不包含longitude和latitude，应该是在父类里吧这个我没有深究。此时理论上会有address可以直接取到省市区，但是我并没有取到，原因不明，只能采用偏方根据经纬度再调百度或者腾讯地图的接口获取。...
2019-06-28 14:04:16
7341
1
原创 uni-app前端框架坑点集合，打包图片加载不到问题
canvas画图保存到本地才发现的当绘制网络资源图片时保存为空白图片。对于CanvasContext.drawImage这个canvas的画图函数中imageResource并未标明对图片资源的要求，就早些版本是可以加载网络图片的，但是2019.12.12日对照微信小程序文档发现对于网络资源必须downloadFile存为缓存图片。此处uni文档并未标明。HbuilderX 2.2.2 ...
2019-04-08 08:25:20
13837
原创 js vue生成两位小数的分数运算
本需求是关于运用随机来数训练分数计算的能力，使用vue前端产生一个数组然后保存到excel里。本文重点讲分数的随机数生成。getRandom () { //获取一个0-100的整数 return Math.ceil(Math.random() * 99) + 1}getChild (n) { //获取一个n-100n的不被n整除的数 let...
2019-02-13 09:25:47
2833
原创 vue vux x-header组件的返回图标颜色修改
业务场景：自己在x-header的基础上再封装了一下，要求根据父页面传来的参数设置x-header的标题背景色、标题字色和返回颜色动态修改背景色比较简单<template> <x-header :style='backColor'> </x-header></template>data () { return {...
2018-11-23 16:25:18
5045
原创 微信打开静态页面分享给好友
先说一下需求，在原来的主页面右上角要添加一个分享按钮然后要求点击后弹出微信自带的分享给好友的功能，乍一看好像不难，之前确实没有微信相关的开发经验，但愣是花了3天才搞好。先说一下结论：真是好大一个坑，微信的分享不能从自定义的按钮走，只能重写右上角那三个点的分享功能！开发环境相关技术：vue / vux / webpack / j2ee1.vue项目根目录下main.js中加载jsSDK...
2018-08-06 17:48:50
3710
原创 Vue 自定义单选组件
先展示样式效果代码如下html:循环遍历数组展示单选内容，点击后绑定picked值会与value值相等，若v-model值和:value值相等就会触发checked=true<div v-for="(i,index) of dd" :key="index"> <label class="myRadio"> <input type = "radio"
2018-07-12 10:55:35
2234
3
空空如也
android图片像素超过屏幕分辨率导致的对齐问题
2016-09-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人