-
JavaScript通过事件循环处理异步操作，宏任务（如setTimeout、script整体代码）与微任务（如Promise.then、queueMicrotask）分属不同队列。每次事件循环先执行一个宏任务，随后清空所有当前微任务，微任务具有更高优先级。例如，同步代码执行后，微任务回调（如Promise.then）会在当前宏任务结束后立即执行，而setTimeout等宏任务需等待下一轮循环。嵌套场景中，宏任务产生的微任务会在该宏任务结束后立即执行，导致输出顺序可能不符合直觉。由于微任务持续占用主线程，
-
IE嵌入HTML5页面的问题根源在于语法、CSS、JS兼容性及安全策略：需检查跨域iframe响应头、引入html5shiv修复语义标签、用Babel+polyfill处理ES6+、为flex加-ms-前缀，grid则需降级或弃用。
-
rgba()在iOSSafari和AndroidChrome中基本可靠，但iOS8等旧版本在border-color、outline等属性中存在渲染异常；#RRGGBBAA仅限较新系统支持；opacity会导致子元素一同变透明，应优先用rgba()控制颜色透明度。
-
background-origin设为padding-box时，背景图从内边距左上角开始定位，导致padding存在时background-position:center不居中；它定义定位参考系原点，与background-clip（控制裁剪范围）作用独立。
-
高度塌陷因浮动元素脱离文档流导致父元素无法包裹子元素；解决方法包括：1.使用clearfix伪类清除浮动并兼容IE；2.设置overflow:hidden触发BFC闭合浮动，但可能裁剪溢出内容；3.添加clear:both的空元素，结构与样式分离差，不推荐；4.采用Flex或Grid布局替代浮动，现代项目首选。维护旧项目可用clearfix，新项目推荐Flex/Grid以提升可维护性。
-
本文介绍如何在Expo应用中配合expo-file-system安全删除由expo-image-picker拍摄或选择后本地缓存的照片文件，并说明其生命周期管理策略。
-
函数式编程通过纯函数、不可变数据和函数组合提升代码可预测性与可维护性。1.纯函数确保输入输出一致，不依赖外部状态，如用(a,b)=>a+b避免全局变量；2.不可变数据避免副作用，使用map、filter或展开运算符生成新值；3.函数组合将小函数如trimInput、validate通过pipe串联，增强逻辑清晰度与调试效率。该范式不需重写全部代码，而是提供局部化变更、低耦合的可靠设计思路，长期提升项目质量。
-
HTML5页面问题可通过浏览器开发者工具高效调试：Console捕获错误，Elements检查结构样式，Sources设置断点，Network诊断资源加载，Application管理存储与PWA配置。
-
HTML5通过语义化标签优化图片插入：用<img>配合src/alt确保可访问性；用width/height或CSS控制响应式尺寸；用<picture>+<source>支持WebP等现代格式；用loading="lazy"实现懒加载；用<figure><figcaption>增强语义与可访问性。
-
应避免直接JS频繁修改column-count，改用媒体查询控制列数；必须JS控制时用requestAnimationFrame节流；优先用grid模拟瀑布流以减少重排；内容含图片时需onload后强制重排；Safari下慎用column-width。
-
本文讲解如何在JavaScript中模拟CSS的:not()选择器行为，避免对弹窗表单等特定元素应用全局样式（如背景变暗），通过DOM结构隔离与精准作用域控制实现优雅的模态框交互。
-
内联样式>内部样式表>外部样式表，优先级由选择器权重（ID>类>标签）和来源类型共同决定，而非加载顺序；@import在<style>中受其整体权重约束，!important仅作用于单个声明且不可继承。
-
本文详解如何通过原生JavaScript为商品页添加“点击缩略图切换主图”功能，解决因DOM选择错误、事件绑定不当导致的图片不更新问题，并提供健壮、可扩展的实现方案。
-
JavaScript可通过内联、内部或外部脚本嵌入HTML，使用let/const声明变量，支持多种数据类型与运算符，通过DOM操作实现动态交互，结合事件监听和调试工具可有效提升开发效率。
-
相对定位元素位移后仍占原文档流位置；其本质是先按正常流占位再基于原位置偏移，top/left等不引发重排，z-index受层叠上下文限制，absolute子元素以relative父元素为containingblock但不受其后续位移影响。
