-
加transform:translateY(-2px)更顺，因其触发硬件加速交由GPU处理；而top改变布局需重排，易卡顿。
-
外边距重叠是CSS中垂直方向块级元素间margin合并的真实行为，非bug；相邻或嵌套的margin-top与margin-bottom不累加而取最大值，父子间易产生视觉错觉。
-
GitHubPages能直接发布纯HTML5网页，不需要构建工具、不需要后端，但必须注意仓库命名、分支选择和路径结构这三点，否则页面404或样式/脚本加载失败。仓库名必须是username.github.io这是唯一能启用「用户主页」模式的命名规则。如果建的是普通仓库（比如叫my-app），默认只能用gh-pages分支或docs文件夹，且访问地址会多一级路径（https://username.github.io/my-app/），这时所有相对路径（如./css/style
-
用标签设置整个文档的基准URLHTML中唯一能定义文档基础URL的方式就是标签，它必须写在里，且只生效一次（多个时，只有第一个被浏览器解析）。常见错误是把它放在里，或者动态插入——这完全无效，浏览器只在初始解析时读取它。：所有相对路径（如、）都会自动拼接成https://example.com/assets/logo.png这类完整地址：可统一设置所有、等标签的默认打开方式，但会覆盖单个链接的target属性如果同时设href和target，
-
图片左滑入场需用@keyframes定义translateX(-100%)到translateX(0)，绑定animation并加forwards，确保初始位置在视口左外侧且样式权重足够。
-
使用position:fixed可使元素悬浮于视口固定位置，需配合top/right/bottom/left定位、z-index层级控制、响应式媒体查询适配、body内边距避让、@supports兼容性检测及will-change硬件加速修复滚动跳动。
-
本文介绍在JavaScript中高效、可扩展地将常见HTML实体（如–、&等）还原为原始字符的方法，提供轻量函数实现、关键注意事项及生产环境优化建议。
-
浮动图片下方空白是因img作为inline元素在IFC中按基线对齐，预留降部空间所致；设display:block可彻底解决，使其脱离基线对齐逻辑。
-
后代选择器.my-classdiv匹配所有嵌套层级的后代div，而子选择器.my-class>div仅匹配直接子元素，更安全；:scope可限定JS查询上下文，但独立CSS中无效；还需防范优先级覆盖与继承污染。
-
本文介绍一种高效、可复用的方法，通过遍历树形结构的JavaScript对象数组，根据子项的唯一标识（如i字段）反向定位其直接父对象，并返回父对象的i值。适用于ReactGrid、仪表板布局等含层级关系的数据场景。
-
<mark>标签用于语义化地标记页面中具有特殊相关性的文本，如搜索关键词、引用重点或代码术语，浏览器默认以黄色背景高亮，可通过CSS自定义样式，提升可读性和结构清晰度。
-
答案是使用Three.js创建交互式3D场景需构建场景、相机、渲染器，添加物体与灯光，通过动画循环和Raycaster实现交互；性能优化包括减少DrawCalls、LOD、纹理压缩、控制后处理及WebWorker计算；用户交互通过Raycaster将鼠标坐标映射为3D空间射线检测相交物体，实现点击与拖拽；外部模型常用GLTF格式加载，配合AnimationMixer和AnimationAction控制动画播放。
-
将响应式布局改为固定宽度布局的核心是删除所有流式相关CSS并锁定容器宽度：删掉viewport缩放控制、清除百分比/相对单位、移除媒体查询、覆盖框架容器断点、重置图片iframe的max-width。
-
JavaScript单线程执行意味着同一时间只能处理一个任务，导致耗时操作会阻塞页面响应；为优化体验，浏览器通过async和defer属性实现脚本异步加载，避免阻塞HTML解析，其中async脚本下载后立即执行，不保证顺序，而defer脚本在DOM解析完成后按序执行；更复杂的执行顺序由事件循环机制调控，它协调宏任务（如setTimeout）与微任务（如Promise回调），确保微任务优先于宏任务执行，从而形成一套高效、非阻塞的异步编程模型。
-
HTML5中type="password"语义不变但安全策略升级：autocomplete需明确设为new-password或current-password，inputmode="text"防数字键盘，禁用type切换改用视觉遮罩，pattern/minlength成基础校验手段，iOS光标重置属系统限制不可绕过。
