前端技术文章
-
用Sass@for循环生成多层linear-gradient实现精准等距条纹，每层独立控制position避免重叠漏缝；推荐px单位统一、显式设置背景尺寸；复杂场景用map管理配置；background-blend-mode需与所有图层同声明且顺序严格对应。256 收藏 -
屏幕阅读器适配核心是语义化DOM结构，原生标签（如<button>、<nav>、<h1>–<h6>）优先于ARIA；表单需显式关联label；动态内容须用aria-live；skip-link必须首个可聚焦且锚点有效。156 收藏 -
HTML中rel属性的取值及在链接安全中的作用rel属性用于定义当前文档与被链接文档之间的关系，常用于、和标签中。它不仅有助于搜索引擎优化（SEO），还在提升网站安全性方面发挥重要作用。以下是一些常见的rel属性取值及其在链接安全中的作用：1. rel="nofollow"作用：告诉搜索引擎不要追踪该链接，也不传递权重。安全作用：防止垃圾链接或恶意网站通过你的页面获得
只有noopener和noreferrer会影响浏览器安全行为：noopener阻止新页面通过window.opener访问原页面，noreferrer还禁发Referer头；二者必须配合target="_blank"才生效，其他rel值如nofollow、external对安全无实质作用。466 收藏 -
最简方案是在<body>顶部放带id的loading元素并用内联样式隐藏，JS立即控制显隐；请求时严格对齐生命周期显隐，推荐纯CSS旋转图标；SPA需覆盖路由、组件加载等多链路，以异步收敛点为退出时机。313 收藏 -
高阶函数是接受函数作为参数或返回函数作为结果的函数。它体现“函数可被当作值传递和生成”，常见于数组方法、定时器、防抖、柯里化及Promise链等场景，判断依据是形参含函数类型或返回函数表达式。216 收藏 -
label的for属性必须严格匹配控件的id（而非name），大小写敏感且不可含空格；若未设for或未包裹控件，则label丧失交互与可访问性功能。365 收藏 -
AstraDB提供原生JSONAPI，支持在存储结构化JSON文档的同时，为字段嵌入向量（$vector），并直接通过近似最近邻（ANN）查询实现语义搜索，无需额外向量数据库。372 收藏 -
Node.js与浏览器EventLoop根本不同：浏览器按“宏任务→清空微任务→渲染”循环，而Node.js基于libuv分6阶段（timers、poll、check等），微任务仅在阶段切换前集中执行，且process.nextTick优先级高于Promise。469 收藏 -
装饰器是用于扩展类、方法等行为的函数，通过@语法应用，可在运行时修改目标逻辑，常用于日志、权限控制、性能监控等场景，提升代码复用性与可读性。340 收藏 -
模块加载器不执行HTTP重定向，只做路径映射与加载决策；CDN的“重定向”发生在DNS解析或HTTP层（如302跳转），二者属不同层级但需协同——关键在于路径如何被改写及谁决定最终访问地址。283 收藏 -
要避免IntersectionObserver立即触发，需设threshold:[0]并配合rootMargin（如'200px'）；懒加载图片须用data-src替代src，回调中赋值并清理；复用单个observer实例，加载后调用unobserve；不支持时降级为节流scroll+getBoundingClientRect。389 收藏 -
clear:both无效是因为它只避开前一个浮动元素，不解决父容器塌陷；应使用::after伪元素触发BFC清除浮动，现代表单推荐flex布局。218 收藏 -
圣杯布局必须用padding+float+relative三件套，因其需满足中间栏优先渲染且视觉居中、两侧栏固定宽度而中间自适应的核心约束；双飞翼则通过多一层main-inner嵌套用margin替代relative定位，但对HTML结构侵入更强。199 收藏 -
">
CSScursor属性可自定义光标，需用url()指定图片路径并配fallback关键字（如pointer），路径相对于CSS文件位置，推荐≤32×32px的PNG格式，Safari等浏览器有兼容限制。225 收藏 -
TailwindCSS任意值类不生效的主因是JIT未扫描到：方括号语法需严格无空格、非法字符，动态拼接字符串不被静态分析，且任意值类与内置类特异性相同易被覆盖；须验证编译后CSS是否含对应规则。320 收藏