H5
文章平均质量分 74
程序不了猿
一个还在成长的程序员,分享自己学到的点滴经验。
展开
-
websocket连接封装
WebSocket是一种在单个TCP连接上进行全双工通信的协议。使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。原创 2023-02-08 11:08:09 · 310 阅读 · 0 评论 -
canvas实现图像裁剪
1.技术背景随着都市类程序开发业务推进,在各类活动、个人信息等模块逐渐依赖图像裁剪、上传等功能,那么如何实现图像缩放、裁剪就成了前端工程师们关注优化的重点。2.应用技术本次使用的技术主要是依赖canvas,又叫画布,是H5新增内容,可以使用js脚本在其中绘制图像的元素。可以完成图片处理、动画渲染、图表渲染等操作。最近用uni-app的推流组件做了个图片裁切、上传的组件,拍照、选择照片完成后还需要对图片进行裁切,才能真正使用。3.处理思路使用两个canvas分别为操作canvas、目标canva原创 2022-04-24 17:47:04 · 4786 阅读 · 0 评论 -
支付宝小程序modal弹窗——滚动穿透与滚动溢出
滚动穿透问题描述:在移动端开发模态框时(小程序也会出现),当模态框下的页面超过一屏时,在fixed定位的弹窗遮罩层上进行滑动,它下面的内容也会跟着一起滑动,看起来好像事件穿透到了下面的DOM元素一样,我们类比点击穿透,姑且称他为滚动穿透。问题原因:通过事件的表象,可以推测是文档的滚动事件被触发了,那我们就禁用滚动事件就好办了。案例伪代码:解决方案✅ e.preventDefault()小程序——脚本语法,通过e.preventDefault()阻止元素的touch-move事件。(H5同理原创 2022-04-06 10:18:45 · 2286 阅读 · 0 评论