- 博客(16)
- 收藏
- 关注
RSS订阅
原创 微信小程序在低端手机绘制海报(canvas)失败
微信小程序在低端手机绘制海报(canvas)失败接到一个需求,一个页面同时绘制三张海报,低端机海报绘制失败经排查,部分手机绘制海报过程中调用wx.canvasToTempFilePath会走fail函数,导致海报绘制失败解决办法绘制过程中在fail中监听失败的某次绘制,重新调用此次绘制过程 canvasToTempImage(canvasId, mycanvas, skuImageUrl, index) { wx.canvasToTempFilePath({ canv
2021-01-22 14:31:35
386
原创 微信小程序px转rpx
wx.getSystemInfo获取到的设备数据是px wx.getSystemInfo({ success: res => { let clientWidth = res.windowWidth let changeHeight = 750 / clientWidth this.setData({ changeHeight, //单位系数 }) }, })...
2021-01-12 18:18:50
309
原创 微信小程序input框 在跳转下一页面返回后不能聚焦
微信小程序input框 在跳转下一页面返回 重复几次后 输入框不能聚焦. 查了好多资料 是微信官方问题 解决思路. 离开本页面清除DOM,onShow 重新加载DOM 虽然页面效果有点差,但是问题解决了```javascript toQuestionPage() { this.setData({ inputShow: false, //空着页面显示隐藏的属性 }) wx.navigateTo({ url: '/pages/login-que
2021-01-05 16:37:43
644
原创 H5移动端禁止长按保存图片
给img标签添加css属性, 我这个海报连接是通过微信分发，所以在微信中直接访问是生效的，也是手机自带浏览器测试生效。```img { pointer-events:none;}
2020-12-24 20:29:01
1490
2
原创 小程序 input 事件安卓手机触发两次
input 事件安卓手机触发两次这个问题微信官方好像也没有修复,那只能由我们解决,测试提出来的问题 头都大了,所以我们的解决思路要避免input事件第二次的重新触发,导致数据重新赋值!上代码我们通过监听键盘code码,去在用户输入内容的时候去赋值...
2020-12-16 10:29:48
757
原创 CDN原理
CDN原理当用户访问一个网站时, 如果没有CDN, 过程是这样的:浏览器要向域名解析为 IP地址, 所以需要向本地DNS 发起请求 本地DNS依次向根服务器, 顶级域名服务器 ,权威服务器发起请求, 这是一个递归的过程, 得到网站服务器的IP地址 本地DNS将IP地址发回给浏览器, 浏览器向网站服务器IP地址发出请求并得到资源如果用户访问的网站部署了CDN, 过程是这样的:浏览器要将域名解析为IP地址, 所以需要向本地IP DNS发出请求 本地DNS依次向根服务器, 顶级域名服务器, 权
2020-12-10 10:38:57
97
原创 复制文章内容时添加版权信息
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #contanier{ width: 100px
2020-11-30 16:35:49
189
原创 前端常用工具类
如何获取当前页面的滚动位置？const getScrollPosition = (el = window) => ({x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft,y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop})getScrollPosition(); // {x: 0, y: 200}如何平滑滚动到页面顶部const sc
2020-11-27 14:37:04
102
原创 小程序边框1rpx 部分机型边框不完整不完整
在ios大屏手机中频繁出现此现象在小程序中使用1rpx时，在边框可能会显示不全。用1px可以解决显示不全的问题，但是真机上线条太粗。解决方法：利用 css 的 伪元素::after + transfrom 进行缩放.role-tag {height: 26rpx;color: #fff;font-size: 16rpx;display: flex;align-items: center;padding: 2rpx 8rpx 0 8rpx;width: 90rpx;justify-con
2020-11-25 21:19:31
724
原创 前端常用小技巧
css一行文本超出…overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行文本超出显示…display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;IOS手机容器滚动条滑动不流畅overflow: auto;-webkit-overflow-scrolling: touch;...
2020-11-24 20:21:07
76
原创 微信小程序base64转为图片 二维码
通过后端接口传过来的base64编码进行处理const fsm = wx.getFileSystemManager()function base64src(buffer, cb) {const time = new Date().getTime() //自定义文件名const filePath = ${wx.env.USER_DATA_PATH}/${time}fsm.writeFile({filePath,data: buffer,encoding: ‘binary’,success()
2020-11-24 15:52:58
1099
原创 prettier 与eslint 规范
prettiervue .prettierrc.js文件module.exports = { tabWidth: 4, // 缩进4个字符 printWidth: 140, //超过多少换行 singleQuote: true, //字符串是否使用单引号，默认为false，使用双引号 semi: false, //行位是否使用分号，默认为true trailingComma: 'all', //是否使用尾逗号，有三个可选值"<none|es5|all>
2020-11-19 20:18:29
366
转载 elementUI的table绑定数据更新
methods: {saveClick (index, row) {row.isEdit = falsethis.$set(this.data,index,row) ////划重点}, editClick (index, row) { row.isEdit = true this.$set(this.data,ind...
2019-12-17 20:45:28
2817
原创 vue 导出excel表格保存到本地
//获取当前时间getNowFormatDate() {var date = new Date();var seperator1 = “-”;var year = date.getFullYear();var month = date.getMonth() + 1;var strDate = date.getDate();if (month >= 1 && mo...
2019-12-10 21:35:03
1429
原创 微信小程序绘制海报 并保存到本地
js绘制海报 并生成图片drawPosterOne: function() {// this.getBackground()var ths = thislet app = getApp()var ctx = wx.createCanvasContext(‘mycanvas’)//绘制背景图片ctx.drawImage(this.data.background, 0, 0, 300,...
2019-12-05 20:53:22
524
原创 js匹配富文本中的有用文字与图片，并且添加到一个数组对象中(小程序)
var description = res.data.content; var nodes = res.data.content; var ...
2019-12-02 20:21:57
750
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人