-
推荐初学者用CDN引入FontAwesome：在index.html的<head>中添加官方CDN链接，如<linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">，即可使用fa-solid、fa-brands等新类名图标。
-
HTML无法直接实现软件下载页功能，需服务器返回Content-Disposition:attachment等响应头，且必须使用HTTPS；对跨域.exe链接无效，推荐后端代理或Blob下载方案。
-
JavaScript属性描述符是控制对象属性行为的核心机制，分为数据描述符（含value/writable）和存取描述符（含get/set），二者共用enumerable和configurable；configurable为false后不可逆修改。
-
本文讲解为何在Canvas动画中直接使用阻塞式fSleep()会导致图像无法顺序显示，并提供基于setTimeout的非阻塞异步动画方案，确保汽车图像能平滑、逐帧地完成360°旋转。
-
position:fixed“飘”是因父容器transform创建新包含块、z-index层级不足或Safari移动端兼容问题；应移除无意义transform、设足够z-index、用translateY(-50%)居中且不干扰参照系，并为Safari加-webkit-sticky降级。
-
z-index仅对非static定位元素生效，且受父级堆叠上下文限制；每个堆叠上下文独立排序，子元素z-index无法突破父级边界；调试需检查position属性、意外创建的堆叠上下文及参照物是否同层。
-
HTML5Canvas本身不支持火焰滤镜，需用WebGL（如Three.js+ShaderMaterial）或PixiJS等库实现；Canvas2D仅能低效模拟粒子效果，且无真实光影层次。
-
要创建一个记忆化函数，核心是通过缓存避免重复计算，提升性能。1.实现记忆化需创建高阶函数，接收原函数并返回带缓存逻辑的包装函数；2.使用Map存储参数与结果的映射，通过JSON.stringify(args)生成键，但需注意属性顺序、循环引用等问题；3.对于非原始类型参数，JSON.stringify有局限，可采用自定义序列化、哈希函数或WeakMap优化；4.必须使用apply或call保留原函数this上下文；5.记忆化适用于纯函数，如递归算法、昂贵计算、稳定API调用等场景；6.需警惕副作用函数不适
-
本文介绍多种替代多重if-else的优雅方案，包括提前返回、条件组合优化、对象映射及位运算等方法，适用于基于多个布尔状态（如字段存在性）进行分支判断的场景。
-
form属性生效须同时满足：值与目标form的id完全一致、目标form存在于当前文档、浏览器支持（IE10+及现代浏览器）；仅button[type="submit/reset"]、input[type="submit/reset/image"]支持；JavaScript应直接读取button.form而非closest('form')。
-
IntelliJIDEA可通过配置浏览器或插件实现在HTML编辑时预览页面：1.在Settings→Tools→WebBrowsers中设置默认浏览器并调整顺序；2.右键HTML文件选择OpeninBrowser即可在指定浏览器中打开；3.通过Keymap为常用浏览器设置快捷键如Ctrl+Alt+C以快速启动；4.安装LiveServer插件可实现保存自动刷新，提升开发效率。
-
popover属性不能直接加在按钮上触发弹窗，必须加在弹出容器（如<div>）并设为"manual"，再通过showPopover()显式调用才生效；仅Chromium114+支持，Safari和Firefox不支持，推荐用兼容性更好的<dialog>替代。
-
::first-letter是实现首字下沉最语义化的方式，但需满足块级容器、无前置内联元素、无样式覆盖三前提，否则静默失效；中文字体兼容性差，多音字和标点开头支持弱，推荐用HTML显式包裹替代。
-
CSS变量动画更省资源，因setProperty仅更新自定义属性，不触发重排重绘，配合transform/opacity等可硬件加速属性可走GPU合成路径；而JS直接改style会频繁触发布局计算。
-
MutationObserver需target（已挂载DOM节点）、options（至少一个true）和observe()三者齐全才触发；监听父容器+subtree、及时disconnect、注意microtask时机。
