-
需用JavaScript实现网页倒计时：一、Date计算时间差并setInterval每秒更新；二、data-*属性解耦目标时间；三、requestAnimationFrame提升精度；四、padStart补零格式化；五、通过时区标记（如Z或+08:00）或时间戳规避本地偏差。
-
JavaScript可直接操作SVG元素，因其被解析为DOM对象，支持标准DOM方法；几何属性需用setAttribute修改，样式类属性可用style或setAttribute设置；path的d属性可动态更新实现动画；交互通过事件监听修改属性；批量操作时优先用transform和分组优化性能。
-
通过background-position与animation配合实现渐变动画，利用扩大background-size创造移动空间，结合transition或@keyframes控制位置变化，形成流动效果，适用于按钮悬停、加载动画等场景。
-
最常用方式是用linear-gradient与url()多层背景叠加，渐变写前、图片写后；可分离background-image精细控制各层，并注意background-size等属性需按图层顺序逗号分隔。
-
::first-line伪元素用于对块级元素的第一行文本应用样式。1.它只能应用于块级元素如p、h1-h6、div，不支持行内元素如span；2.支持字体、颜色、背景和文本装饰属性，不支持margin、padding等布局属性；3.与::first-letter不同，后者针对第一个字符且支持布局属性；4.常用于强调段落起始，提升可读性，但应避免过度使用。
-
container-property未生效是因为缺少显式声明container-type的祖先容器，且必须满足浏览器兼容性要求、语法规范及仅限@container中通过style()读取等条件。
-
HTML5转APP更新无需重装，前提是APP支持热更新且未改动原生容器层；纯前端资源更新可通过资源包替换或远程加载实现，关键在于控制资源加载源头。
-
需构建含表单的课程注册页：一、用<formmethod="post"action="">包裹<fieldset><legend>课程表注册</legend>；二、设课程名、代码、学分（1-6）输入框并关联label；三、添加时段下拉、实验室复选、教室datalist；四、教师姓名必填、学期下拉、隐藏时间戳；五、提交按钮、required验证及错误提示区。
-
纯CSS画Logo是权衡维护性、可访问性与缩放需求后的主动选择，适合简单几何组合，需规避复杂路径、多层渐变及em单位对齐；应优先用border和transform实现，统一box-sizing，禁用%，明确transition属性，用CSS变量管理颜色，最终仍需导出SVG保障复用与性能。
-
使用伪元素缩放或透明边框配合transition可避免border-width动画跳动。1.通过::before伪元素结合transform:scaleX()模拟边框展开，利用GPU加速；2.预设border-width并用border-color透明度控制显隐，仅触发重绘；3.选用cubic-bezier(0.25,0.46,0.45,0.94)等缓动函数提升流畅度，避免布局重排是关键。
-
元素间距不一致的根源是浏览器默认margin/padding差异或手动设置不统一，解决需“主动归零+统一设置”：重置默认值（通配符或normalize.css）、用语义化工具类管理间距、规避margin合并、响应式分层设计。
-
事件冒泡和捕获是DOM事件传播的两个阶段，事件委托利用冒泡机制将事件绑定到父元素以提高性能。1.事件从window开始经捕获阶段到达目标元素，再通过冒泡阶段返回根节点，默认在冒泡阶段执行监听器；2.事件委托通过父元素统一处理子元素事件，减少内存占用并支持动态元素；3.使用e.stopPropagation()阻止传播，e.preventDefault()阻止默认行为；4.实际开发中应优先使用事件委托，明确指定事件阶段，合理控制事件流以提升性能与可维护性。
-
mix-blend-mode动画失效主因是stackingcontext隔离或属性不可动画；需确保同层叠上下文、避免隐式创建隔离层，改用opacity或class切换模拟动效，并注意Canvasalpha设置与will-change冲突。
-
使用float与margin可实现传统多列布局，通过设置元素浮动及外边距控制排列与间距，配合清除浮动避免高度塌陷，适用于旧项目维护。
-
本文详解如何通过修改CSS的定位属性，将纯CSS实现的汉堡菜单（hamburgermenu）及其下拉面板整体右对齐，并确保菜单从右侧平滑滑入，而非默认的左侧展开。核心在于调整menu__box的left/right值及切换时的触发规则。
