-
JavaScript对象本质是键值对集合，继承自Object.prototype；字面量创建简洁但存在引用陷阱和this绑定时机问题；构造函数需用new避免全局污染；Object.create()可显式控制原型链；ES6class仅为语法糖。
-
安卓Chrome/WebView中video元素object-fit:cover渲染偏右是因高DPR下subpixel渲染与裁剪锚点居中导致，需用JS动态计算缩放比例并手动居中校准。
-
防止XSS的关键是正确处理用户输入输出。应对用户输入进行白名单验证并限制格式，前端后端均需验证；在插入HTML时对动态内容进行HTML编码，转义特殊字符如<为<。
-
微任务总在宏任务前执行，因事件循环规定每个宏任务后必须清空全部微任务队列；script是首个宏任务，Promise.then、queueMicrotask属微任务，setTimeout属宏任务。
-
现代浏览器已彻底禁用Flash，无法切换回Flash；所有视频均通过HTML5播放，验证需检查video标签、Media请求类型及解码状态。
-
HTML5转APP真能不写代码吗能，但有前提：你只做最基础的壳型封装（WebView容器），且接受功能受限、审核风险高、体验差等现实问题。真正可用的HTML5转APP方案，几乎都绕不开配置调整、调试和少量原生对接——哪怕用现成工具，也得懂基本的构建流程和错误排查逻辑。主流“无代码”工具的实际门槛在哪里像Cordova、Capacitor、PhoneGap或国内的APICloud、DCloudHBuilderX，表面点几下就能打包，实际运行时常见报错：Pluginnotinstalled
-
Flex布局中，justify-content和align-items控制主轴与交叉轴对齐，实现整体居中或分布；当需精确定位特定元素时，可结合position:relative或absolute进行局部调整。例如，flex居中容器内元素可通过relative上移10px，或在relative定位的父容器中使用absolute将角标固定于右上角。注意避免滥用absolute以免破坏流式布局，确保父容器尺寸明确，合理使用z-index控制层叠。两者协同可实现灵活精准的界面布局。
-
:nth-child(odd)和:nth-child(even)可直接实现列表隔行变色，但需确保父元素下仅含<li>标签；若混杂其他节点，应改用li:nth-of-type(odd/even)以精准匹配<li>元素，避免序号偏移。
-
前端性能监控需采集FP、FMP、LCP、FID、CLS等核心指标，结合JavaScript错误捕获与自定义行为标记，通过PerformanceAPI和事件监听实现；利用sendBeacon懒加载上报，采样非关键数据，持续优化采集与上报策略以提升用户体验。
-
JavaScript测试是保障代码稳定的底线，Jest需正确配置文件名、脚本及ES模块支持；纯函数测试须覆盖边界条件；异步/API依赖须mock，DOM操作需jsdom或mock。
-
CSS选择器是选中HTML元素并应用样式的桥梁，包括基础选择器（如标签、类、ID、通配符）和高级选择器（如后代、子元素、兄弟、属性、伪类、伪元素），掌握它们可提升样式代码的灵活性与可维护性。
-
JavaScript作用域在代码编写时即确定，取决于变量声明位置和方式：全局变量声明于函数外，局部变量声明于函数内或块级作用域（let/const），var无块级作用域，易导致意外提升。
-
运行HTML文件只需将其保存为.html格式并用浏览器打开。1.确保文件以.html为扩展名，避免保存为.txt格式；2.双击文件或右键选择浏览器打开，也可在浏览器地址栏输入file:///加文件路径；3.使用VSCode等编辑器可安装LiveServer插件实现自动刷新预览；4.通过右键检查元素和查看控制台调试页面显示问题，确认资源路径正确即可正常运行。
-
ShadowDOM通过隔离DOM子树实现样式封装，内部样式不泄露、外部样式不穿透；推荐内联<style>，慎用!important和全局选择器，善用:host、::slotted和CSS自定义属性实现可控定制。
-
JavaScript中设置Cookie需通过document.cookie="key=value;expires=...;path=/;domain=..."字符串赋值，必须显式指定expires/max-age、path和domain才能正确覆盖或删除；读取需正则解析并decodeURIComponent；删除本质是写入过期同名Cookie，且path/domain必须严格匹配原值。
