-
box-sizing:border-box能统一跨浏览器盒模型计算方式，使width/height始终包含padding和border；推荐全局设置*,*::before,*::after{box-sizing:border-box;}，旧版IE需降级处理，Flex/Grid中仍需显式声明。
-
JavaScript链式调用的核心是每个方法返回this或Promise实例。普通方法末尾returnthis；异步操作返回Promise.resolve(this)；需避免返回undefined、混用非链式方法，并统一所有分支返回值。
-
margin-top和margin-bottom用于控制元素垂直间距，分别设置上、下外边距，常用于标题、段落等元素间留白；需注意块级元素间外边距合并现象，即相邻上下外边距取较大值而非相加，可通过统一使用margin-bottom、添加边框或设置overflow:hidden避免；推荐使用rem/em单位并保持方向一致性以提升布局可控性与响应性。
-
Flex布局构建整体结构，定位处理局部脱离文档流元素。1.导航栏用flex排列菜单，角标通过absolute定位在relative父内精准摆放。2.模态框等需居中时，结合justify-content与top:50%、transform实现视觉居中。3.卡片中图片区域设relative，叠加的收藏标签用absolute定位角落。4.绝对定位子元素脱离flex分配，应嵌套在子容器中避免冲突，合理使用z-index控制层级。掌握分工逻辑，提升布局灵活性与稳定性。
-
首先提取首屏关键CSS并预加载，再异步加载非关键CSS，结合合并压缩与CDN缓存，通过preload和media属性优化加载时机，减少阻塞，提升首屏渲染速度。
-
HTML5无法直接渲染Excel文件，需借助SheetJS解析、预转CSV、iframe嵌入OfficeOnline或后端解析返回JSON四种方案实现网页展示。
-
当元素是父容器唯一子元素时:only-child生效，可用于动态布局中精准控制样式；例如通知框居中、按钮组间距优化及响应式设计中单个商品项占满宽度，无需依赖类名或JavaScript干预。
-
HTML5中实现图标有五种主流方式：一、图标字体（如FontAwesome），通过CDN引入并用标签调用；二、内联SVG，直接嵌入SVG代码并用CSS控制；三、SVGSprite，整合多图标为单文件并通过<use>引用；四、<img>标签引入外部SVG文件，适合静态图标；五、CSSbackground-image配合SVGDataURI，适用于小型装饰图标。
-
使用相对单位（rem、em、%、vw/vh）替代px可实现响应式间距；通过clamp或基准换算设根字号，统一用rem定义间距；vw/vh适配视口，em保持嵌套比例；CSS变量提升可维护性。
-
JavaScript操作DOM需先获取元素，再读取、修改、添加或删除；关键在选对方法（如getElementById、querySelector）、确保DOM加载完成、处理null安全，并注意innerHTMLXSS风险与事件委托优化。
-
HTML优化的核心是减小文件体积、提升解析渲染效率，具体包括：1.压缩HTML，去除注释、空格和换行；2.将CSS和JavaScript外链并压缩，以利于缓存和减少HTML臃肿；3.优化图片，选用WebP格式、压缩大小并使用懒加载；4.使用语义化标签，简化DOM结构以降低渲染开销；5.启用服务器端Gzip压缩，减少传输体积；6.内联关键CSS以提升首屏渲染速度；7.利用VSCodeLiveServer、Pythonhttp.server或Node.jsserve搭建本地服务器实现高效预览调试；8.熟练使用
-
JavaScript手势识别需监听touchstart、touchmove、touchend事件，通过位移、速度、角度、间距等特征判断滑动、缩放、长按等类型；须阻止默认行为并手动计算，如滑动需|dx|>|dy|且|dx|>30，缩放依赖两点距离比值，长按要求时间≥500ms且无显著移动。
-
本文介绍一种结构清晰、无冗余的JavaScript方案，通过提取公共字符串处理逻辑+分离目标定位逻辑，实现对header、body（末节内容）和footer的统一后缀追加，确保每个属性引用仅出现一次，且不破坏原始对象结构。
-
AcFun已全面适配HTML5播放，需更新浏览器至Chrome80+/Edge80+/Firefox75+/Safari14+，清除缓存，URL加?html5=1参数，安装剧场模式插件，并禁用Flash插件。
-
source标签用于为audio、video和picture元素提供多个备选媒体资源，以提升兼容性和加载效率。1.在audio和video中，通过src指定资源路径，type声明MIME类型，浏览器按顺序检查并选择首个支持的格式，避免因格式不支持导致播放失败；2.在picture中，结合media属性的媒体查询和type属性的格式判断，实现响应式图片加载，优先匹配屏幕条件和格式支持，最终由img标签提供兜底方案；3.为优化性能，应将高效格式如WebP或WebM置于前面，正确书写type属性以避免无效请求，
