前端技术文章
-
minmax()不能实现侧边栏自动收缩，因其仅设弹性范围而非响应式开关；需配合媒体查询、CSS变量（正确声明与使用）、transform动画及触控热区优化才能实现可靠收缩。339 收藏 -
SharedArrayBuffer必须由主进程创建并用transferlist传递给Worker，否则仅复制；须用Int32Array视图配合Atomics原子操作读写，禁用普通赋值；Node.js需启用--experimental-shared-array-buffer标志。350 收藏 -
mix-blend-mode不生效主因是被隔离在独立堆叠上下文或未触发GPU合成层；需检查父容器是否隐式创建stackingcontext，加isolation:isolate或transform:translateZ(0)解决。483 收藏 -
<picture>+<sourcetype="image/webp">是唯一可靠写法，因浏览器在HTML解析阶段依type属性协商格式，现代浏览器支持时加载WebP并跳过<img>兜底，旧版IE/Safari则忽略<source>直接使用<img>降级。464 收藏 -
nonce是CSP中允许内联脚本的安全机制，需服务端动态生成并严格匹配响应头与script标签中的值；不支持meta标签设置，且对eval和内联事件无效。215 收藏 -
行内元素默认不换行且不可设宽高，块级元素默认独占一行并撑满父容器；本质是display:inline与block的CSS默认值差异，而非语义规定。417 收藏 -
CSScolor属性控制文字颜色，HTML5废弃font标签；推荐内联样式或外部CSS类名管理，避免ID和标签选择器滥用；注意继承、优先级及深色模式适配。303 收藏 -
用Props控制列表分页状态，即由父组件管理currentPage、pageSize、total、loading及onPageChange，子组件仅反射状态并触发回调，实现逻辑与UI解耦、便于测试复用及统一控制。323 收藏 -
答案：该倒计时组件通过JavaScript实现每秒更新显示，归零后触发回调。使用方法为调用createCountdown函数传入元素ID、初始秒数和结束回调，支持重置与样式扩展，结构清晰且轻量实用。424 收藏 -
iframe加载第三方页面被拒绝是因目标站点设置了X-Frame-Options:DENY或CSPframe-src限制，前端无法绕过；应优先使用官方Widget、oEmbed或后端代理解析关键信息替代直接嵌入。270 收藏 -
x-data必须是返回对象的函数，否则多个实例会共享同一引用导致响应失效；正确写法为x-data="counter()"或x-data="()=>({count:0})"，确保每次初始化都获得独立数据副本。290 收藏 -
多个link标签能共存，但顺序决定覆盖结果：浏览器按link在head中出现顺序加载CSS，后加载的同权重规则覆盖前者；路径错误会导致静默失败；禁用@import在HTML中使用，因其阻塞渲染且兼容性差。133 收藏 -
懒加载核心是按需加载，推荐使用IntersectionObserverAPI实现，辅以loading="lazy"渐进增强；老项目兼容IE可降级为节流滚动监听；框架中宜封装为Hook或指令，避免关键内容懒加载。382 收藏 -
LessMixins通过位置参数接收多个值，支持默认值但不支持命名传参或跳过参数；可用重载方式实现部分配置，需注意单位校验、颜色处理及展开顺序。264 收藏 -
HTML图标实现有四种主流方案：一、图标字体（如FontAwesome），通过CSS调用Unicode码点；二、内联SVG，直接嵌入HTML并用CSS控制；三、SVGsprite，集中管理多图标并按需引用；四、CSS伪元素+SVG数据URI，避免额外请求。496 收藏