-
通过preload提前加载关键CSS并动态切换rel属性，确保样式优先下载；2.按重置、布局、组件、主题顺序排列link标签，保障结构稳定；3.内联首屏关键CSS，异步加载非关键样式，减少FOUC与重排；4.避免使用@import，改用独立link标签提升并行加载效率。
-
可通过iframe、JavaScript动态加载、ES模块导入或object标签四种方式嵌入HTML文件：iframe适用于静态嵌入；fetch适合动态控制与错误处理；import需服务端支持MIME类型；object提供fallback且更轻量。
-
在JavaScript中，func表示对函数对象的引用，而func()表示立即调用该函数并返回其执行结果；这一区别直接影响赋值、事件绑定、模块导出等关键场景的行为。
-
必须写。不设置content属性，::before和::after伪元素完全不会渲染，即使设置了background-color、width、height也无效；content是唯一强制属性，空内容也需显式写content:""。
-
<p>滚动加载核心是监听滚动事件并判断是否触底（scrollY+innerHeight>=scrollHeight-100），通过isLoading锁和hasMore标识防重复请求，结合节流（非防抖）优化性能，并在DOM更新后重置状态。</p>
-
本文讲解如何用jQuery点击按钮后，将页面中所有指定类名的输入框按1、2、3…顺序重新赋值，纠正初学者误用.closest()导致无法定位目标元素的常见错误。
-
:nth-child(odd)不生效的根本原因是它按父元素下所有同级子元素的物理位置计数，而非仅目标标签；混入thead、div等干扰节点会导致序号错乱，应改用:nth-of-type(odd)或限定tbody作用域。
-
本文详解如何使用CSS定位技术，在图像上方精准叠加一个具有半透明背景的文本框，并解决因父容器未设高度导致的定位错乱问题。
-
box-shadow的inset关键字用于创建内阴影效果，与普通外阴影相反。1.inset使阴影向内收缩，呈现凹陷感；2.外阴影渲染在元素边框外部，而inset阴影在内容区域内部；3.常用于模拟按钮按下状态、内边框或纹理效果；4.使用时需结合其他CSS属性精细调整以增强视觉层次。
-
本文详解CordovaiOS应用中如何通过纯前端方式实现页面间跳转，以按钮触发为例，介绍基于window.location.href的轻量、可靠导航方案，并说明其原理、适用场景及关键注意事项。
-
Vue3的watchEffect配合CSS变量可实现轻量、响应式主题换肤——自动追踪主题ref变化，通过document.documentElement.style.setProperty动态写入带前缀的CSS变量（如--theme-primary），CSS中用var()引用并设回退值，复杂场景辅以class切换，全程无DOM手动操作、无额外状态管理。
-
严格模式是通过"usestrict"字符串启用的执行规则开关，需置于文件或函数首行且格式正确，能使隐式全局变量、重复参数等错误提前暴露。
-
flex容器默认由子元素内容撑开高度，若子元素无足够内容或脱离文档流，则可能无法撑开；通过避免绝对定位、设置min-height、保证父级高度及合理使用align-items可控制容器高度。
-
用Flexbox实现导航栏左右对齐需设容器display:flex，用justify-content控制分布或margin-left:auto推右，清除默认样式并适配响应式。
-
MutationObserver能实时监测DOM结构变化，它在DOM提交渲染前以微任务方式异步触发回调，通过正确配置childList和subtree可监听所有层级节点增删，但不监听样式、value值或动画等非结构变更。
