-
:lang()伪类严格依赖HTML元素的lang属性值匹配，不自动检测浏览器语言，支持继承和子字符串匹配（如:lang(zh)匹配zh-CN）。
-
事件捕获是事件流的第一阶段，从window向目标元素逐层下行，需显式启用capture:true；它与冒泡方向相反、时机在前，适用于全局预处理，而事件委托依赖冒泡因其天然支持子元素事件向父元素传递。
-
Generator函数结合Promise可实现同步化异步控制，通过yield暂停执行，自定义执行器自动处理Promise并传值，使异步流程线性化、易调试，但需手动实现执行器，语法不如async/await简洁，后者为其语法糖。
-
必须先将ul设为display:flex，再给li设置flex:110并重置margin/padding，配合align-items:stretch和min-height才能真正均分且对齐。
-
在iOS设备上可通过在线代码编辑器运行HTML，如JSFiddle、CodePen和Runnable，无需安装软件，直接在浏览器中编写并实时预览；2.使用Textastic、Pythonista或WorkingCopy等专用App可离线编辑并预览本地HTML文件；3.将HTML文件保存至iCloudDrive或文件App后，可用Safari直接打开查看效果。
-
本文介绍如何使用纯JavaScript实现点击按钮即下载指定URL的二维码图片（如QuickChart生成的QR图像），无需后端介入，全程在浏览器中完成。
-
visibility:hidden使<select>隐藏但保留布局空间且仍可聚焦操作；display:none则彻底移除、不占位且禁交互；需禁交互时应配合disabled或pointer-events:none，或直接使用hidden属性。
-
调用天气API的核心是通过HTTP请求获取数据并解析JSON，常用fetch方法结合APIKey向OpenWeatherMap等服务商请求，选择API时需考虑免费额度、数据精度、文档质量、CORS支持等因素，推荐OpenWeatherMap或和风天气；常见问题包括CORS跨域、APIKey泄露、请求频率限制及数据解析错误，解决方案为使用后端代理、设置白名单、本地缓存和错误处理机制；在前端展示时应结构化数据、组件化UI、添加加载与错误状态、结合图标与背景提升视觉体验，并通过自动定位、城市切换和响应式设计优化
-
HTML5网页拼接有五种原生方法：一、iframe嵌入隔离内容；二、fetch+innerHTML动态注入；三、template元素预定义可复用结构；四、WebComponents封装自定义元素；五、Server-SentEvents流式拼接。
-
全局执行环境中，浏览器下this指向window，Node.js中指向global；严格模式下全局函数内this为undefined；箭头函数不绑定this，继承外层词法作用域的this值。
-
HTML5.1是HTML5的小步迭代，修复缺陷、废除<hgroup>、新增<dialog><details><summary><picture><main>等实用标签，并强制rel="noopener"提升安全。
-
border-box和content-box是box-sizing的两个值，决定宽高计算方式。content-box的宽高不含padding和border，总尺寸会增大；border-box的宽高包含padding和border，总尺寸固定。推荐全局设置*{box-sizing:border-box}以统一布局行为，便于控制尺寸，避免错位。可单独为元素设置content-box恢复默认。实际开发中建议全局使用border-box，利于响应式设计，调试时可通过开发者工具查看盒模型变化。
-
给<selectdisabled>添加灰态样式需用select:disabled{color:#999!important;background-color:#f5f5f5!important;cursor:not-allowed;opacity:0.7;}，因浏览器UA样式会覆盖，!important必须；自定义下拉组件需针对其生成的class写CSS。
-
内联样式>内部样式表>外部样式表，优先级由选择器权重（ID>类>标签）和来源类型共同决定，而非加载顺序；@import在<style>中受其整体权重约束，!important仅作用于单个声明且不可继承。
-
rgba渐变中alpha仅作用于颜色自身而非视觉透明度，需固定RGB、仅调alpha以突出透明度变化，避免混用transparent，结合backdrop-filter或伪元素实现精准透出效果。
