
html
Dilomen
这个作者很懒,什么都没留下…
展开
-
JS原生使用Canvas截取图片并下载
HTML部分<body> <div class="wrap" onmousedown="handleMouseDown(event)" onmousemove="handleMouseMove(event)" onmouseup="handleMouseUp(event)" > <img...原创 2020-02-03 00:55:09 · 1155 阅读 · 0 评论 -
使用requestAnimationFrame来执行动画
一般js动画我们经常使用setTimeout或setInterval来执行函数,但是由于js的执行机制,往往这两个方法会延迟执行。requestAnimationFrame很好的解决了这个问题,它的重绘或回流的时间间隔和浏览器的的刷新评论几乎一致,可以保持在每秒60帧。同时它会将没一帧的DOM操作集中一起执行,节流思想,减少开销。查看以下代码,函数中执行了requestAnimationF...原创 2019-11-25 17:14:36 · 406 阅读 · 0 评论 -
如何判断文本是否溢出
对于一些文本内容超过包裹层,我们经常会采用省略号的形式取隐藏溢出部分,而这通常只需要通过css就可以解决#single-line { width: 100px; border: 1px solid #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}#multi-line { ...原创 2019-10-26 14:56:54 · 7495 阅读 · 0 评论