标签:HTML/CSS

HTML/CSS

JavaScript如何获取和修改元素的属性和属性值

3

jeson 发布于 2019-09-22

在div元素中自定义一些属性可以很方便传递一些数据,那么这篇文章就说一说,利用 js 来获取DIV元素的属性值,以及如何动态的设置div的属性以及属性值。 js 获取DIV的属性值 原生 javascript 可以通过 HTML DOM 的 getAttribute() 方法获取...

阅读(71)评论(0)赞 (1)

HTML/CSS

关于图片懒加载(lazyload)的两种实现方法

jeson 发布于 2019-09-21

在实际的项目开发中,我们通常会遇见这样的场景:一个页面有很多图片,而首屏出现的图片大概就一两张,那么我们还要一次性把所有图片都加载出来吗?显然这是愚蠢的,不仅影响页面渲染速度,还浪费带宽。这也就是们通常所说的首屏加载,技术上现实其中要用的技术就是图片懒加载–到可视区域再加载。 图...

阅读(60)评论(0)赞 (0)

HTML/CSS

JavaScript怎么实现图片和视频的懒加载

2

jeson 发布于 2019-09-21

作为网页内容的一部分,图像和视频通常要消耗很多资源加载。要提高网页应用的性能,如何避免资源浪费在加载图像和视频上就很重要了。但是,很多时候我们都不愿意减少网页上的媒体资源,所以我们经常无从下手。幸运的是,我们有懒加载这个绝招,它可以帮助我们减少加载时间和降低负载,而不在内容上偷工...

阅读(58)评论(0)赞 (0)

HTML/CSS

HTML利用clip-path制作地图的方法

1

jeson 发布于 2019-09-21

clip-path制作的地图是指地理上的地图,不是指网站地图!大天朝的地图想必每个中国人都知道,也经常见到。站长应该见得特别多了,特别是在检查网站速度的时候,检查平台会以一张地图的形式展示出来,那么这种每个区域颜色不同的地图是怎么制作的呢?没错,就是clip-path,前端大佬应...

阅读(54)评论(0)赞 (1)

HTML/CSS

如何在html中插入avi格式的视频

jeson 发布于 2019-09-09

源码如下: 其中width就是宽度的意思,height是高度,视频地址替换成你的AVI视频地址即可。 [crayon-5dd1f9095be2d403653229/] 以上就是关于如何在html中插入avi格式的视频的全部内容,希望对你有所帮助。

阅读(85)评论(0)赞 (1)

HTML/CSS

鼠标经过div显示另一个div,移开隐藏

jeson 发布于 2019-09-01

以下代码经过博主实测,一种原生的写法和一种利用jquery的写法,原生的内容来源于@我是大连网龙科技的。jquery写法来源于@澤希Dc。 原生的JavaScript写法 [crayon-5dd1f9095c192111003358/] jquery写法 下面的这个jquery的...

阅读(107)评论(0)赞 (1)

HTML/CSS

WordPress怎样阻止恶意国外英文评论?

1

jeson 发布于 2019-08-27

我要说的第一件事就是这个博客可以在没有登录的情况下进行评论; 但正因为如此,它造成了很多麻烦。 最近,这个博客每天都会对很多英文垃圾邮件进行评论。 虽然它被Akismet反垃圾邮件插件截获,但它查看了回收站的垃圾。 评论的数量也非常多,所以今天我打算收拾并清理问题。 按照本教程修...

阅读(107)评论(0)赞 (1)

HTML/CSS

Nginx的跨域Content Security Policy通行设置

jeson 发布于 2019-08-26

场景描述 A站点HTTPS,A站点做为中心站,引用B/C/D/E/F……站点的资源进行供给,确定的只有A站点是HTTPS,其它站点可能是HTTP也可能是HTTPS,文件类型不限定,包括但不限于:CSS,JS,IMAGE,MP4,MP3,RAR,ZIP,M3U8,FLV……。 如果...

阅读(87)评论(0)赞 (0)

你好,我是Jeson