-
多端框架通过统一语法和编译机制实现一次开发、多端运行，如Taro、UniApp等采用中间语言加编译转译，抽象组件与API、适配运行时、支持条件编译，结合样式兼容、组件封装、API兜底等实践，提升开发效率与维护性。
-
rgb()和rgba()是颜色通道直控方式而非亮度控制工具，通过独立调节红、绿、蓝通道（0–255）及alpha透明度实现精确对比度控制，兼顾可读性与视觉层次。
-
运行HTML文件的方法有：一、直接双击打开，用浏览器查看静态内容；二、通过浏览器菜单选择“打开文件”加载本地文档；三、使用Node.js启动本地服务器运行，支持动态功能；四、利用VSCode等编辑器的LiveServer插件实现实时预览。
-
iframe依然可用但需谨慎，因其存在安全与性能问题；2.主要安全隐患包括点击劫持、钓鱼和XSS，可通过sandbox、allow属性、X-Frame-Options和CSP来规避；3.性能问题源于独立浏览上下文和资源消耗，可通过loading="lazy"、JavaScript动态加载和内容优化缓解；4.更推荐的替代方案包括API调用+客户端渲染、WebComponents、服务器端包含（SSI/SSR/ESI）和OEmbed协议；5.提升用户体验需采用响应式设计、加载状态提示、错误处理、可访问性支持（
-
图文紧密排列需调整图片默认inline行为：一、vertical-align控制对齐；二、display:block+float实现环绕；三、flex布局精准并排；四、font-size:0消除空白符间隙；五、line-height:0压缩行框再微调。
-
JavaScript是通用语言，初学者应先用浏览器Console验证console.log；避免var，优先用const/let；本地开发需HTTP服务而非file://；DOM操作须确保元素已加载。
-
选择REM结合视口单位因兼具JS动态控制与CSS原生缩放优势，避免纯方案缺陷。通过JavaScript设置html的font-size实现REM基准，利用calc()混合单位提升自适应性，用预处理器或四舍五入减少精度误差，配合Flexbox增强布局响应能力，对旧浏览器可降级处理。
-
JavaScript作用域是词法作用域，由代码结构在运行前确定，分全局、函数、块级（ES6起）；var提升至函数顶，let/const有TDZ；闭包捕获变量绑定而非值；this与作用域无关，取决于调用方式。
-
图片不对齐是因默认基线对齐造成底部空隙，1.可通过设置vertical-align:middle/top/bottom调整；2.结合margin微调位置；3.推荐使用flex布局替代浮动，利用align-items实现稳定对齐。
-
通过CSStransition为按钮设置颜色、缩放、阴影等属性的平滑过渡，结合:hover悬停提示与:active点击状态，实现无需JavaScript的自然点击反馈，提升操作感知与用户体验。
-
JavaScript深拷贝无万能方案：structuredClone()支持多数内置类型且处理循环引用，但不支持function等；手写需防null、数组遍历、循环引用等陷阱；LodashcloneDeep覆盖广但有体积和兼容性考量；JSON方法仅适用于纯数据对象。
-
Tooltip组件通过data-tooltip属性为元素添加提示信息，使用JavaScript监听鼠标事件并动态创建、定位提示框。核心逻辑包括：利用getBoundingClientRect计算位置，确保提示框不越界，并通过append/remove控制显示与隐藏。支持多种元素且无需额外DOM嵌套，可扩展自定义位置、动画和富文本功能，轻量易集成。
-
CSS属性继承性指部分样式自动传递给子元素，如color、font-size、text-align等文本属性可继承，而margin、border等布局属性不可继承；通过inherit、initial等关键字可控制继承行为；继承样式在层叠中优先级最低，易被其他选择器覆盖，需结合开发者工具判断实际应用来源。
-
本文详解为何transform:translate()在未正确初始化样式时无法响应WASD键，提供可运行的修复方案，并对比transform与top/left的适用场景与关键注意事项。
-
text-align用于设置文本水平对齐方式，包括left（左对齐）、right（右对齐）、center（居中）、justify（两端对齐）及start/end（智能对齐），适配多语言与排版需求，提升可读性与视觉层次。
