-
nav和dropdown必须是两个独立block，因nav只管语义结构与布局，dropdown专责交互行为（显隐、定位、过渡），二者职责分离才能避免样式耦合与测试爆炸。215 收藏 -
闭包预初始化通过封装惰性求值逻辑实现冷启动优化：声明时仅绑定作用域并设缓存桩，触发时才执行轻量同步操作（如本地存储读取），支持一次初始化、多次复用，避免全局同步阻塞。215 收藏 -
移动端优先需HTML核心信息前置+flexorder重排视觉顺序，禁用display:none避免影响可访问性与SEO，通过纯HTML结构验证、屏幕阅读器测试及Lighthouse审计确保实效。214 收藏 -
JavaScript通过style属性、classList和getComputedStyle等API动态控制CSS样式：直接修改element.style适用于简单内联样式；推荐用classList切换预定义CSS类；getComputedStyle用于读取最终渲染样式。214 收藏 -
HTML的time元素不解析毫秒级时间戳，datetime属性仅接受ISO8601格式（如"2024-05-30T00:00:00Z"），需用newDate(timestamp).toISOString()手动转换，否则语义失效、辅助技术无法识别。214 收藏 -
JavaScript模块化主要靠ES6模块（ESM）和CommonJS（CJS）：ESM静态编译时解析、import/export语法、只读绑定、默认严格模式；CJS动态运行时加载、require/module.exports、对象引用、支持动态路径；二者加载时机、循环依赖处理及Node互操作方式不同，需注意兼容性与转换。214 收藏 -
轮播图本质是DOM元素位置/可见性的动态切换，通过transform+transition控制偏移量实现平滑滚动，无缝循环需复制首尾图并瞬移跳转，交互时须清除定时器防错乱。214 收藏 -
IntlAPI提供高级功能实现精准国际化：1.NumberFormat支持单位和紧凑格式，如“5kilograms”“1.2K”；2.RelativeTimeFormat生成“昨天”“后天”等自然语言时间；3.Collator按语言习惯排序，支持忽略重音、数值排序；4.ListFormat格式化列表为符合语法规则的自然语言，如“苹果和香蕉”“redorblue”。214 收藏 -
rel="dns-prefetch"仅提前解析DNS，不发起请求、不下载资源；适用于明确将访问且未缓存的跨域域名，如CDN、统计脚本、字体服务等。214 收藏 -
最稳妥方式是用Babel插件在AST层精准识别并删除调试逻辑，因其可区分调用类型、支持别名与自定义函数、保留源码结构且能结合环境配置；而Terser的drop_console会误删error/warn、不支持非标准写法且缺乏语义判断能力。214 收藏 -
后代选择器通过空格分隔选择器，选中嵌套在父元素内的任意层级子元素，如divp{color:blue}会匹配div内所有p元素，常用于限定容器内样式；需避免过度嵌套，推荐结合类名简化，且区别于仅选直接子元素的子选择器（>），掌握它可精准控制局部样式。214 收藏 -
Canvas绘图前必须调用getContext('2d')获取上下文，否则绘图方法报错；动态更新需clearRect清空再重绘；高频动画应使用requestAnimationFrame并适配devicePixelRatio防模糊。214 收藏 -
若需离线使用HTML5资源，可采用四种方法：一、用浏览器开发者工具手动保存页面及关联资源；二、用HTTrack整站下载并修复路径；三、通过npm或git获取开源项目源码并本地运行；四、用SingleFile扩展生成自包含单HTML文件。214 收藏 -
HTML制作带锚点定位的长页面目录导航，可以使用标签配合id属性实现。以下是简单步骤和示例代码：1. 为每个章节添加 id 属性在需要跳转的位置（如标题）添加 id，用于锚点定位。
第一章：简介
这里是第一章内容...
第二章：功能介绍
这里是第二章内容...
2. 创建目录
90%锚点点击无反应是因目标元素缺失id、id不合法或存在同名name属性；需确保id全小写、仅含字母数字和短横线、全局唯一，且href与id值严格一致。214 收藏 -
深层对象嵌套本身不慢，慢的是反复访问、遍历、响应或序列化时的额外开销；关键在识别“谁在何时以何种方式触碰它”，扁平化本质是缩短高频操作路径。214 收藏
