-
JavaScript模块化分ES6（静态编译时解析、实时绑定）和CommonJS（动态运行时加载、值拷贝），二者不原生兼容，需工具桥接；现代前端优先ES6，Node新项目可启用ESM，npm包建议双格式发布。
-
Flexbox通过justify-content设置主轴对齐，align-items控制交叉轴对齐，align-self单独调整子元素，align-content管理多行行间对齐，实现灵活布局。
-
使用grid-auto-flow:dense与媒体查询可实现响应式图文混排。通过设置网格容器的列数、行高及自动填充模式，结合不同屏幕宽度调整布局结构，使大图占多格、小元素自动补位，提升空间利用率；配合minmax()与auto-fit进一步增强弹性，确保在手机、平板和桌面均有良好显示效果，同时需注意DOM顺序与可访问性协调。
-
@import会阻塞页面渲染，因其同步串行加载机制；路径解析以当前CSS文件为基准；媒体查询不延迟加载；构建产物中残留@import暴露源码且影响性能。
-
正确实现scale+opacity动画需显式声明from状态（如scale(0.7)、opacity(0)），元素选择器中预设初始样式，配合animation:...forwards；仅定义to会导致无动画，且须避免font-size缩放、冗余will-change及IE/Safari兼容遗漏。
-
使用<style>标签可在HTML中嵌入CSS，推荐置于<head>内以优化加载。基本语法为“选择器{属性:值;}”，可定义页面样式、响应式规则等，适用于局部调整或快速开发，但大型项目建议外链CSS以利于维护。
-
减少DOM节点数量，避免渲染空行或隐藏数据，采用分页或虚拟滚动；2.合并单元格并简化表头结构；3.启用懒加载与分页，结合JavaScript框架优化重绘；4.设置table-layout:fixed，简化HTML与CSS；5.压缩数据、异步加载并启用缓存。
-
正确添加HTML标签需遵循结构规范：首先理解标签由开始、内容和结束三部分组成，如<p>内容</p>；接着在代码编辑器中将标签插入HTML文档的body等合适位置，例如添加<h2>标题</h2>；然后掌握常用标签如段落、标题、链接<ahref="网址">文字</a>和图片<imgsrc="路径"alt="描述">；最后通过检查闭合、属性引号、使用W3C验证工具及多浏览器测试确保标签正确。
-
直接监听scroll易卡顿因触发频率过高导致重排重绘，应改用IntersectionObserver实现触底加载，配合cursor分页与AbortController避免状态混乱。
-
表单验证应慎用正则，优先使用原生属性；正则适用于手机号、身份证、密码强度等业务规则校验，需注意避免过度匹配、回溯爆炸，并采用预编译与分层验证策略。
-
Symbol是JavaScript的第七种原始类型，每次调用Symbol()都返回独一无二、不可重复创建的值，核心用途是作为安全防冲突的对象属性键或内置方法钩子。
-
<p>元素宽高计算不准确主因是盒模型（content-box）下width/height不含padding和border，或受box-sizing设置、父容器限制、替换元素固有尺寸、margin折叠等影响；推荐全局设*{box-sizing:border-box;}并用开发者工具实时验证布局。</p>
-
图片浮动后文字环绕错位，本质是float触发绕排流但缺乏间距，解决关键是给图片自身添加margin（右浮加margin-left，左浮加margin-right）并检查容器padding/line-height及清除浮动。
-
JavaScriptServerless指用JS/TS编写运行于无服务器平台的函数，由事件触发、自动伸缩，适合API、定时任务等场景，优势包括全栈统一、快速部署、低成本运维，常见平台有AWSLambda、Vercel、CloudflareWorkers，需注意轻量设计、状态外置、错误监控与本地调试，结合ServerlessFramework等工具提升开发效率。
-
使用CSStransition实现图片轮播的平滑过渡，首先通过opacity或transform属性设置淡入淡出或滑动效果，结合overflow:hidden的容器与JavaScript控制active类或位移，实现自动或手动切换，关键在于为opacity或transform添加transition以提升动画流畅度与性能。
