- 博客(3)
- 收藏
- 关注
原创 前端如何实现自由截屏,并且还可以有画笔,文字标注,编辑度高的截图效果(多次截屏)?
是一个基于 JavaScript 的屏幕截图工具,可以在网页中实现对当前页面或指定元素的截图操作。它通常使用 HTML5 中的。首推一个js插件,不会造轮子,还不会用轮子么...技术创建画布并捕捉网页中的图像。
2023-06-02 15:23:52
1085
1
原创 关于21岁帅气少年在做图片懒加载时学会了IntersectionObserver这件事....
当你在做懒加载时,不会还停留在if(imgs[i].offsetTop < html.scrollTop + html.clientHeight){ .....}吧?1、第一是滚动事件本身会造成页面性能下降,最好的是在srcoll加上防抖,但是会感觉这个过程不是很流畅。2、只有页面滚动时才会被触发,有的小可爱用户,会让你以此之上,添加被加载后的图片再此被渲染为缓存图...当你离开页面一会后,再回去会发现,之前被加载的图片也已经回到了缓存时了。咳咳,每天都要学一点,尽管每天闲的🥚疼,也要学一点。
2023-06-02 11:37:39
62
原创 img图片转dataURL格式
前端项目的assets一般会放置大量的图标,比如,svg,png,webp的,他们伴随着项目的解析,打包,被编译呈现在web应用上,这个过程其实每个图片都会发起一次网络请求。那么这些小图标其实没必要请求,那么将他们转为dataurl格式,嵌入到html文件中。然后就可以在img赋值的时候,把这个方法引入进来,将img的地址传给这个函数。将图片转化成dataurl格式之前,要明白为什么这么做?在你的utils里新增一个imgToDataurl.js。一般在项目中是很实用的小技巧。
2023-06-02 11:10:02
1925
空空如也
消息 Servlet[spring]的Servlet.init()引发异常
2024-03-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人