Vue.js
文章平均质量分 72
阿黄阿黄
这个作者很懒,什么都没留下…
展开
-
实现搜索聊天记录后,点击查看上下文,跳转到对应信息位置
前言 在微信聊天记录搜索时,会有查看上下文,点击后,跳到对应的消息位置 1. 实现 可采用scrollIntoView()方法进行锚点跳转 2. 介绍scrollIntoView属性 scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。 PS:根据其他元素的布局,元素可能无法完全滚动到顶部或底部。 Tips:页面(容器)可滚动时才有用! 语法 element.scrollIntoView(); // 等同于element.scrollIntoView(true) elemen原创 2022-01-15 18:21:44 · 1489 阅读 · 1 评论 -
实现消息存档—微信聊天记录组件
前言 近期在处理业务时,涉及到了微信聊天记录消息存档的场景;接下来分析分析,实现微信聊天记录组件时,所需要注意的几点地方; 1. 分析原生微信聊天窗口 聊天窗口可分为PC端跟移动端,先看看PC端: 实现此聊天窗口,需要注意两点就是: 每次进入新的聊天窗口时,页面都是至于最底部,以保证查看到最新消息; 加载下一页数据时,将请求到的数据放到原数组前面,这时候vue会自动重新渲染页面,页面会回到顶部,这并不是我要的效果;我们想要的是,查看更多时,此时历史的消息会添加到顶部去,此时滚动条还是在原来位置,以保证当原创 2022-01-15 18:02:24 · 1311 阅读 · 1 评论 -
企业微信 - 封装JS-SDK使用方法
前言 企业微信JS-SDK是企业微信面向网页开发者提供的基于企业微信内的网页开发工具包。 – 企业微信开发文档 所有的JS接口只能在企业微信应用的可信域名下调用(包括子域名),且可信域名必须有ICP备案且在管理端验证域名归属。 步骤一:引入js文件 在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.2.0.js <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.原创 2022-01-15 16:07:27 · 2543 阅读 · 1 评论 -
Node.js中验证码的实现与应用
前言 验证码在各大网站中随处可见,它实际的作用就是为了防止机器提交,从而提高安全性。验证码的类型可以分为三类:普通验证码,行为验证码以及短信验证码。普通验证码是比较早出现的,比如一张模糊的图片,里面由数字或者字母组成,通过用户输入的值进行比对。而随着技术的发展,现在更多的则是行为验证码和短信验证码,行为验证码比如拖动一个滑动以拼成一个完整的图片,或者是把一个角度错误的图片旋转成正确的角度等。而短信验证码,则是给本人手机号码以短信的方式发送验证码。在这几种类型的验证码中,行为验证码实现起来的话,相对繁琐,虽然原创 2021-07-14 16:14:21 · 1782 阅读 · 6 评论