-
text-align用于控制块级元素内行内内容的水平对齐方式,不控制元素自身位置;取值包括left(默认)、right、center、justify;具有继承性,但对块级子元素无效;需注意direction和writing-mode对其含义的影响。
-
跨窗口通信唯一安全方式是window.postMessage(),需指定目标窗口并校验event.origin,禁止用*通配targetOrigin,不支持传函数或DOM节点,须实测边界场景。
-
强缓存是浏览器根据响应头(如Cache-Control、Expires)跳过请求、直接复用本地文件的机制,仅依赖URL一致性和缓存时效性,不校验服务器资源是否更新;其核心缺陷是URL不变则无法感知内容变更,故需通过文件名哈希使内容变化映射为URL变化,从而强制刷新缓存。
-
box-shadow语法为box-shadow:h-offsetv-offsetblurspreadcolorinset,前两个参数必填,blur不可为负,inset须置末尾;常用示例:box-shadow:2px2px4pxrgba(0,0,0,0.2)。
-
最安全的方式是用theme.extend.colors增量扩展颜色;若需彻底替换默认色(如整套blue),必须使用theme.colors全量定义并包含50–900色阶;新颜色需在模板中实际使用才能被JIT编译生成,且需手动扩展placeholderColor、stroke、fill等以支持对应工具类;深色模式下的变体需显式声明,无自动推导。
-
Flexbox是现代导航菜单布局的首选方案,因其通过display:flex;等简洁属性实现元素的水平/垂直排列、对齐(justify-content、align-items)、空间分配及响应式换行(flex-wrap),大幅简化了传统浮动或inline-block带来的复杂性。结合gap设置间距、媒体查询适配移动端,并利用flex-direction切换方向,可轻松构建响应式导航;面对文本溢出、多行对齐、旧浏览器兼容等问题,可通过text-overflow省略、内部嵌套Flex容器、Autoprefix
-
使用||设置默认值,如constusername=inputName||'匿名用户';2.利用&&安全访问属性,如user&&console.log(user.name);3.条件执行函数,如isValid&&saveData();4.注意副作用仅在条件满足时触发,如debugMode&&console.log('调试信息')。合理使用可提升代码简洁性与性能。
-
Firefox旧版本中fieldset的border-radius失效是因浏览器未实现该特性,需加overflow:hidden防legend溢出,或改用div+role="group"模拟语义。
-
HTML原生不支持文件包含,需借助JavaScript动态加载、iframe嵌入、服务器端包含(SSI)、构建工具预处理或PHP等服务端语言实现。
-
能,element.remove()可真正清理弹窗DOM节点,但需确保无JS强引用、事件监听器已解绑、定时器已清除,且Vue场景下应避免直接调用以防虚拟DOM错乱。
-
使用HTML的<ul>和<ol>标签分别创建无序和有序列表,结合<li>定义列表项,通过CSS的list-style-type调整符号样式,设为none可移除默认标记,再用margin和padding控制间距与缩进,提升内容可读性。
-
响应式卡片布局通过CSSGrid和Flexbox结合实现,Grid用minmax(250px,1fr)定义多列自适应外层结构,支持大屏4列、平板2列、手机1列;Flexbox以flex-direction:column管理卡片内部,使图片、文字、按钮纵向排列,其中文字区域设flex:1实现底部对齐,按钮固定底端;配合gap统一间距,并通过媒体查询优化移动端字体、内边距及隐藏非关键元素,提升小屏体验。
-
先设置border-collapse:collapse避免双线边框,再统一定义table,th,td的border样式;通过调整边框宽度、颜色和类型(如solid、dashed)美化表格,可单独设置th下边框或外边框突出表头。
-
使用@keyframes统一box-shadow和border-color动画关键帧,结合will-change或translateZ启用硬件加速,通过CSS变量保持颜色一致性,并注意浏览器兼容性与prefers-reduced-motion适配,可解决闪烁、卡顿等问题,确保动画流畅同步。
-
@mixin本身不膨胀体积,滥用@include才导致CSS膨胀;因其是编译期文本替换,每次调用都原样复制整段样式,不合并、不去重,尤其在循环、嵌套或跨组件重复调用时生成大量冗余代码。