- 博客(7)
- 收藏
- 关注
RSS订阅原创 swiper的用法
第一步：点击获取swiper，点击下载Swiper，下载需要版本的swiper压缩包第二部：在html页面使用，需要将下载文件里的css，min.css以及js,min.js放到自己的文件夹下用90是上下滑动，根据自身情况进行选择...
2022-06-29 15:45:14
322
1
原创 js的三种弹窗
用途：一般用于提示信息或者警告信息的展示。 用途：用户点击“确定”或“取消”按钮时，弹窗会返回一个布尔值。确认返回true,取消返回false,由此可以判断用户的操作。 option1：数据类型是字符串；是弹框里的提示文字。 option2：数据类型是字符串；是弹框里输入框的value预留值,第二个参数为空时，弹框输入框中的值为空。...
2022-06-28 16:37:17
8266
原创 css精灵图
图像精灵是单个图像中包含的图像集合。包含许多图像的网页可能需要很长时间才能加载，同时会生成多个服务器请求。使用图像精灵将减少服务器请求的数量并节约带宽。之所以将多个图片放置在一个大的图片上面是因为背景图的放置是放在服务器上面的,当我们需要使用到某个图片的时候就会向服务器发送请求资源,如果图片是分离的那么用到一张的时候就请求一次,这样子服务器的压力就会比较大,所以将图片都整合在一起就会减轻服务器的请求次数,这样子就可以增加性能...
2022-06-27 17:36:58
162
原创 css精灵图
1、为什么用精灵图？ 每张图片的显示是先由浏览器发送请求，然后服务器接受请求，返回请求内容。如果一个页面有上百张图片，哪怕是很小的图标，都需要经历一次这样的过程。那么，毋庸置疑，肯定会由于请求数量的增加让整个页面的加载速度降低。正应为如此，精灵图（sprite）应运而生，图片整合技术，将大量的小图标整合到一张图，从而减少服务器接收和发送请求的次数，提高页面的加载速度。2、怎么使用精灵图？ 精灵图的实质其实就是利用背景图和背景图的位置去显示同一张图上，不同位置的图片，进而，在引入一张图的前提下，显示不同的图片
2022-06-27 17:30:57
154
原创 前端的定位
前端css：选择器 : {position: 属性值;} position的属性值：相对定位（relative）1.相对定位在偏移完成后，自己依旧占有原来的位置（相对定位不脱标）。2.相对定位是以自己的左上角为基点进行移动的。绝对定位（absolute）1.没有父级定位：如果父级盒子没有定位，则以浏览器当前屏幕（document文档）为准进行对齐。2.有父级定位：若父盒子有定位则子盒子会以父盒子或者最近的已定位（绝对、固定或相对定位）祖先为基准进行定位。3.子绝父相对从以上内容来看，只要父盒子使用定位，就可
2022-06-22 19:49:28
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人