- 博客(2)
- 收藏
- 关注
RSS订阅转载 原生JS实现图片懒加载
原生JS实现图片懒加载 目录原生JS实现图片懒加载实现原理HTML 和CSS部分JS 实现原理 预先将图片的url保存在ing 的 data-src属性之中，通过js判断图片是否在浏览器的窗口之中，如果在便将data-src的值赋给src. HTML 和CSS部分 这两部分比较简单，直接上代码： <!DOCTYPE html> <html> <head> <title>图片懒加载</title> <me
2020-10-08 09:33:54
297
转载 纯JS轮播图的实现
纯JS轮播图的实现实现原理HTMLCSSJS 实现原理 想象有一个固定大小的窗户，窗户后面是一幅很长的画布，画布缓缓移动，在窗户处便能看到图片动态的切换。 本博客的实现方式并非原创，小白一个，也是看了这位大佬https://www.jianshu.com/p/366e374e108d的实现，再讲述一些自己的理解，希望能够对你有帮助，也希望大家多多支持原作者。 HTML HTML部分比较简单，其中id=urls即上文提及的窗户，id=pictures为画布，通过控制它的left属性来使得画布移动。id=cir
2020-10-02 21:22:03
220
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人