-
JavaScript是现代网页的神经系统，负责交互响应、动态更新与单页应用驱动；它嵌入HTML或外链执行，依托Node.js延伸至服务端，并催生React等框架及npm生态。
-
CSS多属性动画的核心在于@keyframes定义各时间点的样式状态，通过animation属性应用，实现transform、opacity等属性的同步变化，并利用百分比节点和缓动函数精确控制动画阶段；为避免性能问题，应优先使用GPU加速属性如transform和opacity，避免频繁触发布局重排，合理使用will-change，减少复杂动画叠加；除@keyframes外，transition适用于简单状态过渡，WebAnimationsAPI提供更强大的JavaScript控制能力，三者各有适用场景。
-
空值合并运算符（??）仅在左侧为null或undefined时返回右侧值，否则返回左侧值；而逻辑或（||）对所有假值（如0、''、false、NaN）均触发替换。
-
!default仅在变量首次声明前生效，非后备值；一旦变量被声明（含空声明），后续!default均失效，且不支持表达式、递归引用或Mixin内稳定使用。
-
HTML5本身不提供投票组件或统计功能，纯前端仅能实现表单呈现，必须依赖后端处理提交、防重、存储与统计；localStorage等客户端存储无法实现真实多人投票。
-
navigator.mediaDevices.getUserMedia()是获取摄像头流的核心API，需HTTPS或localhost环境、检查兼容性、绑定MediaStream到带playsinline/autoplay的video元素，并处理权限拒绝等错误场景。
-
async函数需搭配await才能体现价值，因await可暂停执行等待Promise解决，实现类似同步的异步控制流；单独使用仅自动包装返回值为Promise，无法处理异步等待。
-
本文介绍如何通过CSS调整<li>和其子元素（如<h2>）的显示方式，使列表内容在容器宽度受限时按文本流自动折行，而非强制独占一行，从而实现类段落式的紧凑、连续排版效果。
-
“查看网页源代码”只显示服务器返回的原始HTML，而JS动态修改的DOM需用“检查”查看Elements面板；curl默认无Cookie/User-Agent且不执行JS，故与浏览器源码不同；移动端需借助桌面DevTools调试。
-
localStorage只能存字符串，对象需用JSON.stringify序列化后存储，读取时用JSON.parse解析，且须用try...catch捕获解析错误；它会忽略函数、undefined、Symbol和Date等类型，容量约5MB并受跨域隔离限制，不可存储敏感信息。
-
负边距导致重叠内容被裁切或错乱，因容器不自动扩容且可能有overflow:hidden；需用position+z-index控制层叠，或grid-row/column精准定位共享轨道。
-
运行HTML5文件需通过浏览器打开或本地服务器环境。1、将文件保存为.html格式，双击用浏览器打开，确保路径无中文且编码为UTF-8。2、在VSCode中安装LiveServer插件，右键选择“OpenwithLiveServer”启动实时预览。3、对于需HTTP协议的功能，安装Node.js后使用npm全局安装http-server，进入文件目录执行http-server命令，通过http://localhost:8080访问页面，以支持AJAX、Fetch等特性。
-
reduce可实现对象分组与嵌套结构扁平化，flatMap能映射并展开数组，二者结合可高效处理复杂数据转换，如按作者统计评论词数。
-
clip-path是实现PPT风百叶窗切换最可控的纯CSS方案，通过inset()或polygon()动态裁剪内容区域，避免background平移或transform缩放的兼容性与性能问题。
-
BEM通过扁平化类名减少CSS重排重绘。其右向匹配高效、规避高成本选择器、支持引擎缓存；须严格遵循三段式语义分层，避免状态混入；与CSS-in-JS或Tailwind共存时需分层协作；构建工具配置错误和语义模糊才是真性能瓶颈。
