-
background-image不支持transition或animation平滑过渡,因非可动画化属性;可用opacity切换叠加层、background-position滚动、渐变色动画、伪元素分层等替代方案。
-
轮播图卡顿的解决方法包括:使用transform代替left属性以利用GPU加速;优化图片大小并采用懒加载或预加载;避免JS频繁操作DOM,合理使用节流、防抖和requestAnimationFrame;确保CSS过渡属性设置合理。2.实现响应式与触摸滑动的方法:使用百分比宽度、flex-shrink:0和媒体查询实现响应式布局;通过监听touchstart、touchmove、touchend事件计算滑动距离,结合preventDefault阻止默认滚动,并在滑动结束后触发切换。3.常见陷阱与优化:避免
-
洋葱模型指Koa中间件的双向嵌套执行机制,请求时逐层进入(A→B→C),响应时逆序返回(C→B→A),形成如洋葱般的调用结构。
-
装饰器是JavaScript中用于增强类、方法等行为的语法糖,处于Stage3提案阶段,需Babel或TypeScript支持;它以@开头,通过包装方式实现日志、权限校验、缓存等功能,不改变原代码结构。
-
使用transform:translate结合transition可实现高性能位移动画,不触发重排,仅通过合成层变化完成。首先设置transition指定transform属性及持续时间,再通过:hover或JavaScript改变translate值,浏览器自动插值生成动画。例如.element:hover{transform:translate(100px);}可实现悬停时向右移动100px的平滑效果。支持多轴位移translate(20px,10px)或单独使用translateX()/transl
-
元素默认无焦点,仅a、button、input等原生交互元素天然可聚焦;div等需tabindex="0"+role+aria-*才具备完整可访问性,且须配可见焦点样式。
-
box-shadow发虚或不明显主因是模糊半径和偏移量不足、元素未脱离文档流或背景对比弱;需合理设置y-offset、blur-radius、透明度及背景色,并配合border-radius与多层阴影提升立体感。
-
必须调用event.preventDefault()阻止默认提交,中间步骤用type="button"按钮并保存formData对象,仅校验当前步骤字段,通过history.pushState同步URL并监听popstate恢复状态。
-
HTML5表格需用<table>包裹,含<thead><th>表头、<tbody><td>数据,可加<caption>标题,用colspan/rowspan合并单元格,语义结构分<thead><tbody><tfoot>,边框用CSS的border-collapse控制。
-
使用button或input标签创建按钮,推荐通过addEventListener绑定事件。button标签更灵活,支持嵌套内容;input按钮仅能设置value文本。三种事件绑定方式中,addEventListener支持多监听器、解耦JS与HTML,利于维护,是现代开发首选方案。
-
真正平滑的文字渐变动画需用background-clip:text+transparent文字色,再动画background-position或background-size;仅color或opacity动画会导致色相跳变或无色彩变化。
-
模块化核心是职责分离与接口清晰:函数应单一职责、命名动词化;业务按概念建包并分层;配置驱动行为;模块间通过显式接口通信而非直接导入。
-
JavaScript正则表达式是内置RegExp对象与字符串方法协同工作的文本模式描述语言,非语法糖;字面量与newRegExp()创建方式在转义、动态构建上行为不同;test()、match()、replace()等方法因全局标志g和返回值类型差异表现各异;点号、贪婪匹配、Unicode处理存在常见陷阱。
-
必须用position:fixed。抽屉需脱离文档流、锚定视口边缘,absolute受父级transform/overflow/scroll影响易错位或裁切;fixed以视口为基准,不受祖先影响,但需注意iOS键盘适配和body最小高度设置。
-
避免事件循环饥饿的核心策略是拆分任务并合理使用异步机制。1.拆分计算密集型任务,使用setTimeout或Promise.then将任务分块执行,让出主线程;2.利用WebWorkers处理不涉及DOM的重计算,释放主线程;3.合理使用异步操作,确保回调不阻塞主线程;4.避免在动画帧中执行耗时操作,保持动画流畅;5.理解微任务与宏任务优先级,选择合适机制调度任务。