-
JavaScript事件循环是单线程下严格按序执行任务的规则：同步代码→清空所有微任务→执行一个宏任务→再清空所有微任务→循环往复；Promise.then总比setTimeout先执行，因前者属微任务、后者属宏任务，且事件循环规定每个宏任务结束后必须立即连续执行完当前全部微任务才取下一个宏任务。
-
Hydration是Next.js中将服务端渲染的静态HTML激活为交互式应用的过程，浏览器复用DOM并绑定事件与状态；其核心在于保持服务端与客户端渲染一致，避免如“Textcontentdidnotmatch”等警告；执行流程包括服务端生成HTML、客户端加载JS、React比对虚拟DOM并注入事件；优化方式有避免使用window对象、拆分动态内容、启用React18选择性hydration及减少首屏JS体积；常见问题多因两端渲染差异导致，需统一条件渲染、时间戳等逻辑以确保稳定性。
-
Node.js默认在单线程上运行，无论服务器是6核还是10核，纯计算型函数（如数组累加）的执行时间几乎不变——因为未启用多线程机制，额外CPU核心不会自动参与运算。
-
需通过CDN或本地引入jQuery库，再用选择器操作DOM、绑定事件、发起AJAX请求；CDN推荐code.jquery.com地址，本地需校验路径与加载顺序，所有操作基于$()函数并支持链式调用。
-
可通过实时视图和浏览器预览功能查看HTML效果：一、点击文档窗口下方的眼睛图标启用实时视图，即时查看渲染效果；二、保存文件后按F12或选择“在浏览器中预览”以默认浏览器打开测试；三、通过“编辑→首选参数→在浏览器中预览”添加并设置常用浏览器为默认；四、若含PHP等动态内容，需配置XAMPP等本地服务器，定义站点时设置服务器模型，并通过localhost访问运行。
-
记事本保存HTML需选UTF-8编码、文件名手动输全称、保存类型选“所有文件”；必须添加<metacharset="UTF-8">且闭合标签；避免空格/中文路径，右键用浏览器打开。
-
要制作带有渐变背景动画的CSS数据加载进度条，1.使用HTML结构创建容器和进度条元素；2.CSS中设置容器样式并隐藏溢出内容；3.为进度条应用linear-gradient背景并定义background-size与动画；4.利用@keyframes实现背景移动动画；5.通过调整width属性模拟加载进度变化并添加过渡效果。该方法结合了视觉流动感与用户体验优化，使等待过程更自然、更具吸引力。
-
Sass变量必须以$开头，如$primary-color:#2c3e50；嵌套不宜超3层；@mixin不支持返回值，需用@function实现计算；@import已废弃，须改用@use模块系统。
-
JavaScript生成器是用function*定义的可暂停函数，返回迭代器对象，通过next()方法控制执行节奏，yield实现暂停与恢复及双向通信，适用于异步流程、惰性求值和状态机。
-
浮动导致父容器塌陷的解决方法是触发BFC，推荐用display:flow-root；横向错位需检查总宽度与空白间隙；clear应加在需避开浮动的元素上而非浮动元素自身。
-
flex容器子项不垂直居中的核心原因是容器未启用flex布局或未设置align-items:center；需确保display:flex生效、父容器有真实高度、子项未溢出且无align-self覆盖。
-
使用iframe、JavaScript、服务器端包含或模块化方案可将HTM文件嵌入网页。1.iframe标签直接嵌入，适合静态内容；2.JavaScript动态加载内容至指定元素，灵活但受限于跨域；3.服务端包含（如PHP、Node.js）在服务器合并HTML，利于SEO；4.构建工具或Web组件实现模块化集成，适用于现代前端项目。选择依据包括是否需SEO、有无服务器权限及项目复杂度。
-
直接查看网页源码（Ctrl+U）获取原始HTML5文本，不含JS动态内容或服务端模板；可通过Network面板找独立HTML模板、GitHub搜索关键词、curl检查开头、wget下载静态站等方式辅助获取。
-
零基础学CSS应先掌握文档流、盒模型、颜色字体文本控制三大基础，再学布局；需手写margin/padding/border、用border-box、同步练习文本属性、通过冲突实验理解优先级，最后再接触Flex/Grid。
-
Chrome不播放video标签的主因是静音自动播放被拦截、跨域资源被拒、编码格式不支持或缺少必要属性；需同时设autoplay和muted才能自动播放，且推荐用H.264编码、本地HTTP服务及用户手势触发play()。
