服务器在上个月到期了。 18年的时候买了3年的腾讯云学生机,那天是一个晚上,我心里暗想,可以好好折腾一下了,一些demo都可以一股脑的放到云上 。 事实证明,我确实没有饶过它。 在...
taro中实现聊天滚动底部,键盘顶起输入框
在taro开发微信小程序的时候,对接了一个直播平台的sdk,其中里面是有一个聊天模块,在直播过程中,可以实时获取房间内不同用户的聊天信息。 需求一 当我们回调实时接收到这个消息的时...
H5唤起手机相机
不知不觉,已经有两月有余没有更新文章,今天来除个草。 如题所说,H5唤起相机是怎么回事呢?在input标签中,我们可以通过改变其属性值达到唤起系统相机的的功能,然后可以通过监听in...
使用downloadjs包正确下载pdf文件
图1 最近业务上有一个下载文件的需求,需要支持png jpg jpeg pdf doc docx文件格式。最后使用了downloadjs这个npm包,在使用的过程中遇到一些问题,比...
JavaScript拿到并解析Base64编码
微信授权时序图镇楼 最近对接了PC网站微信登录和绑定微信,在写的过程中遇到两个问题,微信在授权成功后,会重定向一个页面,在这个页面会带有一些参数,我们需要拿到这些参数来做进一步的业...
web集成Valine评论系统
valine官网是这样介绍的自己。 使用起来也很方便,具体要怎么使用,且听我细细道来~ 第一步 Valine是基于LeanCloud来开发的,所以需要先注册一个LeanCloud帐...
线上websocket自动断开解决思路
WebSocket是一种网络传输协议,可在单个TCP连接上进行全双工通信,位于OSI模型的应用层。 WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向...
react接入websocket
最近在写的react中使用websocket来进行通信,今天算是给搞定了,写篇文章来记录一下。 首先 封装一个websocket方法 在方法中调用这几个回调函数onopen/onm...
vue部署线上跨域问题
浏览器为了安全起见会有一个同源策略,所谓同源是指,域名,协议,端口相同,如果其中有一项不相同,浏览器便会在控制台抛出一个错误: 我的跨域场景是,http协议请求https协议,80...
vue项目使用history路由
官方说法 vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。 如果不想要很丑的 ha...
解决element-ui中Message组件自动触发
vue项目使用elementui的过程中遇到一个问题,我的Element版本为2.13.0,当按需引入Message组件的时候,刷新页面总是会自动弹出一条Message默认的消息,...
js获取url最后一个斜杠后的数据
最近有一个这样的需求,需要获取url最后一个斜杠后的数据,那么我们可以这样写 var url = window.location.href; var index = url.las...
react中聊天窗口滚动条固定在底部
当我们打开一个聊天页面,希望的是展示最新的聊天内容,因此就有了固定聊天滚动条在底部的需求,这样我们进来就会看得到最新的消息。 具体实现: 使用ref属性 首先在需要固定滚动条的区域...
正则匹配所有html标签
最终效果 代码 /<\s*\/?\s*(*?**>/g 完。
React实现关键字高亮显示
我们往往会有这样的需求,在一个搜索列表中,你搜索出来的关键词会在结果中高亮显示,这种效果对于用户体验来讲是挺好的,至少在我看来。 本文来讲一下要怎样实现这样的效果。 思路 拿到搜索...