js
关注
分享
扫一扫
前端搬砖工程师
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
项目中的懒加载——随手小记
图片懒加载在一些图片密集型的网站中运用比较多，通过图片懒加载可以让一些不可视的图片不去加载，避免一次性加载过多的图片导致请求阻塞（浏览器一般对同一域名下的并发请求的连接数有限制），这样就可以提高网站的加载速度，提高用户体验。在做项目时我们需要让我们html中需要懒加载的img标签的src不设置，然后自定义一个属性，值为真正的图片或者原图的地址（比如下面的data-src），并且我们定义一个类名，表示该图片是需要懒加载的（比如下面例子的lazy-image），这有两个作用： 1、为以后获取需要懒加载图片的i原创 2020-09-13 22:40:51 · 238 阅读 · 1 评论 -
关于html5的Web存储
在HTML5之前，主要是使用cookies存储，cookies的缺点有：需要在请求头上带着数据，存储大小在4k之内。而HTML5 web 存储，是一个比cookie更好的本地存储方式。HTML5在客户端存储数据的两个对象为：1、localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用；2、sessionStorage - 针对一个 session 的数据存储，当用户关闭浏览器窗口后，数据会被删除。我们在使用 web 存储前,应检查浏览器是否支持 localSto原创 2020-07-14 19:47:43 · 299 阅读 · 0 评论 -
今天正在摸鱼时公司新来的试用期妹纸问我怎么写轮播图
今天本来正在舒服的摸鱼时公司新来的试用期妹纸问我怎么写轮播图，我就把我知道的都分享出来了。上代码//html<div class="banner" id="main"> <ul id="pic"> <li><a href="#"><img src="img/banner03.jpg" alt="" width="1020px" height="360px"/></a></li> <li原创 2020-07-08 23:45:43 · 534 阅读 · 0 评论 -
收货地址的JavaScript城市三级联动【干货拿走不谢！＞_＜】
城市三级联动在我们网上购物时会有收货地址一栏让我们选择收货地址，当中有省、市、区等选择项，如下图：在添加收货地址时我们会先选择省再选市最后选所在区，这些都是下拉列表式的选择，选择完成才会填写具体地址。这时在我们平时练习时，代码如下：//html 省：<select name="" id="sname" > <option value="">----请选择----</option> <option value=""&原创 2020-07-06 19:45:10 · 3534 阅读 · 5 评论 -
夕阳落山图（js 夕阳下山）
直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>夕阳落山图</title> <style> #xy{原创 2020-06-23 20:04:18 · 353 阅读 · 0 评论 -
能够动态根据下拉列表的选项变化，更新图片
自己换图片原创 2020-06-23 19:51:09 · 734 阅读 · 0 评论 -
JS增删改查（1）———之增查
车辆管理系统 </tr> <tr> <td> <button onclick="but()" name="car" id="car"> 1、添加车辆 </button> </td> <td> <button o...原创 2020-06-02 20:34:22 · 177 阅读 · 0 评论 -
java script document.write()表格制作
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>作业一</title></head><body><script...原创 2020-05-25 20:23:55 · 2250 阅读 · 0 评论