-
事件循环是单线程任务执行节奏：同步代码→清空所有微任务→执行一个宏任务→循环。Promise.then总比setTimeout先执行，因前者属微任务、后者属宏任务，且每轮宏任务后必须立即清空全部微任务。
-
opacity动画卡顿或闪烁的直接原因是未开启硬件加速或触发重排；需确保无干扰层叠上下文、避免display操作、显式声明transition属性、处理pointer-events及z-index层级问题，并注意IE11/Safari兼容性限制。
-
BlueGriffon是一款基于Mozilla的可视化HTML编辑器，支持所见即所得与代码编辑。1.安装后启动并设置语言偏好；2.可新建或打开HTML文件；3.在设计界面直接输入内容并用工具栏格式化；4.通过源代码标签查看和修改HTML结构；5.在文档属性中设置页面标题、元信息及外部资源；6.预览效果后保存为HTML格式。适合初学者直观编辑网页，建议结合基础HTML学习使用。
-
箭头函数无this、无arguments、不能new调用、返回对象需括号包裹；this沿作用域链继承，arguments需用...args替代，无prototype故不可构造，返回对象字面量必须用()包裹。
-
JavaScript中应优先使用原生EventTarget实现观察者模式，它比手写Observer/Subject更可靠、轻量且兼容；支持once、signal、自定义事件等特性，现代浏览器和Node.jsv18+均原生支持。
-
flex-wrap:wrap是触发换行的必要条件，不设置则子项强制单行显示；wrap-reverse仅改变新行堆叠方向而非元素顺序；多行对齐需配合align-content，且须确保box-sizing和gap计算准确。
-
可用纯HTML实现百度搜索框结构，通过form的action="https://www.baidu.com/s"、method="get"及input的name="wd"即可提交至百度结果页。
-
完全禁止保存图片在技术上不可能，因图片一旦渲染即暴露于用户环境；可行措施包括禁用右键、禁止拖拽选中、服务端鉴权与水印版权标识。
-
:not()仅接受简单选择器，而:has()是复合选择器，故:not(:has(...))虽语法合法但旧版浏览器不支持；唯一稳定写法是:not(.cls:has(>.sub))，需基础选择器+:has()组合。
-
使用CSS的transform属性配合rotate函数可实现元素围绕指定中心点的角度旋转，rotate(angle)以deg、rad等单位定义旋转角度，正值顺时针、负值逆时针，并可通过transform-origin自定义旋转原点位置，还可与scale、translate等函数组合使用实现复杂动画效果。
-
必须给Grid容器设置position:relative，否则绝对定位子元素会以body为包含块而飞到视口左上角；inset属性更适配动态网格且语义清晰，但需注意浏览器兼容性。
-
本文介绍如何通过Chrome的远程调试功能，在Windows电脑上实时调试Android手机网页中的触摸屏事件（如touchstart、touchmove），无需手机端DevTools，只需USB连接与chrome://inspect即可实现跨设备错误捕获与交互分析。
-
应使用语义化<nav>包裹导航链接，配合Flex布局实现响应式对齐，并通过button+aria-expanded、role属性及键盘焦点管理确保可访问性。
-
JavaScript不能直接连接数据库，前端需通过HTTP请求调用后端API间接交互；Node.js服务端可借助驱动直连MySQL、PostgreSQL等；严禁前端硬编码数据库凭证，应使用JWT/Session鉴权及SQL注入防护；Serverless函数与BaaS（如Supabase）可简化后端开发。
-
实现复杂卡片Grid布局，核心是合理使用CSSGrid的网格划分、区域命名和响应式控制。不需要JavaScript，仅靠CSS就能创建视觉丰富且自适应的布局。定义基本Grid容器使用display:grid启用网格布局，并通过grid-template-columns和grid-template-rows划分行列。配合gap设置卡片间距。示例：.card-grid{display:grid;grid-template-columns:rep
