-
transition用于状态间平滑过渡，适合交互效果；animation通过关键帧实现复杂动画，支持多阶段与循环播放。
-
采用Yjs与WebSocket实现实时协作编辑，首先通过Yjs的CRDT算法自动处理多用户操作冲突，确保数据一致性；接着集成Quill或ProseMirror等富文本编辑器，捕获用户输入行为并转换为可同步的操作指令；利用WebSocket建立双向通信，服务端广播操作至所有客户端，实现低延迟更新；同时同步光标位置与选区信息，提升协作体验；最后通过操作日志或快照持久化保障数据不丢失。该方案避免手动实现OT，开发效率高且稳定可靠。
-
CSS中的transition属性用于实现元素状态变化时的平滑过渡效果。它通过设置属性、持续时间、速度曲线和延迟来控制动画行为，常用于:hover、:focus等状态切换。基本语法为transition:propertydurationtiming-functiondelay，如背景色渐变或按钮悬停位移。典型应用包括按钮交互效果，结合transform和opacity可提升性能。需注意仅数值型和颜色类属性支持过渡，且应在默认状态定义transition以保证进出动画流畅。合理使用能显著提升界面交互质感。
-
JavaScript原型链本质是对象__proto__指向构造函数prototype的真实查找路径，引擎按obj→obj.__proto__→上层原型逐级读取属性，写入则始终作用于对象自身。
-
能，但必须配合@keyframes定义位移规则；animation仅是播放控制器，需先用@keyframes声明起点终点的transform或left/top值，优先用transform:translate()以触发硬件加速、避免重排。
-
RRGGBB最稳妥，全浏览器兼容且无歧义；rgb()/rgba()适合动态计算与透明控制；hsl()/hsla()便于调色逻辑；color()/lab()兼容性差，仅限实验。
-
:first-of-type匹配父元素中同类型标签的第一个，而非DOM首个子元素；如父元素内有p、div、p，则首p匹配，次p不匹配，且忽略文本/注释节点。
-
HTML5.2并非官方标准版本，W3C与WHATWG已转向持续演进的单一标准；真正新增且广泛使用的标签包括<header>、<nav>、<main>、<article>、<section>、<aside>、<footer>、<figure>、<figcaption>、<time>、<mark>、<video>、<audio>、<dialog>
-
opacity拼写为opaciy、box-shadow用0重置、visibility设为none均为错误；flex布局中width/min-width/flex-shrink混用易撑开容器；float元素须设width且避免直接加margin/padding；background/border/z-index使用需注意语义与堆叠上下文；默认content-box盒模型常致溢出，推荐全局box-sizing:border-box。
-
必须使用<!DOCTYPEhtml>声明才能启用HTML5标准解析，需置于文档首行且无前置字符；通过开发者工具检查应显示“HTML5”或“NoQuirksMode”；禁用旧版DOCTYPE及错误写法。
-
使用::before和::after伪元素可在不改动HTML的情况下为表单添加视觉提示；2.通过position:relative与absolute结合content属性定位并显示图标；3.利用颜色如#d32f2f表示错误、#388e3c表示成功强化反馈；4.结合JavaScript动态添加类名控制样式显示，实现邮箱验证等场景的实时提示效果。
-
setTimeout只执行一次，setInterval反复执行；前者注册单次未来任务并销毁，后者以最小间隔重复调度，但不保证准时，易积压或跳过；推荐用setTimeout递归实现可控轮询。
-
要让HTML页脚始终固定在页面底部，最可靠的方法是使用Flexbox布局。具体步骤：1.将html和body设置为flex容器，并设置flex-direction:column；2.设置main区域flex-grow:1，使其填充可用空间，将footer推至底部；3.确保html和body高度为100%以适配视口。相比之下，position:sticky适用于滚动到特定位置后“粘住”的场景，无法实现内容不足时页脚沉底的效果；position:fixed会使页脚脱离文档流，需额外处理内容遮挡问题；Grid布
-
package.json的核心是name和version字段，必须符合npm规范；scripts定义命令，dependencies/devDependencies区分运行与开发依赖；main/module/exports控制模块入口，types提供类型定义；private、engines、browserslist等提升环境一致性。
-
text-align控制内联内容对齐，margin实现块级元素居中，padding调节内容与边框距离，三者结合可精准控制盒模型对齐。
