-
JavaScript是事件驱动、基于对象与原型、单线程但支持异步的浏览器编程语言；初学应先理解事件绑定、对象属性方法、const/let作用域及异步概念，再渐进深入。
-
使用状态机管理UI组件生命周期可提升可维护性。通过定义明确的状态（如空闲、上传中）与事件（如开始、暂停），利用状态转移表控制状态切换，结合UI框架监听状态变化更新视图，并在状态变更时处理异步操作与副作用，实现逻辑与视图分离，降低复杂度。
-
Tailwind的opacity工具类不支持CSS变量，需通过配置扩展（如theme.extend.opacity添加'var':'var(--tw-opacity)'）或内联style="opacity:var(--my-alpha,1)"实现动态透明度控制。
-
浮动元素撑不开父容器时，应优先用overflow:hidden或auto触发BFC；左右浮动间距不一致需统一margin侧向设置；清除浮动后空白由清除元素的盒模型属性引起，应用伪元素并设height:0等属性消除；移动端应避免依赖浮动，改用响应式布局。
-
:last-child用于选中父元素的最后一个子元素，如li:last-child使最后一个li变红；常用于移除列表末尾边框或调整卡片样式，需注意仅当末尾元素匹配时才生效，支持IE9以上浏览器。
-
translate属性用于禁用浏览器自动翻译，不影响i18n库或API；必须加translate="no"的包括code内容、品牌名、API路径、字段名、CSS类名等；该属性可继承，但textarea/input的value、script/style内部文本除外。
-
前端性能稳定性保障体系由加载容错、错误捕获、监控告警、自动回滚四层闭环驱动；loadScriptWithFallback需支持三级可配置回退（主CDN→备CDN→同域本地）、失败后走reportError+triggerFallback而非直接reject、记录网络类型与UA用于分析，并在成功fallback后上报resourceFallbacked事件同步运行态版本。
-
用:root定义带语义前缀的主题变量（如--theme-color-primary），通过class切换:root下的变量值实现主题切换；transition需作用于具体属性（如background-color），而非变量名本身，且所有尺寸变量须在初始CSS中定义以避免抖动。
-
fade()直接设置目标透明度，fadein()在原alpha上叠加不透明度；前者用于精确控制，后者适用于已有透明色的微调。
-
纯CSS无法实现数字递增滚动动画，因counter-increment离散触发且@keyframes不能插值；唯一纯CSS方案是@property（仅Chromium支持），但实际推荐JS驱动数值+CSS处理位移过渡。
-
JavaScript是混合移动开发中实现交互与原生通信的核心，通过JSBridge与原生层双向调用，如Android的addJavascriptInterface或iOS的messageHandlers机制；结合Cordova、Ionic等框架统一跨平台逻辑，利用WebView渲染页面并调用设备功能；为提升性能需减少DOM操作、拆分模块、缓存数据并节流高频调用；调试时可借助ChromeDevTools或SafariWebInspector，注意ES6+兼容性处理，合理架构可构建高效稳定的混合应用。
-
可通过浏览器开发者工具临时修改网页内容。一、右键“检查”进入Elements面板，双击编辑文本或“EditasHTML”调整结构；二、在Console执行JavaScript代码，用innerText或innerHTML批量修改元素内容；三、右键复制修改后的outerHTML，粘贴保存为.html文件以保留更改；四、安装“WebScraper”等插件，通过可视化界面高效编辑并导出结果。
-
HTML原生仅支持<ins>和<del>语义化标记增删内容，需配CSS实现高亮且确保可访问性；diff输出须转义并按规范解析为合法HTML，不可直接渲染。
-
height:100%在Flex子项中不生效的根本原因是父容器无明确高度，导致百分比失去参照系；需配合min-height:0、flex:1或height:stretch等显式拉伸策略才能生效。
-
是，<title>是唯一强信号，<h1>仅作正文主主题提示；语义结构错位会触发质量疑虑，而非无效——如<title>与<h1>冲突将标记“结构混乱”，影响E-E-A-T评估。
