-
本文介绍使用Jest进行JavaScript单元测试,涵盖基础测试、mock函数、模块模拟及高级技巧;2.通过示例展示如何用expect、jest.fn()、jest.mock()和jest.spyOn隔离依赖并验证行为;3.强调测试应关注行为而非实现,建议合理使用mock并清理状态以确保可靠性。
-
grid-column和grid-row的起止线必须用/分隔,单独写如grid-column:1仅设起始线,结束线默认+1;跨区需显式写如1/4;空格分隔会被忽略;span和命名区域更适配响应式。
-
使用CSSGrid可高效创建响应式图片画廊,核心代码为display:grid与grid-template-columns:repeat(auto-fit,minmax(200px,1fr)),配合gap、object-fit和悬停缩放提升视觉效果,支持移动端适配及扩展功能。
-
颜色无物理单位,rgb()、#FF5733、hsl()等是表示法而非单位;现代CSS推荐rgb(25500/0.5)替代rgba();%仅用于hsl及部分新色彩空间,非布局单位;px与alpha无关;#RRGGBB性能优于函数式写法;alpha需兼顾可访问性。
-
CSS预处理器如Sass、Less、Stylus通过变量、嵌套等特性增强CSS;2.Tailwind、Windi等实用类框架提供原子类名快速构建UI;3.Bootstrap、Bulma等组件化框架集成完整设计系统,适合快速开发;4.Styled-components、Emotion等CSS-in-JS方案实现样式作用域与动态控制;选择工具需结合项目规模与技术栈,合理配置以提升效率与维护性。
-
font-smoothing在哪些浏览器里根本没用font-smoothing是WebKit内核专属的非标准属性,只在Safari和旧版Chrome/Edge(基于Blink但早期沿用了WebKit前缀)中生效。Firefox完全忽略font-smoothing,现代Chrome(110+)、Edge(110+)也已移除对它的支持——不是“不推荐”,是直接不解析。常见错误现象:font-smoothing:antialiased在Firefox或新版Chrome
-
用单个<audio>元素配合JavaScript实现播放列表:通过JS切换src或<source>并调用load()和play(),避免多<audio>浪费资源;注意iOS限制(如loop、volume不可JS设置)、preload策略及autoplay策略限制。
-
在Next.jsAppRouter中定义API路由时,必须显式返回NextResponse实例;若函数无返回值(即隐式返回undefined),运行时会因尝试读取undefined.headers而抛出TypeError。
-
答案:CSS定位核心是通过position属性(如relative、absolute、fixed、sticky)结合偏移量控制元素位置,配合Flexbox和Grid实现现代布局。position:relative为子元素建立定位上下文,absolute使元素脱离文档流并相对于最近已定位祖先定位,两者常配合使用。Flexbox解决一维布局,Grid处理二维网格,z-index控制层叠顺序但仅对已定位元素有效且受堆叠上下文影响。
-
<p>在CSS中设置外边距为0的方法是使用通配符选择器或CSSReset。1.使用通配符选择器:*{margin:0;},适用于所有元素,但可能影响性能和需要重新设置某些元素的外边距。2.使用CSSReset:列出特定元素并重置其样式,如外边距、内边距等,提供更精确的控制和更好的性能表现。</p>
-
表单防重需前后端协同:前端提交时禁用所有提交按钮并设提示,但不可依赖其恢复;后端须用带签名、有时效、绑定session和表单类型的submit_token校验并标记已消费,配合PRG模式或AbortController确保幂等。
-
WebStorm点“Run”没反应是因为未启用内置静态服务器,需右键index.html选“Run'index.html'”或手动配置JavaScriptDebug,URL须匹配项目结构路径,纯HTML/JS/CSS无需Node。
-
JSON不特殊处理空格,字符串内空格为U+0020,解析后可直接使用;HTML空格实体如 不属于JSON规范,混入属数据污染,应源头剥离或用CSS/语义方案解决。
-
align-items用于整体垂直对齐,margin-top:auto或margin-bottom:auto可使单个子元素脱离整体对齐,实现如底部定位等特殊布局需求。
-
HTML无内置重做功能,需JavaScript维护undo/redo栈;document.execCommand已废弃且兼容性差;应记录差异化操作、同步状态、恢复光标等细节。