-
三星旧机型(Android4.4以下)需动态注入target-densitydpi=device-dpi且width=640的viewport,rem布局应延时设置font-size并用screen.width×dpr计算,SPen需同时监听touchstart和click,canvas与图片须按dpr缩放适配。
-
防抖只执行最后一次触发,适用于输入搜索等需等待用户停止操作的场景;节流则按固定频率执行,适合滚动监听等需持续反馈的场景。
-
list-style-type设置列表标记样式如disc、square、decimal;2.list-style-position控制标记位置为inside或outside;3.二者可组合使用,等价于list-style简写;4.实际排版中inside使文本与标记同行,outside则缩进对齐更清晰;5.可结合margin和padding调整布局。
-
HTML5标签页可通过四种方案实现:一、纯CSS的:target伪类;二、数据属性驱动的JS切换;三、ARIA语义化可访问方案;四、Flexbox布局加CSS过渡动画。
-
JavaScript内存泄漏排查核心是定位“本该被回收却一直存活”的对象,依赖ChromeDevTools内存面板拍快照对比,重点关注闭包、事件监听器、定时器、DOM引用及全局缓存导致的泄漏,并通过及时解绑、清空引用、清理定时器等修复。
-
使用rotate()和scale()可实现元素旋转与缩放,rotate(45deg)顺时针旋转,负值逆时针,scale(1.5)放大,scale(2,0.5)控制XY轴独立缩放,transform可组合多个函数如rotate(30deg)scale(1.2),执行顺序从右到左,transform-origin可修改变换中心点,默认为元素中心,常配合transition实现高性能动画效果。
-
懒加载是“用到再加载”的网页性能优化技术,核心是图片进入可视区时才加载;推荐用IntersectionObserverAPI实现,兼容方案可用节流的scroll+getBoundingClientRect;需避免影响首屏关键图并处理加载失败。
-
根本原因在于NEC电脑预装系统、老旧显卡驱动或默认浏览器对MSE/WebCodecs/硬件加速支持缺失;需启用GPU加速、更新驱动、禁用干扰插件、转码为H.264MainProfileLevel4.0、避免preload="auto"。
-
HSL模式通过调节L(明度)和S(饱和度)可高效提升颜色对比度以满足WCAG标准;例如将深灰文字hsl(0,0%,30%)的L提至40%–45%,或链接色设为hsl(200,60%,45%),兼顾可读性与舒适度。
-
HTML5页面需用JavaScript发起网络请求与后端交互,主流方式包括XMLHttpRequest(兼容旧浏览器,需手动设头、处理状态)和FetchAPI(现代标准,基于Promise,语法简洁)。
-
white-space:normal会合并空白符并自动换行,pre则完全保留所有空白符且不自动换行;需折行时应选pre-wrap或配合overflow-wrap/break-word。
-
可通过CSS的:focus伪类自定义元素获得焦点时的样式,常用outline属性修改轮廓颜色和样式,如input:focus{outline:2pxsolidblue;};也可仅更改颜色,如outline-color:red;为提升美观可移除默认outline,改用border或box-shadow实现聚焦效果,但需确保键盘用户的可访问性,提供如边框变色、阴影或背景色调整等明显焦点提示,兼顾视觉设计与可用性。
-
Proxy是ES6用于实现双向绑定的核心特性,通过拦截对象的get和set操作,可在数据变化时自动更新视图,用户交互时同步修改数据;相比Object.defineProperty,Proxy能监听动态属性和数组方法,语法更简洁,支持对整个对象的代理,无需递归定义响应式属性,是现代前端框架响应式系统的基础。
-
掌握HTML5DragAPI核心机制,通过draggable属性与dragstart、dragover、drop事件实现基础拖拽;结合视觉反馈、区域高亮、方向限制等交互设计提升体验;使用JSON传递结构化数据并维护全局状态,配合性能优化与跨浏览器兼容处理,构建流畅专业的原生拖拽功能。
-
slice支持负索引且最推荐,substring不支持负索引但可自动调整参数顺序,substr按长度截取但已废弃。日常应优先使用slice以确保代码清晰与兼容性。