-
JavaScript服务端渲染（SSR）指服务器执行JS生成完整HTML再返回浏览器，Next.js通过getServerSideProps实现，提升首屏速度、SEO和弱网体验，但需权衡实时性与服务器负载。
-
通过CSSanimation结合scale、rotate和opacity可实现复合动画，需定义@keyframes设置0%、50%、100%的变换状态，再将动画应用到元素并配置时长、缓动和循环次数，利用transform和opacity可提升性能，注意多个transform函数按从右到左执行顺序影响视觉效果。
-
MVC与MVVM均用于前端架构设计，核心差异在于数据流与绑定机制。1.MVC由Model、View、Controller组成，数据单向流动，需手动更新DOM，代表框架为Backbone.js；2.MVVM引入ViewModel实现双向数据绑定，View与Model自动同步，减少胶水代码，典型代表为Vue.js和Angular；3.MVC职责清晰适合高控制需求场景，MVVM提升开发效率适用于交互密集型应用；4.MVVM可能带来性能开销，大规模数据需优化；5.React虽非传统MVVM，但结合状态管理形成新型
-
可通过innerHTML、textContent、innerText、nodeValue和replaceChild五种方法动态修改HTML元素文本内容：innerHTML解析HTML标签并替换全部子节点；textContent仅处理纯文本且更安全；innerText受CSS可见性影响；nodeValue直接操作文本节点；replaceChild底层替换文本节点。
-
使用place-items和align-self可灵活实现CSSGrid布局中的垂直居中：place-items用于容器内所有子元素的整体居中，align-self用于单独调整特定子元素的对齐方式，二者结合可高效控制布局对齐。
-
WebSocket稳定应用的关键在于连得稳、发得准、收得全、断了能续；需手动实现心跳保活、ACK确认、序列号校验、退避重连及消息队列管理。
-
单页应用通过HistoryAPI实现路由，利用pushState和replaceState修改URL不刷新页面，结合popstate监听浏览器导航，动态更新DOM内容。示例中封装Router类管理路径与处理函数，支持页面跳转与历史记录控制；需服务器配置fallback至index.html，并在JS中添加404处理，确保路由正确响应。
-
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()以触发硬件加速、避免重排。
-
通过CSS重置表单样式并统一字体、边框、聚焦效果，确保跨浏览器一致性；2.增强输入框视觉层次，添加背景色、圆角与悬停过渡；3.美化提交按钮，设置背景色、圆角、点击反馈与状态变化；4.优化布局结构，使用flex或grid排版，并通过媒体查询适配移动端，提升响应式体验。
-
order属性可调整Flex子元素视觉顺序而不改变DOM结构，其默认值为0，数值越小越靠前，仅作用于直接子元素，需注意可访问性与响应式配合使用。
-
filter()方法用于创建新数组，包含满足条件的元素。它不修改原数组，通过回调函数测试每个元素，返回布尔值决定是否保留。支持链式调用，常用于筛选数字、对象属性或字符串。注意避免副作用，处理空值，并关注大数据量时的性能。
