-
图片路径须用相对路径或网络地址,禁用本地绝对路径;alt属性必填且需准确描述内容;通过浏览器控制台404报错可快速定位路径错误。
-
Less中calc()无法实现响应式图片裁剪,因编译时静态求值且不支持运行时尺寸计算;应使用变量+媒体查询预设padding-top或aspect-ratio,并避免用小数形式aspect-ratio。
-
jQuery必须在所有插件之前加载,且插件调用需在DOM就绪后执行;推荐使用CDN(如cdnjs)引入3.x版本,本地文件仅限离线或合规场景,CSS需单独引入head中,加载失败需检查网络、CSP及版本兼容性。
-
mask-position动态变化无效是因为旧规范将其列为不可动画属性,Chrome115+/Safari16.4+才支持,Firefox仍不支持;应改用mask-image配合CSS变量和background-position模拟动画。
-
某些选择器在特定浏览器中失效是因为这些浏览器版本过低或不完全支持较新的CSS标准,导致无法识别如:has()、:focus-within等现代选择器,进而忽略整个CSS规则块;解决方法是降级使用基础属性选择器,例如用[class*="..."]替代模糊类名匹配,用input[type]结合JS实现:checked的兼容效果,并通过重构HTML结构或使用@supports检测、PostCSS转译等手段提升样式兼容性,确保在IE7+等旧环境也能正常渲染。
-
WebShareAPI需在HTTPS/localhost环境、用户点击触发,仅支持title/text/url字段且有同源等限制;必须用if(navigator.share)运行时检测,不支持iOSSafari16.4前及Firefox桌面版,微信内置浏览器禁用。
-
JavaScript中不存在“PrototypeMasking”这一标准概念;真正私有需用闭包、Symbol(弱私有)或ES2022+的#私有字段,原型操作无法实现可靠私有性。
-
原型污染攻击成因是攻击者利用JavaScript原型继承机制,通过可控输入向Object.prototype注入属性,使所有对象自动继承恶意行为;防御关键是在数据入口处切断污染路径,需组合实施输入过滤、使用Object.create(null)、升级安全版本及运行时加固等措施。
-
复选框组用于多选,需用fieldset包裹,配合label和name属性实现语义化与功能,通过CSS提升可访问性与美观度,后端自动解析同名参数为数组。
-
HTML注释不参与渲染,无法添加style属性或内联样式,浏览器直接忽略其中内容;它是DOM中的Comment节点,无style属性和className,CSS选择器也无法选中。
-
用letter-spacing可直接调节文字间距,中文推荐0.02em~0.06em,标题可增至0.08em,品牌名可用1px;中英文混排宜用em单位并单独优化英文字体,慎用负值,需配合kerning与line-height综合调整。
-
justify-items在Flex布局中完全无效,因其不属于Flex规范,Flex仅支持justify-content(主轴对齐)和align-items(交叉轴对齐);它专用于Grid布局,控制网格项在其单元格内的行内轴对齐。
-
table-layout:fixed是CSS中控制表格列宽计算方式的属性,它使浏览器仅依据第一行或col元素的宽度声明来确定列宽,从而实现可控的自适应布局。
-
纯HTML可实现三种浪漫表白页:一、渐变背景+心跳动画文字;二、点击触发淡入弹窗告白;三、滚动逐行浮现诗意情书。均无需后端,保存为.html即可运行。
-
Date对象无内置格式化方法;toISOString()恒返UTC时间;toLocaleString()需精确配置locale与options;getMonth()返回0–11需+1;手动格式化须区分本地/UTC时区。