-
径向渐变层叠加需明确角色分工、统一background-size、错位圆心、低透明度外层；优先用background-position动画并配will-change；三组动画周期错开；色标用十六进制alpha写法；加screen混合模式；贝塞尔曲线调飘逸感；预设起始位置。
-
箭头函数的this继承外层普通函数作用域的this值，不绑定执行上下文；不能用call/apply/bind修改，不可作为构造函数，无arguments对象。
-
最简单插入五角星用Unicode字符★（U+2605），零依赖且兼容性好；空心用☆；CSScontent用\2605转义；需自定义样式时用内联SVG并fill="currentColor"确保颜色继承。
-
链式调用需手动实现因JS原生方法默认不返回this；核心是每个方法末尾returnthis，终止方法如get()返回结果；易错点包括异步断裂、this丢失、混用返回类型及调试困难。
-
低端设备CSS动画卡顿的根本原因是软件渲染、频繁重排重绘及主线程压力大；应强制用transform/opacity替代left/width等触发重排的属性，并合理使用will-change和prefers-reduced-motion。
-
JavaScript中应优先使用原生EventTarget实现观察者模式，它比手写Observer/Subject更可靠、轻量且兼容；支持once、signal、自定义事件等特性，现代浏览器和Node.jsv18+均原生支持。
-
CSS版权声明注释必须紧贴文件最开头、在@charset/@import/样式规则之前，含年份范围（如2022–2024）、全称权利主体及授权声明，使用UTF-8无BOM编码和LF换行，否则构建工具可能忽略或报错。
-
避免写死尺寸的关键是使用断点前缀与相对单位组合，如md:text-lg、lg:w-1/2；优先采用rem、%、vw/vh等相对单位及aspect-、max-w-等语义化工具，慎用px于布局和字体。
-
首先使用Notepad编写HTML代码，输入正确格式的代码后，通过“另存为”选择“所有文件”类型并保存为.html扩展名，编码选UTF-8；接着双击该文件即可用默认浏览器打开运行；如需修改，右键用记事本重新编辑并保存，刷新页面即生效。整个过程关键在于正确设置文件类型与扩展名，确保能被识别为网页文件。
-
使用CSSGrid结合grid-row、grid-column和z-index可实现卡片重叠效果。通过设置网格行列范围使卡片定位并部分重叠，再用position和z-index控制层叠顺序，如卡片A（grid-row:1/3,z-index:2）覆盖卡片B（grid-row:2/4,z-index:1），形成视觉层次。需确保容器为display:grid，合理定义网格结构与定位属性，可辅以负margin增强重叠感，响应式中可用媒体查询调整布局，保持z-index层级清晰便于维护。
-
WebView中XMLHttpRequest默认无超时导致白屏，须显式设timeout（8000–12000ms）并监听ontimeout；fetch在iOSWKWebView不支持timeout，需用Promise.race或AbortController封装；跨域和HTTPS混合内容也会伪超时，需分别配置WebView策略、改用本地HTTP服务及统一HTTPS请求。
-
多列布局中绝对定位元素会脱离当前列，因多列容器不构成新定位上下文；需设position:relative使其成为包含块，且column-span、break-inside等属性可解决跨列与错位问题。
-
可通过五种方式拓展HTML5原生功能：一、引入JavaScript库补充高级组件；二、用WebComponents封装可复用模块；三、借助ServiceWorker实现离线能力；四、使用Polyfill兼容旧浏览器；五、利用data-属性与datasetAPI增强语义表达。
-
本文详解如何通过原生JavaScript实现单个<inputtype="range">滑块联动更新多个UI数值，例如将预算值（50,000→1,000,000）按步长10,000变化的同时，自动计算并更新“UniqueViews”（250K→5M，步长50K），无需jQuery，代码简洁、可维护性强。
-
HTML5通过<video>标签原生支持视频嵌入，需设置宽高、controls、preload和poster属性；用多个<source>适配格式；自动播放须加autoplay与muted；响应式布局用CSS保持宽高比；添加备用文本、aria-label和<track>提升可访问性。
