首页 文章 精选 留言 我的

文章列表

共 219648 篇
用 ResizeObserver 监听元素尺寸变化,你还在用 window.resize 吗

用 ResizeObserver 监听元素尺寸变化,你还在用 window.resize 吗

布局经常需要根据容器宽度动态调整内部元素,比如图表库要响应容器尺寸重绘、虚拟列表要根据可视区域高度计算渲染数量、CSS 容器查询的 polyfill 需要精确知道父级尺寸。window 的 resize 事件只反映视口变化,无法感知某个 div 因为 Flex 布局、侧边栏折叠、字体加载或内容增减导致的尺寸改变。过去只能靠 setInterval 轮询 of...

Vue 3 中 watch 和 watchEffect 的刷新时机:从一次表单联动失效说起

Vue 3 中 watch 和 watchEffect 的刷新时机:从一次表单联动失效说起

有一个在 Vue 3 项目里很常见的场景:父组件传进来一个 props.id,子组件需要根据这个 id 去请求详情数据,同时在本地维护一份可编辑的表单副本。某次需求里,表单里有个“数量”输入框,修改数量后要自动计算总价并且把结果同步回一个隐藏字段。代码大概是这样写的:在 watchEffect 里读取 form.count 和 form.price,算出 f...

Node.js 中使用 worker_threads 处理 CPU 密集型任务时,为什么你的接口还是卡住了?

Node.js 中使用 worker_threads 处理 CPU 密集型任务时,为什么你的接口还是卡住了?

有一个后台管理项目需要导出十万条订单数据,每一条都要做金额格式化、时间转换和状态映射。最开始直接在请求处理函数里写了个 for 循环,本地测试几百条数据没问题,上线后只要有人点导出,整个 Node 服务就像被冻住一样,所有接口的响应时间都飙到好几秒。后来把导出逻辑挪到 worker_threads 里,接口是不卡了,但导出任务本身慢得离谱,还偶尔报 ERR_...

CSS :has() 选择器实战:父级反向控制与表单状态联动

CSS :has() 选择器实战:父级反向控制与表单状态联动

过去几年里,CSS 一直缺少一种能根据子元素状态反向选择父级或前序兄弟节点的能力,导致很多常见交互不得不借助 JavaScript 添加类名。例如表单输入框获得焦点后高亮整个字段容器、卡片内图片加载失败时改变卡片边框颜色、选择某个复选框后让说明文字变色。这类需求本质上不是业务状态复杂,而是 CSS 选择器表达力不足。:has() 出现后,浏览器允许在选择器里...

Node.js 中使用 worker_threads 处理 CPU 密集型任务:从阻塞到并行的实践

Node.js 中使用 worker_threads 处理 CPU 密集型任务:从阻塞到并行的实践

最近在做一个图片批量处理的工具,需要把用户上传的几十张图片生成不同尺寸的缩略图。用 sharp 库做 resize 本身很快,但每张图都要重新计算像素、做滤波、压缩,单张 4000x3000 的图转成 200x200 要花 300ms 左右。一开始我直接把循环写在主线程里,结果前端调用接口上传 20 张图后,整个 Node 服务卡住将近 6 秒,健康检查接口...

用 AbortController 取消 Fetch 请求时,为什么你的清理逻辑没有生效?

用 AbortController 取消 Fetch 请求时,为什么你的清理逻辑没有生效?

在单页应用里,搜索框实时请求、路由切换时中止旧请求、组件卸载时取消未完成的接口调用,这些场景都会用到 AbortController。表面上看,只要在 fetch 里传入 signal,然后在需要的时候调用 abort() 就结束了。但真实项目里经常出现“请求确实断了,可 loading 还在转”“catch 里判断 AbortError 不生效”“取消之后...

风控开发指南:Go集成车辆车五项信息核验实现精准合规审查

风控开发指南:Go集成车辆车五项信息核验实现精准合规审查

在现代汽车保险理赔、二手车交易评估以及智慧交通出行管理中,确保底层车辆属性数据的真实性与准确性至关重要。无论是快速理赔定损、还是防范异动企业的资产风险,传统上高度依赖人工比对行驶证原件或核查车辆大本的方式,已经远远无法满足当前高频交易与瞬时决策的需求。这种繁琐的线下链路不仅流转缓慢,还极易出现信息不匹配资质的情况,给企业带来沉重的履约隐患与资信评估压力。面对...

车载组合导航:惯导方案如何选

车载组合导航:惯导方案如何选

车载组合导航要解决的核心问题,是让车辆在卫星信号时好时坏的城市环境里,仍然能持续输出可信的位置、速度和姿态。单靠卫星定位,输出在开阔路段很准,一旦进入遮挡区就会跳变甚至中断;单靠惯性测量单元,短时平滑但误差随时间累积。工程上真正可用的方案是把两者放进同一套估计框架里,再用轮速、运动约束等信息做辅助,让整条定位链路在卫星失锁时退化成短时惯性续导,在卫星恢复后重...

风控开发指南:PHP集成车辆车五项信息核验实现精准合规审查

风控开发指南:PHP集成车辆车五项信息核验实现精准合规审查

在二手车电商拍卖平台与车辆交易市场的日常运作中,准确核验车辆出厂核心参数与身份编码,是平台履行信用合规及确保资产安全的重中之重。传统的验车流程高度依赖人工比对纸质行驶证与车架钢印,这一过程不仅耗时繁琐,且极易遭遇信息不匹配资质的问题。部分不法分子通过改装或套牌手段,使得非存续异常主体车辆混入拍卖池,为平台和买家埋下巨大的履约隐患。面对高并发的竞拍需求,仅靠线...

资源下载

更多资源
腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

用户登录
用户注册