-
CSS的transition属性通过平滑改变属性值实现动画效果。1.它需要指定过渡属性（transition-property）、时长（transition-duration）、速度曲线（transition-timing-function）和延迟（transition-delay）。2.transition用于简单状态过渡，由交互触发，而animation支持多关键帧和循环播放。3.JavaScript可通过修改样式触发transition，并可用transitionend事件监听完成。4.性能优化包括414 收藏 -
不推荐使用<u>标签是因为它原本是纯视觉标签，违背了HTML语义化原则，容易造成屏幕阅读器误解，影响可访问性；2.现代开发应使用CSS的text-decoration属性来实现下划线，以实现结构与表现分离，提升代码可维护性和样式灵活性；3.<u>标签在HTML5中保留，适用于标记拼写错误或非强调性注释等特定语义场景；4.CSS的text-decoration属性可实现下划线、上划线、删除线、波浪线等多种样式，并能自定义颜色、粗细和线型，提供更强大的视觉控制能力。414 收藏 -
ShadowDOM通过创建独立的DOM子树实现组件样式封装，解决了全局CSS带来的命名冲突和样式污染问题。其核心机制是为宿主元素创建ShadowRoot，形成隔离的渲染作用域，内部样式仅作用于该子树。1.它防止样式泄露与渗透，确保组件外观稳定；2.提供两种模式：open（便于调试）与closed（更强封装性但调试困难）；3.注意继承属性穿透、变量可共享、伪元素定制等特性；4.虽非完美，但为组件化开发提供了原生可靠的样式管理方案。414 收藏 -
要制作垂直时间轴，需结合HTML语义化结构与CSS精准布局，并通过响应式设计和交互优化提升体验。1.使用<ul>和<li>构建事件列表，每个事件包含时间标记和内容块；2.利用CSS伪元素在容器中创建垂直线，并通过绝对定位将时间标记居中对齐；3.内容块通过margin或flexbox布局分布在时间线两侧，实现交错排列；4.在移动端通过媒体查询统一内容至一侧或转为水平滑动布局，确保可读性；5.添加滚动触发动画（如IntersectionObserverAPI）实现元素渐显或滑入效果；6414 收藏 -
选择localStorage保存表单数据是因为其持久性、较大存储容量和客户端操作便利性，相比sessionStorage（仅限当前会话）和Cookies（容量小、随请求发送），localStorage能跨会话保留数据，适合自动保存草稿；对于复杂表单数据如数组或对象，可通过JSON.stringify()转换为字符串存储，再用JSON.parse()恢复，实现灵活的序列化与反序列化；为确保安全与体验，应避免存储敏感信息，防止XSS攻击，提供数据清除选项和恢复提示，并处理表单结构变更导致的数据兼容问题，同时可414 收藏 -
创建JavaScript模态对话框的核心思路是构建一个浮动在页面最上层的元素，通过HTML定义结构、CSS控制样式与定位、JavaScript管理显示隐藏及交互逻辑；2.必须避免使用原生alert()或confirm()，因其样式不可定制、行为阻塞且无障碍性差；3.焦点管理需实现“焦点陷阱”和“焦点归还”，确保键盘用户在模态框内循环聚焦并在关闭后返回原元素；4.无障碍性需设置role="dialog"、aria-modal="true"及关联标题和描述的ARIA属性；5.用户体验优化包括支持Esc关闭、点414 收藏 -
HTML表格固定表头的实现方案有多种，以下是几种常见的方法：1. 使用 CSS 的 position: sticky这是最简单、现代的方法，适用于大多数现代浏览器。实现方式：
姓名 
实现HTML表格固定表头的核心思路是通过CSS将表头与表体分离并独立控制滚动。1.使用position:sticky设置thead的top属性，使其固定在容器顶部；2.为tbody设置display:block、限定高度及overflow-y:auto以实现独立滚动；3.通过table-layout:fixed和统一设置th与td的宽度确保列宽同步；4.外层容器使用overflow-y:auto控制整体滚动，并设置position:relative作为sticky定位的参考点。此外，在响应式设计中应结合媒414 收藏
真正的权限控制必须在服务器端实现，因为HTML表单仅是用户界面，前端的隐藏、禁用或只读等限制可被轻易绕过，服务器端需通过用户-角色-权限模型对每个API请求进行身份认证和细粒度字段级校验，确保用户只能修改其权限范围内的数据，同时配合CSRF防护、输入验证、操作日志等措施构建多层安全防线，从而全面防止数据篡改和未授权操作，最终实现安全可靠的表单权限控制。414 收藏
MobX是一个基于函数响应式编程的状态管理库，通过可观察对象自动追踪状态变化并更新依赖的计算值和UI，无需手动同步。其核心概念包括：①可观察对象（Observables）用于追踪状态，可通过@observable装饰器或observable()函数定义；②计算值（ComputedValues）由可观察状态派生，使用@computed自动更新；③动作（Actions）是唯一允许修改状态的方法，通过@action确保变更可控；④反应（Reactions）在状态变化时触发副作用，如autorun监听并执行相应逻414 收藏
localStorage与sessionStorage的核心差异在于数据生命周期和作用域。1.localStorage存储的数据是持久化的，除非手动清除，否则始终存在；2.sessionStorage则仅在当前浏览器会话期间有效，关闭标签页后数据会被清除；3.两者均遵循同源策略、只能存储字符串，并共享相同的API；4.选择依据为数据是否需要长期保留：长期用localStorage，临时用sessionStorage。此外，使用时需注意：5.存储复杂数据类型时需用JSON.stringify()转换；6.存414 收藏
JavaScript的Date对象是浏览器提供处理日期和时间的内置工具，其核心在于创建、读取、修改和格式化时间信息。1.创建方式包括newDate()获取当前时间、传入毫秒数指定时间点、使用ISO8601格式字符串或直接传入年月日等参数（注意月份从0开始）。2.获取时间组件通过getFullYear()、getMonth()等方法实现，设置则使用setFullYear()、setMonth()等方法，但会修改原对象。3.常见“坑”有月份从0开始、本地时间和UTC时间混淆、日期字符串解析不一致以及夏令时导致414 收藏
拖拽排序的核心原理是利用HTML5的DragandDropAPI通过事件驱动和DataTransfer对象实现DOM元素的重新排列。1.设置draggable="true"使元素可拖拽；2.在dragstart事件中通过event.dataTransfer.setData()存储被拖拽元素的数据并添加拖拽样式；3.在dragover事件中调用event.preventDefault()允许放置，并根据鼠标位置提供插入位置的视觉反馈；4.在dragleave事件中清除视觉反馈；5.在drop事件中获取数据并414 收藏
Object.is与===的核心区别在于对NaN和带符号零的处理。1.NaN比较：Object.is(NaN,NaN)返回true，而NaN===NaN为false；2.+0与-0比较：Object.is(+0,-0)返回false，而===认为它们相等。其他情况下二者行为一致，均不进行类型转换且对象比较基于引用。414 收藏
Array.from的作用是将类数组对象或可迭代对象转换为真正的数组。1.类数组对象如arguments、NodeList等有length和索引但无数组方法；2.可迭代对象包括Set、Map、字符串等实现Symbol.iterator接口的数据结构；3.Array.from通过深拷贝生成新数组，支持转换时映射处理元素，语法为Array.from(arrayLike,mapFn,thisArg)；4.常用于处理DOM集合、函数参数、自定义类数组及各种可迭代对象；5.与slice.call和展开运算符相比，A414 收藏
HTML5新标签在旧浏览器中样式不生效，是因为IE8及以下版本将这些标签视为未知元素，默认以行内元素渲染，无法正确应用块级样式。解决方案有二：1.CSS强制块级显示：通过为所有HTML5新标签设置display:block;确保其具备块级元素特性；2.JavaScript兼容处理：引入HTML5Shiv脚本，使旧版IE识别这些标签并支持CSS样式化。414 收藏
