前端开发
zhh369709919
移动开发,前端开发
展开
-
js滑动滚动条加载更多数据,并保持滚动条位置
js滑动滚动条加载更多数据,并保持滚动条位置实现思路:在加载更多数据前,获取当前列表中的第一个或者最后一个元素位置(firstItem.offsetTop、lastItem.offsetTop),加载更多数据完成后,将滚动条位置定位到获取的元素位置(firstItem.offsetTop、lastItem.offsetTop)。element.scrollTo({ top: firstItem.offsetTop, behavior:'instant'})...原创 2021-08-06 09:38:35 · 1975 阅读 · 1 评论 -
vue中实现手写签名并保存图片
直接上代码html代码:<div id="app"> <canvas id="myCanvas"></canvas> <div class="footer"> <div @click="clearArea()">清除</div> <div @click="saveImageInfo()">保存</div> <div> <input v-model="stro原创 2020-07-09 17:42:51 · 2127 阅读 · 0 评论 -
记一次websocket开发实践(ArrayBuffer)
这里只是简单记录一下,不足之处请多指正。在这次开发中,我们把要发送的消息分为文字类型消息和文件类型消息,文件类型消息包括图片,文件,音频,视频等,所有的消息都会通过new FileReader()方法转换成arraybuffer类型,然后发送给服务器,为了方便服务器区分消息类型同时做对应处理,我们需要在这个arraybuffer数组里添加一些说明信息,比如消息类型标识,接收人等,具体规则如下:####文字类型消息消息类型标识:13,占两个字节;接收人code长度:toCode.length,占两个字原创 2020-06-28 19:44:58 · 1185 阅读 · 0 评论 -
修改Element-ui中tree组件最底层节点的样式
最近在项目中,设计将tree组件里最底层的节点布局设计成了多列,那要怎么实现呢?首先用自定义节点的方式渲染节点,在渲染方法里给最底层节点添加classrenderContent(h, { node, data, store }) { let classname = ''; if (node.childNodes.length === 0) { classname = 'floatRight'; } else if (node.childNodes.length > 0) { clas原创 2020-06-28 15:06:40 · 3437 阅读 · 0 评论 -
解决浏览器窗口切换后定时器执行异常的问题
解决浏览器窗口切换后定时器执行异常的问题在项目开发中使用了js定时器,当切换浏览器窗口后,会发现定时器执行出现异常,原因是浏览器为了节约资源,会停止不是当前窗口下的定时器,反复切换就会出现异常,解决方法有两种;第一种,使用window.onblur、window.onfocus来解决;当浏览器失去焦点后清除定时器,聚焦后重新开始定时器;js代码如下: window.onblur = function () { document.title = "退出页面"; } window原创 2020-06-23 15:31:35 · 4354 阅读 · 1 评论