-
HTML5表单水平居中可用四种方法:一、margin:0auto(需设固定宽度);二、Flexbox(父容器display:flex+justify-content:center);三、text-align+inline-block;四、绝对定位+transform。
-
径向渐变层叠加需明确角色分工、统一background-size、错位圆心、低透明度外层;优先用background-position动画并配will-change;三组动画周期错开;色标用十六进制alpha写法;加screen混合模式;贝塞尔曲线调飘逸感;预设起始位置。
-
用CSSGrid实现两行三列图片布局最省事,关键在于grid-template-columns:repeat(3,1fr)、gap控制间距、img设width:100%和object-fit:cover,并注意响应式、语义结构与加载性能。
-
响应式编程是用声明式方式处理随时间推移发出的异步数据流,核心是将事件、API响应等建模为可监听的Observable流,并通过操作符组合转换;Observable是惰性、可取消、无共享的异步序列,支持多值、错误和完成通知,与Promise的本质区别在于其持续性、可取消性和多值能力。
-
必须使用相同函数引用才能成功移除事件监听器,否则removeEventListener无效;因此应避免使用匿名函数或bind创建新引用,推荐具名函数、保存引用或使用AbortController统一管理。
-
HTML嵌套塌陷本质是块级元素垂直margin合并,非嵌套错误;典型表现为子元素margin-top穿透无border/padding/overflow的父容器;可用overflow:hidden触发BFC、flex/grid布局或改用padding解决。
-
iframe依然可用但需谨慎,因其存在安全与性能问题;2.主要安全隐患包括点击劫持、钓鱼和XSS,可通过sandbox、allow属性、X-Frame-Options和CSP来规避;3.性能问题源于独立浏览上下文和资源消耗,可通过loading="lazy"、JavaScript动态加载和内容优化缓解;4.更推荐的替代方案包括API调用+客户端渲染、WebComponents、服务器端包含(SSI/SSR/ESI)和OEmbed协议;5.提升用户体验需采用响应式设计、加载状态提示、错误处理、可访问性支持(
-
外部脚本正常执行需确保script标签位置、加载方式和路径正确;放</body>前最稳妥,放<head>需加defer或async;路径错误致404,模块脚本需带扩展名且不共享全局作用域。
-
<p>HTML注释必须用<!---->包裹,禁止嵌套、禁放标签内、禁跨行至DOCTYPE前;注释中避免连续--或>以防提前截断;JS/CSS中应使用各自语法注释;构建时建议移除注释以优化性能。</p>
-
在JavaScript对象字面量中,频繁使用this访问自身方法会降低代码可读性;可通过解构+bind(this)的方式将方法绑定到局部变量,从而实现无this.前缀的简洁调用。
-
提交按钮用于发送表单数据,常用inputtype="submit"或buttontype="submit"创建,点击后浏览器收集有name属性的字段,按method提交至action指定地址,需注意name属性设置、避免重复提交及使用JavaScript验证。
-
WeakMap和Map的核心区别在于引用方式与内存管理:1.Map对键强引用,对象作为键时不会被GC回收;2.WeakMap对键弱引用,对象在无其他引用时会被GC回收并自动移除条目;3.WeakMap的键只能是对象,而Map允许原始值;4.WeakMap不支持迭代、size属性和clear方法,适合存储不应阻止对象回收的私有数据或缓存。
-
IndexedDB是HTML5的浏览器端NoSQL数据库,用于存储大量结构化数据。通过open创建或打开数据库,在onupgradeneeded中定义对象仓库和索引;使用readwrite事务添加、更新、删除数据,readonly事务读取或遍历数据;支持主键操作与索引查询,适合离线应用持久化存储,实际开发可结合localForage等库简化API操作。
-
用CSSGrid实现左右固定、中间流体布局的正确写法是:.container{display:grid;grid-template-columns:200px1fr150px;gap:16px;},其中200px和150px为左右固定宽,1fr使中间列自适应填充剩余空间,语义清晰、兼容性好;auto-fill不适用此场景。
-
本文介绍如何高效统计一个键值对对象中所有数组内特定字符串的总出现次数,涵盖传统for循环和现代函数式方法(Object.entries+reduce+filter),并指出常见错误与性能注意事项。