-
HTML表格中td不能真正拆分,只能通过colspan和rowspan合并单元格后重写结构实现;强行用JS操作内容或CSS布局会导致DOM错乱、样式失效及兼容性问题。
-
JavaScript的class是原型机制的语法糖,instanceof通过检查原型链判断类型;new执行四步初始化流程;可靠类型判断用MyClass.prototype.isPrototypeOf(obj)。
-
最常用且兼容性最好的空格是 ,它不被合并也不换行;多个空格需重复书写;其他空格实体如 、 等存在兼容性问题;CSS的white-space属性可整体控制空格行为,但需注意元素显示类型和解析时机。
-
应使用opacity与visibility配合transition实现平滑提示条显示/隐藏:初始设opacity:0;visibility:hidden;,显示时改为opacity:1;visibility:visible;,并声明transition:opacity0.25sease,visibility0s0.25s;,禁用display切换。
-
防抖是事件停止触发一段时间后执行一次,适合搜索输入等只关心最终结果的场景;节流是固定时间间隔最多执行一次,适合滚动监听等需稳定节奏的场景。
-
Canvas粒子动画需先用document.getElementById获取canvas元素并调用getContext('2d'),宽高须显式设置width/height属性;粒子对象应含x、y、vx、vy、size、alpha字段,数量控制在100–300;连线逻辑需限制检测半径或采用空间划分避免O(n²)性能问题。
-
::before和::after插入符号必须设置content属性才能渲染,其值可为空字符串、Unicode符号或图标字体字符码;需配合position、display、font-family等控制定位、对齐与样式,并注意继承性、响应式及可访问性。
-
使用requestAnimationFrame同步渲染,减少重绘区域,利用离屏Canvas预渲染复杂图形,分层绘制,对象池复用对象,控制帧率平衡性能。
-
JavaScript数组没有nth方法,获取指定位置元素最直接的方式是使用索引访问;1.使用方括号语法如array[0]获取第一个元素,索引从0开始;2.使用ES2022新增的at()方法支持负数索引,如array.at(-1)获取最后一个元素;3.访问越界索引会返回undefined而不会报错;4.可通过检查array.length确保索引有效,避免越界;5.优先使用map、filter、find等迭代方法减少手动管理索引带来的风险;6.结合可选链?.和空值合并??运算符处理潜在的undefined值;
-
颜色对比度不佳主要影响五类用户群体:1.低视力用户,因文字与背景对比不足导致无法识别字符;2.色盲或色弱用户,特定颜色组合在他们眼中难以区分甚至完全混淆;3.老年用户,因年龄增长导致对比敏感度下降,对蓝光和暗色识别困难;4.处于特殊环境的用户,如强光或昏暗环境下使用设备的人;5.暂时性视觉障碍用户,如眼睛疲劳、干涩或佩戴不合适眼镜的人。颜色对比度不仅是视觉设计的一部分,更是确保信息可访问性的基础,影响所有用户的阅读体验。WCAG标准提供了对比度的衡量依据,常规文本至少需达到4.5:1,大号文本为3:1。提
-
HTML5Canvas文本绘制需调用2D上下文方法:一、fillText绘制实心文本,需设置font、fillStyle及坐标;二、strokeText绘制描边文本,需配置strokeStyle和lineWidth;三、textAlignment和textBaseline控制对齐与基线;四、measureText测量宽度以实现动态布局;五、手动分词+逐行fillText实现多行换行。
-
使用A标签的download属性可直接下载文件而非在浏览器中打开,支持自定义文件名,但需注意同源策略、服务端响应头及浏览器兼容性限制。
-
font-size不生效的主因是父级使用rem/em导致计算值偏离预期,其次为继承中断、框架重置、viewport缩放及字体回退等问题,需逐级检查Computed值并验证fallback。
-
::first-line仅对块级容器中首行文本生效,失效主因是元素非块级、父容器破坏文本流、首行无文本或样式属性不被支持。
-
正确设置margin-top和margin-bottom可实现清晰垂直布局,需注意外边距合并问题。1.基本语法中通过设定像素值控制上下间距;2.相邻块级元素会触发外边距合并,可采用单侧设margin、添加border或创建BFC解决;3.在Flex/Grid布局中推荐使用gap替代margin以避免合并;4.重置默认样式表中的margin并统一设置能建立可控的垂直节奏。合理运用这些方法可提升布局稳定性与一致性。