-
Flex布局下子列默认等高,因align-items:stretch是默认行为;不等高主因是父容器缺display:flex、子项设height/align-self、脱离文档流或overflow截断。
-
WebAssembly的尾调用优化通过将尾递归调用转化为栈帧重用,避免栈溢出并提升性能。它要求递归调用位于函数末尾且无后续操作,编译器将其转换为return_call指令实现跳转而非压栈。该优化对深度递归场景至关重要,尤其在函数式语言编译到Wasm时。Rust、C/C++、AssemblyScript等语言需编写尾递归形式并开启优化编译,才能触发此优化。然而,其应用受限于运行时支持成熟度、编译器识别能力、调试困难及代码可读性问题,并非所有递归均可优化,需权衡使用。
-
零源码修改切换Mock的关键是依赖可替换而非简单封装,需将requestFn作为参数传入Hook/Service,统一用工厂函数创建服务实例并注入,Mock必须与真实接口保持相同返回结构、类型定义和错误契约。
-
绝大多数HTML文件不能直接转INI;仅当HTML是人工编写的带注释配置表格时才值得转换,需清洗空格/特殊字符、处理编码BOM、确保结构清晰。
-
text-shadow属性通过添加阴影提升文字可读性与设计感,基本语法为text-shadow:h-offsetv-offsetblur-radiuscolor;水平与垂直偏移控制位置,模糊半径影响柔和度,颜色可选;浅色文字配深色阴影如text-shadow:1px1px2px#000增强对比,深色文字用浅色外光如text-shadow:-1px-1px1px#fff提升清晰度;使用rgba或hsla控制透明度使效果更自然;可创造发光文字如text-shadow:0010px#fff,0020px#ff0
-
Feature-Policy是HTML5引入的安全机制,仅通过HTTP响应头或iframe的allow属性设置,HTML4完全不支持;2023年起被Permissions-Policy取代,但语法兼容,旧版浏览器仍支持Feature-Policy。
-
块状链表通过将数据分块存储,结合链表与数组优势,提升插入、删除和查找效率。
-
CSS转内联样式有四种方案:一、手动提取并逐元素标注;二、用PostCSS插件自动注入,忽略伪类和媒体查询;三、Python脚本批量解析注入,需处理!important;四、在线工具临时转换,需人工修正失效引用。
-
纯HTML无法生成可复用短链接,因其无存储、无服务端逻辑、无状态保持;所谓“HTML短链”实为前端界面配合localStorage或外部API的简易方案,仅限单机离线使用。
-
Grid兼容性需按特性分级处理:IE11仅支持-ms-grid旧语法且需手动换算行列索引,Safari9–10.1不支持gap和fr单位;应优先用@supports检测关键能力并外置降级样式,gap失效时用margin负值抵消。
-
HTML中渲染编辑历史应使用语义化<ol><li>结构,含<time>(ISO8601格式)、编辑人、摘要;版本对比入口用带ARIA属性的<button>;diff内容宜用带类名的<div>行块而非<pre><code>;所有交互需JS+API协同实现,并提供服务端降级。
-
navigator.sendBeacon是“最后一眼”日志唯一可靠选择,因其被规范明确保证页面卸载后仍尽力发送,不阻塞流程、不依赖事件循环,且兼容主流现代浏览器;但仅支持POST,payload须为Blob/FormData等合法类型,不可直接传字符串或JSON对象。
-
树形展示必须用JavaScript控制展开逻辑,纯HTML的ul/li无法实现交互式折叠;details/summary仅适用于单层简单场景;真实项目应采用轻量JS+CSS类名驱动,并完善键盘导航与无障碍支持。
-
JavaScript调用RESTAPI应使用fetch+async/await,手动检查response.ok或status,try/catch捕获异常;封装apiClient统一处理token、序列化、超时及错误;UI需响应加载、错误、空状态;URL应常量化管理。
-
JavaScript正则匹配核心是test()判断存在性、match()/exec()提取内容;优先用includes()/indexOf()替代;注意转义特殊字符、标志作用及贪婪控制。