-
应优先双击HTML文件以file://协议打开；若失败，可手动输入file://绝对路径；对AJAX等受限功能需用http-server启动本地服务器；调试时可临时启用Chrome的--allow-file-access-from-files参数；最后检查文件编码是否为UTF-8无BOM。
-
本文介绍一种高效、可扩展的方法，将具有相同数字后缀的键（如lote0与loteQnt0）自动配对，并生成标准化的对象数组（如{name:'jg',value:'jgvalue'}），避免硬编码分组逻辑。
-
移动端input聚焦时页面被键盘顶起，本质是浏览器自动滚动调整视口所致；解决思路包括聚焦时强制回滚、禁用默认滚动、适配安全区及优化结构布局。
-
直接修改placeholder属性值是最常用且安全的方式，需写在input标签内并用双引号包裹，如placeholder="搜一搜商品、品牌..."；CSS仅能通过伪元素调整样式，JS动态修改需确保DOM加载完成。
-
IE浏览器不支持HTML5原生API，应通过特性检测而非UA判断来适配；IE8–9需用Flash回退video/audio，IE7–8可用userData模拟localStorage；推荐使用Babel自动注入polyfill。
-
JavaScript中的class本质是构造函数的语法糖，底层仍生成普通函数并挂载到prototype上，不改变原型继承机制，typeof返回"function"，不支持变量提升，静态方法挂类本身，实例方法挂prototype。
-
UIkit通过网格、容器和响应式类快速构建页面。1.使用uk-grid与uk-width-*创建响应式布局；2.用uk-section、uk-card组织内容区块；3.嵌套网格与uk-flex对齐提升精度；4.利用uk-hidden、uk-visible实现设备适配，减少自定义CSS。
-
ES6模块是静态解析、编译时确定依赖，不可动态加载；CommonJS是运行时执行、支持条件引入；二者在浏览器/Node.js中行为不同，互操作需注意默认导出结构、文件后缀、路径写法及循环引用机制。
-
HTML5表单默认提交会跳转页面，需用event.preventDefault()阻止并配合fetch()实现无刷新提交；formaction/formmethod支持多操作；编码类型由浏览器自动选择，后端须匹配解析。
-
Flexbox通过display:flex、flex-direction:row、justify-content、flex-wrap:nowrap及子项flex属性实现元素横向排列。
-
ServiceWorker是实现Web应用离线运行的核心，通过拦截网络请求、管理缓存和推送通知，在HTTPS或localhost环境下提供离线支持；它独立于主线程运行，注册后可通过install事件预缓存资源，fetch事件实现缓存优先或网络优先的请求策略，并在activate事件中清理旧缓存以完成版本更新，合理配置缓存策略与版本控制可显著提升应用可靠性与用户体验。
-
一、使用style属性可直接为HTML元素设置内联CSS，如style="color:red;font-size:16px;"；二、多个元素可通过分别添加style属性实现独立样式；三、结合JavaScript可动态修改内联样式，如通过document.getElementById("demo").style.color="blue"实时改变颜色。
-
for循环最稳妥但需防length被改；for...of简洁适合纯读取，跳过稀疏数组空位；for...in慎用于数组，遍历对象属性名且顺序不定；Object.entries()兼顾键值、可读性与安全性。
-
:empty选择器用于选中无内容的元素，包括无文本、子元素、空格或换行符；适用于设置占位样式、隐藏空元素及表单校验，但含空格即不被识别为“空”，注释不影响其状态，可结合其他选择器精准控制样式。
-
本地运行HTML文件只需双击打开，或用浏览器手动加载；若需完整功能，可用Python启动本地服务器，通过http://localhost:8000访问，适合开发调试。
