前端
文章平均质量分 50
关于H5,Css3,小程序的随笔
OldDreamHYN
这个作者很懒,什么都没留下…
展开
-
微信小程序gps定位API踩坑记录
单次定位调用方法如下,该api存在严重bug,触发条件不明,小程序置于后台或锁屏后有概率触发,表现为多次调用后,获取的坐标卡死在某一点不动,或者出现大幅度跳跃,在某一固定点和当前位置之间来回挑动。该bug在iOS和android平台均有出现,而且该bug能跨小程序出现,即在小程序A触发后,小程序B内调用同一api就会触发bug,重启微信程序可解决,估计是微信的问题。因此该api适合单次低频率调用。wx.getLocation({ type:'gcj02', // 使用国标坐标系 isHighAcc原创 2021-01-28 01:37:47 · 2325 阅读 · 0 评论 -
Canvas 绘制海报的一些经验
Canvas坐标系原点位于左上角,X轴向右为正,Y轴向下为正。绘制图片到canvasdrawImage,参考https://www.w3school.com.cn/html5/canvas_drawimage.asp注意,图片需要先加载完成,才能绘制到canvas,建议采用以下方法var bgImg = new Image();bgImg.src = 'images/background.jpg';bgImg.onload = function(){ // 图片加载完成后方可绘制 .原创 2021-01-20 01:43:06 · 280 阅读 · 0 评论 -
【小程序】webView 与 H5 通讯方法概括
无法做到的事小程序实时获取webview对应的url(可获取初始值,跳转后的无法获取,尤其是SPA用hash路由的情况下)。H5 与小程序实时通讯,具体约束参考wx.miniProgram.postMessage的解释。小程序向H5发送内容1、拼接到url中 这个无需多说,拼接到query部分,即可在h5中获取。2、数据从后端绕行 这是迫不得已的办法。H5向小程序发送内容1、使用wx.miniProgram.postMessage,在特定时机获取。文档解释:wx.mi原创 2020-12-30 00:44:17 · 706 阅读 · 0 评论 -
【JavaScript】奇怪的知识void 0 === undefined 为 true
void 0 === undefined 为 true;原创 2020-12-26 03:24:54 · 371 阅读 · 0 评论 -
首屏加载速度优化
首屏加载速度优化首屏加载速度优化,总结下来有两个方向:跑得快传得少下面,就这两个方向展开谈谈个人的经验,一些在工程化时代已经成为基操的,就不谈了,比如代码压缩、图片压缩之类的。跑得快跑得快,即从网络传输方面下手,HTTP2.0、CDN,都是常见的手段。1、http2.0在加速这个层面,http2.0 比1.1的最大优势就是—利用二进制分帧消除 http1.X 时代的队头阻塞,在 http1.X 中,前一个请求未得到相应,会阻塞后面的请求。而2.0用二进制帧实现了流,多个不同id的流(代原创 2020-11-30 12:10:34 · 772 阅读 · 0 评论 -
js识别触摸手势
概述围绕撒个事件展开工作,touchstart、touchmove、touchend。touchstart 用于判断触摸开始,注意,双指按到屏幕上,会触发2次touchstart,因为2个指头有先后,所以一次捕捉到先碰到屏幕的指头,第二次才捕捉到2个,更多指的手势以此类推。因此,需要防抖,延迟执行,以最后一次触发的结果为准。touchmove,实时更新几个手指头的位置。touchend,结束触摸,注意!这个不会带有结束时手指的位置,因此需要在触发touchmove时,同步更新手指位置信息。触摸时原创 2020-11-27 19:28:35 · 1258 阅读 · 0 评论 -
关于CSS响应式的一些总结
准备工作在html 文件的 head中加入以下内容<meta name="viewport" content="width=device-width,initial-scale=1.0">设置meta标签来告诉浏览器,让视口宽度等于设备宽度.具体作用可参考:https://stackoverflow.com/questions/47742580/do-we-need-meta-name-viewport-content-width-device-width-initial-scale-1原创 2020-11-25 18:12:48 · 99 阅读 · 0 评论