- 博客(12)
- 收藏
- 关注
原创 html中如何直接显示html代码
百度说的<code>和<pre>标签都没用,里面的标签依旧会被渲染。实测<xmp>这个标签才是可以直接显示html代码的标签
2020-04-27 11:18:19
1323
原创 js开启浏览器通知
最近在写一个web端聊天系统,需求是要在浏览器最小化或者不在当前窗口的时候接收新消息会有浏览器通知,网上找了一下,找到了Notification API这个东西。稍微研究了一下,这个东西的兼容性不是很高,一般是谷歌,火狐等可以使用。话不多说,上代码if(window.Notification) { //判断浏览器是否支持Notification Notification.reques...
2020-04-27 10:58:09
741
原创 html中不显示空格的问题
关于空白字符显示,是有一些css样式可以控制的。 例如 white-space.给h1标签设定一个white-space: pre就可以显示空格了。默认是white-space: normal. 有User-Agent确定如何显示空白字符。...
2019-12-20 16:39:16
2868
原创 解决Vue中多层对象的数组属性push数据后视图不更新问题
贴上部分代码:initObj.chatInfo.record.push({from: 'other',content: res.data[i].Content,createTime: res.data[i].CreateTime,state: 1});如上代码,initObj是我Vue的data中的一个数组其中一个对象,我是从Vue点击事件传参过来的initObj,此时执行以上代码...
2019-12-06 11:32:04
7260
原创 接活----建网站,微信公众号,小程序等。
接活----建网站,微信公众号,小程序等。有需要的可以直接加我的企鹅 : 278191382 微信: abcd25772010
2019-11-22 20:14:59
203
原创 谷歌浏览器切换页面或者隐藏页面造成定时器延缓或者停止的问题。
使用html5的Page Visibility API来实现控制,由于浏览器本身切换页面或者缩小带来的定时器延缓,理论上是直接停止,但是实测发现只是延缓,这导致我们不仅需要控制定时器的开启,还需要控制关闭的时间。页面缩小或者切换其他窗口下hidden为true,清空定时器,否则开启canvas,由于浏览器一开始虽然为false但是仍然不会。document.addEventListener(...
2019-11-22 20:10:16
3366
原创 js监听页面的刷新
需求:在页面关闭的时候监听事件,但是刷新的时候并不执行。实现:window.onbeforeunload = function(){ var n = window.event.screenX - window.screenLeft; var b = n > document.documentElement.scrollWidth-20; if(b ...
2019-11-13 18:42:03
2616
1
原创 Vue-cli中跳转同一路由页面不同参数,路由改变但页面看着无反应的解决方式:
1.在当前页面的最外层设定一个key就好了(页面唯一标志)2.此时可以在路由监听变化的函数中初始化数据
2019-11-01 09:55:07
745
原创 js实现锚点导航,类似手机通讯录,在手指触摸相应字母时,通讯录自动滚动到相应首字母的联系人
类似手机通讯录,在手指触摸相应字母时,通讯录自动滚动到相应首字母的联系人。这边通过需求分析,很容易联想到,使用touchstart和touchmove这两个方法来处理响应操作,touchstart比较简单就不说了,监听touchmove事件时,发现一个问题,当我无论如何在监听元素上移动我的手指,所返回的event.touches[0].target永远指向第一个触摸元素的event对象,而不会指...
2019-11-01 09:54:20
910
原创 前端压缩图片后上传到服务器
相关github地址:https://github.com/yalingke/CompressPictures-by-canvas-CompressPictures-by-canvas-前端压缩图片后上传到服务器 前端压缩图片后上传到服务器 ## 前端压缩图片后上传到服务器。由于现在手机像素普遍较高,随手拍一张图片都6、7M,十几兆的图片也并不罕见。如果这些未处理的图片直接随数据上传向服务器...
2019-10-09 11:34:21
590
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人