- 博客(4)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 图片懒加载原理及针对页面性能优化
图片懒加载原理 img标签在加载图片时,是通过src属性来找到并加载图片的,如果img标签没有src属性,那么img标签渲染时,就不会加载图片,所以设置一个自定义属性,当页面进入可视区内,从图片路径的自定义属性中获取图片地址,并动态设置img上src属性 针对页面性能优化 资源加载方面： 1.减少http请求次数,具体方案:代码合并(css,js) 2.减少http请求数据量:代码压缩(css,js,html),合理设置缓存 代码层面： 不滥用全局变量,不滥用闭包,减少DOM操作,使用图片懒加
2020-11-11 19:14:49
196
2
原创 CSS实现太极图效果
记得要先生成一个div盒子才会有效果 <style> body { background-color: #ccc; } div { position: relative; width: 150px; height: 300px; background-color: #fff; border
2020-07-12 17:24:59
237
1
原创 用JS实现存款机效果
使用1-4数字分别实现存取查退出功能(JS初学者) <script> var huoqu = +prompt( "简易ATM机" + "\n" + "1.存钱" + "\n" + "2.取钱" + "\n" + "3.显示余额" + "\n" "4.退出" "\n" );
2020-07-11 15:12:26
237
原创 * 盒子模型塌陷的三种解决方法
**1.**为父盒子设置border，为外层添加border后父子盒子就不是真正意义上的贴合(可以设置成透明：border：1px solid transparent)。 **2.**为父盒子添加overflow：hidden；(溢出部分隐藏) **3.**为父盒子设定padding值；(把子盒子踢开) ...
2020-07-04 14:23:39
747
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人