前端技术文章
-
本文介绍如何解决TypeScript中Sequelize模型因缺少关联方法类型声明而报错（如Property'getChats'doesnotexistontype'Model<any,any>'）的问题，核心是通过接口扩展Model类型并显式标注模型实例类型。414 收藏 -
优先使用外部样式表并配合缓存策略，通过内容指纹命名、分离关键CSS、启用压缩和合理设置缓存头，可显著提升页面加载速度与用户体验。274 收藏 -
<template>元素内容需克隆后使用，直接操作会清空源；必须用content.cloneNode(true)深克隆，再修改textContent或dataset；注意判空、防XSS，跨文档才需importNode。408 收藏 -
::marker的font-size不生效，因CSS规范限制其可继承属性极少，且尺寸由content、line-height和font-family共同决定；推荐用transform:scale()配合transform-origin:centerleft实现可靠缩放。208 收藏 -
mix-blend-mode仅对非隔离且同层叠上下文的兄弟或后代元素生效；父元素设isolation:isolate、transform、filter或opacity<1会创建新层叠上下文导致失效。435 收藏 -
object-position是控制可替换元素（如<img>）内容在盒模型内锚点位置的CSS属性，需配合object-fit:cover或contain才生效，用于决定缩放后显示图像的哪一部分。101 收藏 -
关键在于毫秒是否被静默抹除或四舍五入：13位时间戳含毫秒，10位仅到秒；深拷贝后若getTime()值变化且差值为毫秒级，即发生精度丢失。211 收藏 -
getDay()方法返回0-6的星期数字，需数组或Intl对象转换为中文。1.getDay()返回本地时间星期几，0为周日；2.可用数组映射转换为“星期一”等字符串；3.也可用Intl.DateTimeFormat自动处理国际化格式；4.getDay()与getDate()不同，前者获取周几，后者获取月内日期；5.注意周日为0可能与ISO标准不一致，需手动调整；6.Date对象若未指定时区，getDay()结果受运行环境影响。478 收藏 -
TrustedTypes通过强制类型检查在运行时拦截非法字符串执行，而非审计逻辑；需重构执行模型、切断危险入口，并让动态执行路径显式受控。344 收藏 -
navigator.languages数组可获取用户语言偏好顺序，是构建权重表的原始依据；按精确匹配（100分）、语言主干匹配（70分）、回退匹配（40分）三级打分，生成带权重的预加载策略表。350 收藏 -
四边独立设色必须用四值语法border-color:#f0f0f0#d0d0d0#808080#e0e0e0（上、右、下、左），光源左上方决定明暗梯度，推荐hsl()动态调L值并用CSS变量管理，深色模式需重校L锚点。144 收藏 -
基准情形是递归函数中防止无限调用、避免栈溢出的必要条件，必须独立于递归调用、无需分解、对某组输入立即返回；常见错误包括浮点数精度问题、边界遗漏、符号错误；验证需通过最小输入推演、临界路径测试和日志观察。124 收藏 -
fr是剩余空间的份数，先扣除固定尺寸再按比例分配；与固定单位并存时后者优先占位；需配合minmax()、媒体查询等实现响应式和兼容性。271 收藏 -
input[type="week"]值格式为YYYY-Www（如"2024-W23"），代表ISO周，起始日为周一，第1周须含当年第4个星期四；min/max需同格式，否则失效；需手动解析为周一至周日日期；Firefox不支持，兼容性差。313 收藏 -
CSS变量本身不可动画，必须将transition绑定到实际渲染属性（如background-color）上，且需在默认状态声明；--hover-bg仅是存储值的容器，改变它不会触发过渡。339 收藏