-
必须返回404状态码;仅展示错误内容而返回200会导致搜索引擎误判为有效页,损害SEO。需用curl-I或Network面板验证响应头为“HTTP/1.1404NotFound”,并确保HTML中title含“404”、主内容用<main>、链接用绝对路径且可访问。
-
纯CSS渐变最稳妥,优先用background:linear-gradient(toright,#3b82f6,#10b981),注意background-size、深色模式适配、SVG/Canvas上下文、无障碍对比度及性能问题。
-
<inputtype="search">需用oninput监听并配合防抖、AbortController及长度校验才能实现真正实时搜索,onchange和onkeyup均不适用。
-
overflow属性用于控制内容溢出时的显示方式,其常用值包括visible(默认,溢出可见)、hidden(裁剪溢出)、scroll(始终显示滚动条)和auto(按需显示滚动条);可通过overflow-x和overflow-y分别控制水平和垂直方向的溢出行为;典型应用场景有文本截断、创建滚动区域及清除浮动影响,使用时需注意移动端滚动流畅性、滚动条显示对布局的影响及嵌套滚动的用户体验。
-
JavaScript原型链是对象查找属性的隐式路径,通过__proto__链接到prototype实现继承;class是语法糖,底层仍基于原型链;推荐Object.create实现安全继承。
-
必须用HTML单独写隐私政策页。需满足GDPR、CCPA及《个人信息保护法》要求:纯静态、可直链访问、语义化结构(main/section/h2/dfn)、内联资源、禁用JS依赖、支持无障碍与SEO。
-
文字效果可通过CSS实现,text-shadow添加阴影,-webkit-text-stroke实现描边,background-clip结合渐变背景制作渐变文字,三者可叠加增强视觉表现,其中阴影兼容性最佳,描边与渐变需注意浏览器支持。
-
auto-fill会保留空轨道以维持固定列数,auto-fit则合并空轨道使内容拉伸占满;前者适用于预设占位的仪表盘,后者适合响应式卡片列表,且需注意gap对列数的影响。
-
配置Transmit的FoldersWatcher实现快速同步:先设置服务器连接,选择本地项目文件夹与远程路径,启用Synchronize功能并选用Standard模式,再通过FoldersWatcher监控.html、.css等文件变更,保存后自动上传,配合编码与路径规范,提升前端开发效率。
-
HTML元素渲染尺寸不一致的主因是浏览器对“相同尺寸”的解析与人不同,涉及默认样式、盒模型(content-box)、字体度量、基线对齐及内置边距等隐式影响。
-
给遮盖层加pointer-events:none可使鼠标事件穿透至下层元素,若其子元素需交互则单独设pointer-events:auto;该属性仅影响鼠标/触控事件,不支持IE11及以下,且在普通HTML中仅auto和none有效。
-
百分比高度不生效的根本原因是父容器高度为auto,导致无法计算相对值;需逐层检查祖先元素是否有显式高度(height/max-height/min-height或flex/grid撑开),推荐用flex:1替代height:%,并统一设置box-sizing:border-box。
-
HTML5就业门槛低但高薪需掌握底层API:重点学fetch+AbortController、IntersectionObserver、CustomElements+ShadowDOM三类能力,并具备跨端交付经验。
-
CSS元素宽度设置无效通常因盒模型、内边距、边框或外边距干扰,关键要区分width控制的是内容区还是整个盒子;默认content-box下width不包含padding和border,改用border-box可使width包含二者,同时需检查父容器限制、display类型及margin/padding视觉干扰。
-
JavaScript通过自动内存管理和垃圾回收机制避免内存泄漏,核心是标记-清除算法与分代回收策略,结合ChromeDevTools的堆快照和时间线分析可有效诊断内存问题。