HTML
文章平均质量分 86
HTML学习笔记,相互学习,互相探讨,共同进步
儒雅的烤地瓜
四海八荒,始于足下呦
展开
-
CSS | 如何来避免 FOUC(无样式内容闪烁)现象的发生?
FOUC(Flash of Unstyled Content)是指网页在加载过程中,由于CSS样式加载延迟或加载顺序不当,导致页面出现闪烁或呈现出未样式化的内容的现象。这种现象通常发生在HTML内容已经加载,但CSS样式表尚未加载或加载顺序不正确时,导致页面短暂地以无样式状态显示,随后样式表加载完成,页面才呈现出预期的样式。这种用户体验不佳的现象,即被称为FOUC。总之,FOUC 是一种常见的 Web 开发问题,可以采取内嵌样式表、预加载样式表、延迟加载样式表、使用样式表框架或者使用样式表链接的 med原创 2024-09-23 09:16:35 · 941 阅读 · 0 评论 -
JS | 详解浏览器存储机制cookies、sessionStorage和localStorage的区别
使用HTML5可以在本地存储用户的浏览数据。使用的主要目的是为了克服Cookie带来的一些限制,当数据需要被严格控制在客户端上时,无需持续的将数据发回服务器。主要目标:1.提供一种在Cookie之外存储会话数据的途径;2.提供一种存储大量可以跨会话存在的数据的机制。原创 2024-09-19 08:45:00 · 1124 阅读 · 0 评论 -
HTML | 外部引入 CSS 的2种方式:link和@import有什么区别?
外部引入 CSS 有2种方式,link 和 @import。就结论而言,强烈建议使用 link ,慎用 @import 方式。原创 2024-09-18 11:42:34 · 435 阅读 · 0 评论 -
JS | defer和async的区别
defer与async的区别是:前者要等到整个页面正常渲染结束,才会执行;后者一旦下载完,渲染引擎就会中断渲染,执行这个脚本以后,再继续渲染。一句话,defer是“渲染完再执行”,async是“下载完就执行”。另外,如果有多个defer脚本,会按照它们在页面出现的顺序加载,而多个async脚本是不能保证加载顺序的。原创 2024-08-09 08:45:00 · 920 阅读 · 0 评论 -
我们常说的流应用到底是什么?
流应用,结合了原生App和Web App的优势,又消除了各自的缺点。是移动互联网的终极应用形态!流应用建立在HTML5+这一突破性技术之上,通过强化HTML5使其达到原生App的功能和体验,并辅以类似流媒体的边用边下发行技术,这2项技术是流应用诞生的关键。流应用其实就是个App,能在桌面建快捷方式,不是网址,也不是网页。原创 2023-12-10 10:22:00 · 1102 阅读 · 0 评论 -
ASCII码完整版对照表,收藏起来以备不时之需
ASCII编码即美国信息交换标准代码(American Standard Code for Information Interchange)是一套共有128个字符的编码,它基于阿拉丁字母,主要作用是用来表示英语和西欧语言字符。ASCII规范编码第一次公布于1967年,ascii码在1986年完成最后一次更新。ASCII码对照表等同于国际标准 ISO/IEC 646,ASCII码对照表是世界最通用的信息交换标准。原创 2023-06-29 09:59:58 · 44286 阅读 · 1 评论 -
HTML | html文档中html和body标签的默认尺寸是多少?
html文档中,html和bod标签,在不做任何设置的情况下,html根元素默认宽度为屏幕宽度,默认高度为8px(body元素的上margin 8px),body的默认宽度=屏幕宽度 - 左margin 8px - 右margin 8px。原创 2023-06-15 21:37:23 · 2637 阅读 · 0 评论 -
CSS | CSS中height:100vh和height:100%的区别
1vh它表示的是当前屏幕可见高度的1/100,而1%它表示的是父元素长或者宽的1%原创 2023-06-15 10:25:17 · 11208 阅读 · 0 评论 -
HTML常见的字符实体汇总
HTML 中的预留字符必须被替换为字符实体。一些在键盘上找不到的字符也可以使用字符实体来替换。原创 2023-05-23 09:47:39 · 883 阅读 · 0 评论 -
万字长文:分享前端性能优化知识体系
前端性能优化分为两个方向,一是工程化方向,另一个是细节方向。性能优化是把双刃剑,有好的一面也有坏的一面。好的一面就是能提升网站性能,坏的一面就是配置麻烦,或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景,需要谨慎使用。前端性能优化方法:1、减少http请求数;2、图片优化;3、使用CDN;4、开启GZIP;5、样式表和JS文件的优化;6、使用无cookie域名;7、前端代码结构的优化。转载 2022-11-25 11:04:03 · 154 阅读 · 0 评论 -
form表单中如何简单实现让用户名和密码文字对齐?
在web前端页面设计中,登录表单是非常常见的。但是,我们会经常碰到一个困扰的问题,就是登陆的帐户名如果采用的是三个字,而密码是俩个字,这就会出现上下对不齐的问题,进而会影响页面的美观。如何实现对齐,总结一下,可以采用2种方案原创 2022-05-23 12:31:15 · 5937 阅读 · 2 评论