-
函数式编程在JavaScript中通过纯函数、不可变数据和高阶函数提升代码可读性与可靠性。使用纯函数确保输入输出一致，避免副作用；采用扩展运算符或map、filter等方法维护数据不可变性；利用高阶函数如compose实现逻辑组合；结合柯里化与生成器支持惰性求值，增强复用性与性能。
-
ShadowDOM通过隔离DOM子树实现样式封装，内部样式不泄露、外部样式不穿透；推荐内联<style>，慎用!important和全局选择器，善用:host、::slotted和CSS自定义属性实现可控定制。
-
必须由用户手势（如点击）触发navigator.mediaDevices.getUserMedia()，否则Chrome会因安全策略拒绝调用并报NotAllowedError；需HTTPS（或localhost）、正确绑定video.srcObject、检查设备可用性并前置权限判断。
-
HTML标签未闭合或嵌套错位会导致浏览器自动纠错，使DOM结构与源码不一致，引发布局错乱、样式失效、JS获取元素失败；应通过开发者工具Elements面板查看真实DOM、编辑器插件辅助、W3C校验器验证来排查修正。
-
HTML中空格被合并是规范行为，应使用CSS的white-space属性控制空白显示，而非依赖 等实体或空格字符。
-
优酷不支持官方双开，所谓“双开”依赖第三方工具或系统分身；“关闭HTML5”概念错误，因HTML5是网页标准而非可开关功能，实际只能限制其自动播放、嵌入行为或绕过播放逻辑。
-
本文详解如何使用XPath基于前置文本内容精准选取紧邻的<p>元素，解决无HTML控制权场景下的动态定位难题，并提供健壮、可复用的表达式及关键注意事项。
-
本文介绍如何仅用一个可复用的jQuery函数，配合语义化HTML结构，实现点击任意按钮即异步加载对应.txt文件、淡入淡出切换内容——无需重复定义300次函数或硬编码按钮，兼顾性能、可维护性与可扩展性。
-
HTML5<video>标签可原生嵌入视频，但需提供多格式（如MP4、WebM）并严格匹配编码参数（H.264Baseline、AAC-LC等），且自动播放须静音或经用户交互触发。
-
text-overflow:ellipsis必须配合white-space:nowrap、overflow:hidden和width（或max-width）才生效；多行省略需-webkit-box与-webkit-line-clamp；Flex中还需min-width:0和flex-shrink:1。
-
使用grid-template-areas可直观实现表单分组布局，通过命名区域并在容器中定义网格结构，如"usernameusername""emailphone"等，结合grid-area将元素对应到指定区域，利用grid-template-columns设置列宽并配合媒体查询在小屏下切换为单列，实现响应式布局，结构清晰且易于维护。
-
按钮大小不统一的根本原因是padding、border、box-sizing混用导致实际占用空间不一致；解决关键是全局或单独设置box-sizing:border-box，统一padding单位（推荐px），规范border样式，并合理使用min-width与文本截断策略。
-
JS实现弹幕功能的核心答案是通过动态创建DOM元素并结合CSS动画或requestAnimationFrame实现横向移动，同时进行元素回收与性能优化；具体而言，首先构建一个相对定位的容器用于承载弹幕，接着定义绝对定位的弹幕样式并利用transform实现高效动画，然后在JavaScript中创建元素、随机或按轨道分配垂直位置，计算宽度与动画时长后触发放置动画，并在transitionend事件中移除元素以管理生命周期；为避免重叠，推荐使用预设轨道系统，通过维护轨道占用状态实现有序排列；性能方面优先采用C
-
HTML5多设备兼容性优于HTML4，因viewport元标签、语义化标签和原生多媒体支持实现移动优先适配；缺viewport则响应式失效，语义标签提升布局可靠性，video/audio/canvas等确保跨平台功能可用。
-
box-sizing的content-box使width/height仅含内容区，border-box则让width/height包含padding和border；margin和padding在两种模式下均有效且行为不变，但border-box会压缩内容区宽度。
