自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除