HTML
衣乌安、
愿每天合上笔记本盖子的刹那,都有着剑客收剑入鞘的骄傲。。。
阿里巴巴-灵犀互娱内推:https://talent.lingxigames.com/off-campus/position-list?shareCode=tnUSkSaCdjj4vvU3_vDQ0g%3D%3D
展开
-
【HTML】置换元素(替换元素)
● 它的内容不是由元素的标签内的内容决定的,而是由元素的属性决定的。● 可以通过CSS设置宽度和高度。原创 2024-09-06 14:24:59 · 537 阅读 · 0 评论 -
【HTML】script标签async&defer
使用async更适合那些不影响页面初始渲染且相互间无依赖关系的脚本。使用defer更适合那些需要按照特定顺序执行的脚本,或者脚本依赖于完整的 DOM 树。原创 2024-09-06 14:39:16 · 679 阅读 · 0 评论 -
【HTML】link标签prefetch&preload
link>标签的rel属性的值为preload时,可用于在正常浏览器渲染流程早期提前加载当前页面所需资源,以提升页面性能。除了rel。原创 2024-09-06 16:10:56 · 881 阅读 · 0 评论 -
img标签图像cors跨域获取资源
先说一下问题背景:先用img标签展示了某一图像资源,然后后续业务中用get请求获取同一图像资源(存在跨域),但是由于对图像有缓存,img标签获取资源时的请求response header中没有access-control-allow-*相关字段,当后续get请求时同一资源默认走了缓存,然鹅就跨域报错了~由此就又学到了一点,怎么给img标签获取资源时response header添加跨域access-control-allow-*相关字段,使用crossorigin属性。crossoriginimg的这原创 2021-02-18 10:53:27 · 7905 阅读 · 1 评论 -
提高渲染速度,怎么让资源预加载?
为什么需要预加载?浏览器同时发出并发请求数是有限制的,受最大tcp连接数限制,单个tcp连接,在同一时间只能处理一个http请求(只的是http/1.1,http2支持多路复用),请求一般像Chrome为6个,因此资源获取的时机以及优先级便尤为重要。Link 标签 rel=“preload”该属性可以指明哪些资源是在页面加载完成后即刻需要的。对于这种即刻需要的资源,你可能希望在页面加载的生命周期的早期阶段就开始获取,在浏览器的主渲染机制介入前就进行预加载。这一机制使得资源可以更早的得到加载并可用,.原创 2020-08-28 21:18:51 · 844 阅读 · 0 评论 -
8款效果惊艳的HTML5 3D动画
HTML5凭借着其强大的3D渲染能力,让很多开发者都跃跃欲试,都想亲自体验一下HTML5的3D效果。今天本文就分享8款效果惊艳的HTML5 3D动画,您可以捡现成的看看,顺便也可以学习学习HTML5的相关知识。1、HTML5 WebGL水面水波荡漾特效之前已经向各位分享过一款很逼真的HTML5水波荡漾特效,效果还算不错。今天再向大家分享一款更加给力的HTML5水波动画,画面上是一个...转载 2019-01-10 21:09:41 · 1775 阅读 · 0 评论 -
防止一些html元素双击选中
在相对应的元素上添加onselectstart属性onselectstart="return false"原创 2018-08-27 15:21:16 · 1102 阅读 · 0 评论 -
h1——h6标签内容对应像素
浏览器默认为body:100%=16px;浏览器计算得出:h1=32pxh2=24pxh3=18.72pxh4=16pxp=16pxh5=13.28pxh6=12px原创 2018-05-06 18:50:54 · 1900 阅读 · 0 评论 -
浏览器兼容问题记录之表单(持续更新中)
autofocus属性作用:让表单加载完成时有一个表单域默认被选中,及获取焦点;若多个表单域都被添加了该属性,Safair:最后一个添加该属性的表单域被选中Firefox和Chorme:第一个添加该属性的表单域被选中list以及datalist元素作用:在输入框输入值时自动显示备选值以作为提示,在不同浏览器显示效果不同,有待统一number属性作用:限制输入内容为数字1.若非数字:Chorme:无...原创 2018-05-10 21:44:43 · 439 阅读 · 0 评论 -
字符实体引用
搬运工~~,原网站在(国外网站):http://www.elizabethcastro.com/html/extras/entities.html最常用特殊字符EntityEntityDisplayedNumberNumberDisplayedDescription&&&&和符号>>>>大于号<...转载 2018-04-23 22:10:19 · 492 阅读 · 0 评论 -
HTML空格占位符
  == 普通的英文半角空格  ==   ==   == no-break space (普通的英文半角空格但不换行)  == 中文全角空格 (一个中文宽度)  ==   == en空格 (半个中文宽度)  ==   == em空格...转载 2018-03-15 21:26:59 · 614 阅读 · 0 评论