-
优先使用gap控制Flex子元素间距，padding用于内部留白；gap避免尺寸溢出且首尾无多余空白，配合box-sizing:border-box可精准布局，旧浏览器可用margin与负margin模拟gap效果。
-
严格模式禁止未声明变量赋值、delete全局变量、with语句、arguments.callee等隐式行为，强制显式声明变量并报错而非静默失败。
-
JavaScript中的class是构造函数的语法糖，继承本质基于原型链；ES6extends自动处理原型链与super()调用，而ES5需手动实现寄生组合式继承。
-
HTML在线转换入口网页位于https://www.html-online.com/tools/，提供HTML转PDF、TXT、DOC等功能，支持代码优化、即时预览，无需注册即可使用，兼容多设备且注重隐私安全。
-
使用float实现多列等间距布局可通过负margin与padding配合或text-align:justify方法，但推荐采用flex布局以更简洁高效地实现均匀分布。
-
: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值。
