-
Emmet通过缩写快速生成HTML和CSS代码，提升前端开发效率。输入div.container生成带class的div，#header创建id元素，ul>li5生成五个列表项，div>p>a实现嵌套结构，img[src=logo.pngalt=Logo]添加自定义属性，h1{HelloWorld}插入文本内容；CSS中m10展开为margin:10px，p5-10生成padding，bgc输入background-color，fw900转font-weight，d:n写display:
-
寄生组合式继承是JavaScript最理想的继承模式，它通过中转函数复用原型避免父构造函数重复调用，确保原型链完整、constructor正确，且比Object.create更高效稳定；现代开发应优先使用class+extends，其底层即为此模式并获引擎深度优化。
-
Flexbox必须通过display:flex或inline-flex启用，仅对直接子元素生效；需确保父容器有明确宽高，避免嵌套过深或滥用flex:1，混用Grid时注意display覆盖与性能。
-
coords必须按图片原始尺寸手动填写像素值，shape类型决定格式：rect需4个整数（x1,y1,x2,y2），circle需3个（cx,cy,r），poly需偶数个顶点坐标；所有值以naturalWidth/naturalHeight为基准，不随CSS缩放变化。
-
position:fixed失效常因父元素设置transform、perspective或filter，导致其定位参考从视口变为该父容器；修复可将元素提至无此类属性的祖先（如body）或改用position:sticky。
-
网页出现环绕整个页面的白色空白，通常是因<body>元素默认存在margin和用户自定义的padding（如padding:100px）导致；Bootstrap并不会自动重置这些值，需显式清除。
-
真正可用的星空效果必须用canvas+JavaScript实现，CSS方案因DOM过多、无深度感、无交互、性能差而不可取；canvas可通过requestAnimationFrame控制帧率、鼠标跟随、视差滚动及生命周期管理实现高性能动态星空。
-
TemporalAPI通过不可变设计、精确类型划分和显式时区控制，解决了Date对象的时区混乱与可变性问题。1.所有操作返回新对象，避免副作用；2.提供PlainDate、ZonedDateTime等专用类型，语义更清晰；3.使用IANA时区名称进行可靠转换；4.方法命名直观，支持链式调用，提升代码可读性与维护性。
-
HTML5中border需用CSS设置，最简写法为div{border:1pxsolid#000;}；平板边框异常多因overflow裁剪、box-sizing未预留空间或高DPI下1px发虚，非HTML5或设备专属问题。
-
应使用<mark>标记当前上下文中具有相关性或需视觉突出的文本，如搜索关键词、引用条款；它专为“高亮”设计，语义区别于强调重要性的<strong>和无语义的<span>。
-
需遵循五步结构化流程：一、切图与资源导出；二、建立HTML5语义化结构；三、编写移动优先CSS样式；四、嵌入响应式图像与媒体查询；五、验证语法并添加原生JavaScript交互。
-
JavaScript浏览器端无法直接操作数据库，需通过Node.js等服务端环境配合驱动或ORM实现；主流ORM包括Prisma（类型安全、现代）、TypeORM（兼容广、支持MongoDB）、Drizzle（SQL优先、轻量）、Sequelize（稳定成熟、中文生态好）。
-
闭包是函数记住并访问其定义时词法作用域中变量的能力，因内部函数持有对外部变量的引用而使变量延迟回收，可能引发内存泄漏；合理使用需避免意外捕获大对象、及时解除引用、用let替代var。
-
HTMLMediaElement提供音频视频基础控制，需监听loadedmetadata后操作；play()返回Promise必须捕获错误；currentTime跳转应等待seeked事件；volume与muted独立且移动端限制多；playing事件才是播放真正开始的可靠信号。
-
可实时运行HTML代码的交互式编辑框可通过三种方案实现：一、CodeMirror+iframe动态执行，用document.write渲染；二、JSFiddle风格iframe沙箱，用srcdoc属性加载；三、MonacoEditor+BlobURL，提供专业编辑体验。
