-
JavaScript中对象用===比较只看引用是否相同，故需深比较；手写函数需递归对比属性，但要注意循环引用、NaN、-0等边界情况，生产环境推荐使用Lodash的_.isEqual等成熟库。
-
粘性定位元素滚动时“消失”是因触发条件未满足或父容器干扰：需确保父容器有可滚动上下文、top值合理、无裁剪遮挡及兼容性问题。
-
使用Flexbox布局可实现响应式按钮组，通过display:flex、gap和flex-direction在不同屏幕下控制排列与间距，结合媒体查询适配移动端，确保美观与可用性。
-
使用CSSGrid的auto-fill和grid-gap可实现响应式瀑布流布局，通过repeat(auto-fill,minmax(250px,1fr))创建自动换行列，结合gap设置项间距，利用内容高度差异形成视觉错落，无需JavaScript即可构建美观的类瀑布流效果。
-
CSS盒模型是HTML元素布局的基础结构。它从内到外依次由内容（content）、内边距（padding）、边框（border）和外边距（margin）组成，决定了元素的尺寸与间距计算方式。标准盒模型中width/height仅指内容区，padding和border会额外增加总尺寸；而IE盒模型下width/height已包含padding和border，内容区会自动收缩。box-sizing属性用于控制盒模型类型：1.content-box（默认，遵循标准模型）；2.border-box（模拟IE模型，
-
let和const是ES6引入的块级作用域变量声明方式，区别于var的函数作用域；它们不具变量提升安全性（处于暂时性死区），禁止重复声明，且const必须初始化、不可重新赋值（但对象属性可变）；推荐默认使用const，需重赋值时用let，基本不再使用var。
-
Flex布局能直接绕过margin重叠问题，因其容器创建BFC且子项margin不塌陷；推荐用gap控制间距，automargin实现特殊对齐；需注意IE兼容性及语义结构。
-
使用rgba()可设置CSS半透明背景，语法为rgba(红,绿,蓝,透明度)，其中RGB值范围0-255或百分比，Alpha范围0-1；2.将rgba()应用于background-color属性可实现仅背景透明而子元素不受影响的效果；3.常用于图片叠加蒙版、弹窗背景、按钮悬停等场景，如通过伪元素添加黑色半透明层提升文字可读性；4.rgba()兼容性好且仅作用于背景色，若需整体透明应使用opacity。
-
HTML查看器频繁停止运行可按以下步骤解决：一、清除浏览器缓存与临时文件，避免旧数据引发错误；二、改用Notepad++或VSCode等轻量工具预览HTML，降低资源占用；三、检查HTML代码是否存在语法错误，并通过W3C验证服务修正问题；四、以管理员权限运行查看器，确保程序获得足够系统权限。
-
在AngularJS应用中，当动态加载或显示DOM元素时，直接使用document.getElementById等原生JavaScript方法可能会因时序问题而无法持续找到这些元素。本教程将深入分析这一现象的根源，即JavaScript执行与DOM渲染之间的异步性，并详细演示如何利用AngularJS的$timeout服务来延迟代码执行，确保在DOM元素完全可用后再进行查找和操作，从而有效解决动态元素查找失败的常见问题。
-
最主流的JavaScript生成PDF方案有三种：前端轻量导出用jsPDF配合html2canvas，结构化文档推荐pdfmake，高还原度服务端渲染选Puppeteer。
-
HTML5视频在标签页失焦时会被浏览器自动暂停，无法通过纯HTML或JS绕过，仅当满足“用户交互触发+静音+autoplay”或启用画中画（PiP）时才可能后台播放。
-
JavaScript的增强现实（AR）是基于Web技术在浏览器中实时叠加虚拟3D内容到真实视频流的WebAR；AR.js是轻量开源框架，依托A-Frame与Three.js，支持Marker、定位及NFT跟踪，兼容主流移动浏览器。
-
DOM是HTML在内存中的结构化对象树，提供getElementById、querySelector等方法获取元素，支持textContent、innerHTML等修改内容，createElement等动态操作节点，并通过addEventListener响应用户交互。
-
通过为动画添加animation-fill-mode:forwards，可使元素在CSS动画执行完毕后保留最后一帧的样式（如margin-top:-25px），避免动画回退到初始状态。
