前端技术文章
-
https://segmentfault.com/a/随着数字化转型持续走深，再叠加人工智能技术的爆发式演进，中国网络安全市场正在迎来一场前所未有的范式切换。过去那套以“被动防御、规则匹配”为主的防护思路，面对 AI 普及催生的新型威胁，已经越来越显得力不从心。也正因为如此，以 AI 技术为核心驱动501 收藏 -
本文用 URLSearchParams 说明重复查询参数的构造、读取、覆盖和序列化方法，重点区分 append、get、getAll、set 的语义，并解释对象构造与 URL 编码的常见误区。499 收藏 -
用 aspect-ratio 固定媒体卡片的宽高关系，再配合 object-fit 处理不同来源图片，让网格列宽变化、图片加载和长标题都不会破坏卡片比例。498 收藏 -
搜索框连续输入时，较早发出的慢请求可能晚于新请求返回并覆盖结果。用 AbortController 取消上一轮 fetch，再用请求序号做最后一道验收，就能同时降低无效请求和旧数据回写风险。497 收藏 -
JavaScript 可以把 SVG path 的 d 属性交给 new Path2D 构造 Canvas 路径对象，再复用于 fill、stroke 和命中判断。本文说明输入边界、绘制复用、坐标变换与路径副本的职责分工。496 收藏 -
用 scroll-marker-group、::scroll-marker 和 :target-current 为横向滚动列表生成可聚焦导航标记，说明 before/after 的顺序差异、可访问名称和兼容降级边界。496 收藏 -
Vue 3 中直接解构 reactive 对象的 primitive 属性会断开响应式连接。本文用排障手册的方式解释原因，并给出 toRefs、toRef 与保留 state.field 三种处理选择。496 收藏 -
用一个可运行的 CSS 示例解释 backdrop-filter 的透明背景、滤镜叠加和 backdrop root 边界，并给出兼容回退检查。496 收藏 -
SVG 的 feGaussianBlur 会向图形边界外扩散；如果 filter 区域太小，扩散结果会在区域边界被裁剪。本文说明默认区域、filterUnits 和排查方法。495 收藏 -
https://segmentfault.com/a/这是一支长期深耕海外直播社交和互动娱乐方向的团队，产品核心面向海外用户。公司目前位于广州天河科韵路，技术团队整体比较稳定，核心成员平均司龄在 3-5 年。管理方式更接近外企风格：不强制加班、不打卡，更看重自主驱动，也鼓励把精力真正放在技术钻研上。495 收藏 -
用 unknown 接住 API JSON，通过自定义类型谓词完成运行时校验，让 TypeScript 安全收窄响应对象并复用到数组过滤。493 收藏 -
使用 Fetch 的 Response.body 逐块读取文本时，应先判断状态和 body，再通过 getReader 获取字节块，用带 stream 选项的 TextDecoder 保留跨块字符，并处理取消、异常与 reader 锁释放。492 收藏 -
AbortController 取消 fetch 后，fetch Promise、Response 和 response.body 处于不同阶段。本文说明如何区分主动取消与网络错误，并在只拿到响应头、不再需要正文时安全清理未消费的 response body。492 收藏 -
用 IntersectionObserver 观察屏幕外图片，结合 data-src、rootMargin 和 unobserve，只在接近视口时加载真实资源，并处理首屏、降级和布局稳定问题。491 收藏 -
前端表单重复提交不能只靠按钮 disabled 解决：浏览器事件、网络重试和用户回退会分别制造重复请求。本文用原生 JavaScript 拆开提交锁、请求幂等键、失败恢复和服务端去重的配合边界。491 收藏