winty~~-CSDN博客

转载 Cursor 2.2 炸裂发布：首创 Debug 模式，专治各种“疑难杂症”！

它会先通读你的代码库，像个老侦探一样，列出几个“嫌疑人”——也就是可能导致 Bug 的原因。如果在 AI 编程工具界，Claude Code 是终端里的王者，那么 Cursor 2.2 再次证明了它在 IDE 领域的统治地位。AI 会自动在它认为可疑的代码段中，插入专门的日志记录语句（Logging）。（可视化编辑器），不仅能预览，还能直接拖拽改代码，简直是把 Chrome 开发者工具塞进了 IDE 里。这意味着，当你要做一个复杂功能时，AI 不仅能给你列出 Todo List，还能直接画出。

2025-12-17 12:29:50 112

转载让字距随字体自适应变化的 CSS 技巧

而更多时候，则需要理解那些让设计走到这一步的上千个决策，从而给出最合适的下一步建议。然而，经过测试后发现，这种方式在视觉上显得不太协调 —— 紧凑的标题旁边配着宽松的副标题，看起来不统一，也不和谐。除非是用于大标题、特殊风格的视觉排版或明确的功能性场景，否则过度修改字距容易破坏字体本身的节奏感。其中最引人注意的变化是字体设计的调整 —— 标题使用了更粗的字重，并要求将所有文字的。但较小的文字就变得相当难读。在我们的案例中，最小值是根据客户品牌规范确定的，而其他参数则是在浏览器中反复调试得出的。

2025-12-17 12:29:50 29

转载刚刚！GPT-5.2 正式发布！这是把 Claude 4.5 和 Gemini 3 Pro 按在地上摩擦！

Claude Opus 4.5、Gemini 3 Pro，这些原本都是世界顶级的模型，在 GPT-5.2 面前，数据差距肉眼可见。它不光是在卷“智商”，它在卷“靠谱”，要真的能干活和解决问题的能力。它给你的，不再是一个“大概的思路”，而是一个“能用的结果”。如果你是写代码，或者处理重复的文档，很多背景信息是不用反复算的。当你需要最高质量的结果，或者解决那种“掉头发”的难题时，就用它。而且，因为它变聪明了，一次能把事情做对，不用反复重试。如果不讲虚的，GPT-5.2 这次的变化，主要都在这 5 点。

2025-12-12 12:56:45 41

转载借助图片懒加载触发 JavaScript 动态导入

首先，你会在页面上出现一个不需要的图片，其次，你需要将想要运行的 javascript 内联化，这有点违背了懒加载的初衷。非常简单，非常实用。“回调”只有在图像加载时才会触发，如果图像是懒加载的，那么它只会在图像出现在视口时触发。指向一个不存在的图片，那样会导致控制台充满关于缺失图片的红色 404 错误，没有人想要这样。图片本身可以是任何东西，或者，更重要的是，什么都没有。替换损坏的图片为你自己的 HTML 标记，然后你就有了懒加载的脚本！这仍然会导致页面出现"损坏的图像"缩略图，但我们会解决这个问题的。

2025-12-12 12:56:45 23

转载教你通过规范驱动开发提升你的 AI 编程水平

在我的示例项目中，生成的阶段和任务数量相当可观，部分情况下，创建或更新的文件数量超过了 30 个。其中一个代表性思路，就是 “基于规范的开发”（Specification-driven development），也称为 “基于需求的开发”（Requirements-driven development）。它试图将 “开发流程” 变成开发体验中最重要的部分，不再依赖零散的自定义指令文件，而是让 “需求（规范）” 本身成为整个开发过程的核心，在开发者与 AI 的持续交互中被生成、维护和更新。

2025-12-11 11:28:17 47

转载 Claude Code 算是被我玩明白了

今天的 AI 就像那台蒸汽机，单点效率惊人，但如果没有“体制”、没有“流程”、没有“原生思维”，它永远只是屏幕里的骡子。：权限控制、沙箱隔离、Checkpointing（让 AI “时光倒流”纠错），还有用 MCP 把 AI 连到公司内部系统的硬核操作——这些，才是企业级开发最需要的“安全镣铐”。后来我在 Tony Bai 的课程里看到他的分享，他一句话击中我：“一部分人，会选择主动站上浪尖，学会驾驭这股强大的新力量，成为定义下一个十年开发范式的“冲浪者”。别人都讲 AI 是“魔法”，他偏要拆成“工程”。

2025-12-11 11:28:17 18

转载 React、Next.js 曝出最高级别安全漏洞，尽快自查！

如果你有线上项目跑在 React 19 或 Next.js App Router 上，请尽快完成升级。RSC 引入了一套新的序列化协议，而这次的漏洞让攻击者能伪造这个协议的消息。只要你的应用在线上暴露了相关接口，风险就是“默认存在”的。如果你在用 React 19 + RSC，或者用 Next.js 的 App Router，请立刻检查版本。RSC 在处理服务端请求时，需要把客户端发来的数据反序列化。本次问题就出在这里——如果你的项目还停在 pages router，或者没有用到 RSC，本次风险较小。

2025-12-10 13:10:09 122

转载 Ant Design 6.0 来了！这一次它终于想通了什么？

根据官方的对比图，Zero Runtime 模式下的性能表现是最佳的。这可能对一些维护古董项目的团队是坏消息，但对于整个前端生态来说，这是大快人心的。虽然它解决了按需加载的问题，但带来的运行时性能损耗和样式插入延迟，一直是性能敏感型项目的噩梦😭。在一个技术栈迭代快如闪电的时代，一个库能活 10 年，并且还能在第 10 年做出 v6 这样推倒重来式的革新，是值得赞扬的👍👍👍。今天，我就以一个老用户的视角，来聊聊 Antd 6.0 到底改了什么，以及作为技术组长，我怎么看待这次升级🤷‍♂️。

2025-12-10 13:10:09 51

转载 15 个 Node.js 新功能替代流行 NPM 包

近年来，Node.js开发人员依赖无数的npm包来填补平台的空白。但随着Node.js的不断发展，许多曾经需要第三方包的功能现在已直接集成在运行时中。中引入（实验性）[https://nodejs.org/download/release/v18.10.0/docs/api/test.html?（具体的小版本/补丁版本在找到的资料中没有完全记录。但完整的基于Promise的。在所有活跃的LTS版本（v18、v20、v22）中已经稳定，不再实验性。它们是当前Node.js LTS发行版中稳定API的一部分。

2025-10-29 12:45:44 90

转载前端国际化适配提速 90%！这款 JS 脚本 CLI 工具，自动提中文、分模块、做替换，比 AI 更稳定

然而，许多项目在初期规划阶段并未纳入国际化方案，导致代码中遗留了大量中文硬编码——这类硬编码广泛分布于各类文件中，数量少则上千，多则可达四五千甚至更多。而本工具的处理效果稳定可控，可将国际化适配的整体效率提升 80%~90%。将特定路径前缀映射到指定的模块名称，键为模块名称，值为文件路径前缀，未定义的将按照默认规则处理。由于目前翻译插件的一些限制，无法进行大批量翻译处理，所以生成的语言文件中的 key 为自增的。由于目前翻译插件的一些限制，无法进行大批量翻译处理，所以生成的语言文件中的 key 为自增的。

2025-10-27 10:39:58 68

转载面试官：如果 100 个请求，你怎么用 Promise 去控制并发？

利用for await 可以保证for结构体下面的代码是最后await 后的微任务，而在最后一个微任务下，可以保证所有的promise已经存入promises里（如果没命中任何一个await，即限制并发数>任务数的时候，虽然不是在微任务当中，也可以保证所有的promise都在里面），最后利用allSettled，等待所有的promise状态转变后，调用回调函数。首先执行能执行的并发任务，根据并发的概念，每个任务执行完毕后，捞起下一个要执行的任务。利用race的特性可以找到并发任务里最快结束的请求。

2025-10-27 10:39:58 52

转载前端到底用Nginx来做啥

这其中还做了错误拦截，如果。这篇文章是收集我在工作中经常会用到的nginx相关知识点，本文并不是基础知识的讲解更多的是一些方案中的简单实现。只有请求的url路径与后面的字符串完全相等时，才会命中。^~ 表示如果该符号后面的字符是最佳匹配，采用该规则，不再进行后续的查找。注意的是，nginx的匹配优先顺序按照上面的顺序进行优先匹配，而且注意的是。一份是png压缩为webp的图片（使用的是imagemin-webp）~* 表示该规则是使用正则定义的，不区分大小写。~ 表示该规则是使用正则定义的，区分大小写。

2025-10-22 09:30:51 48

转载与Cursor结对编程，掌握这个方法效率起飞！

所以当一个系统越来越大的时候，系统中到处充斥着各种“特殊”的逻辑，人的认知负荷越来越重，所以需求越来越难做：我们要花大量的时间来理解业务需求、评估和设计方案、分析影响面、在复杂的代码上继续累代码、在巨量的测试用例上继续累测试，难以快的起来。虽然 Scaling Law 的边际递减，但是 AI 在各个场景的应用渗透才刚刚起步，就业务开发场景来说，还有大量的创新、整合、提效的优化空间。在工作流的各个环节（分析、设计、编码、测试、验收、部署等等），会涌现出各类专用 Agent，形成矩阵式的组织结构。

2025-10-22 09:30:51 56

转载大模型应用中，前端绕不开的 SSE

开头的行用于指定消息的 ID，用于区分不同的消息。客户端可以通过 eventSource.lastEventId 获取最后收到的消息 ID，当需要断线重连时，请求会自动发送 Last-Event-ID 头，服务器可以用它来续传消息。这个库，它是一个完整的实现，可以自动处理断线重连，支持自定义请求头等等，其原理和我们刚刚的示例代码差别不大。的自动重连机制实现的，这是一个非常简单的机制，在连接错误断开的情况下，浏览器会自动重新发起请求。开头的行会被当作注释，服务器可以用它发送调试信息，但客户端会忽略这些行。

2025-10-20 12:53:27 78

转载微信小程序端智能项目工程化实践

TensorFlow.js 是谷歌开发的机器学习开源项目，致力于为Javascript提供具有硬件加速的机器学习模型训练和部署，在小程序端以插件的方式封装了TensorFlow.js库，方便小程序进行调用，同时需要配合安装相应的TensorFlow.js npm包来使用，接入步骤相对繁琐，但支持更低的微信基础库版本。微信原生推理是指调用小程序AI通用接口来进行推理，它是一套官方提供的通用AI模型推理解决方案，开发者无需关注其内部实现，只需要提供训练好的ONNX模型，小程序内部就可以自动完成推理。

2025-10-16 11:56:03 64

转载前端微服务框架深度对比：无界（Momentum）与乾坤（Qiankun）实战指南

通过本文的对比与实战演示，开发者可根据项目规模、技术复杂度、团队协作需求选择合适的微前端框架。为应用场景，对比分析无界（Momentum）与乾坤（Qiankun）两大框架的实现方式，通过完整示例代码揭示其核心差异。在传统单体前端架构中，随着业务复杂度增加，代码臃肿、协作困难、部署效率低等问题愈发突出。：无界依赖 WebComponent 影子DOM，乾坤需配置。完善的生命周期管理、更强的兼容性、适合长期维护。：支持动态注册路由，适合频繁变化的导购系统。：依赖主应用路由配置，更适合固定入口的场景。

2025-10-15 13:12:56 119

转载移动端布局避坑指南：从100vh到dvh，彻底解决动态视口适配难题

但在移动端，情况却大不相同。在移动互联网浪潮下，前端开发者常常遭遇「桌面完美，移动翻车」的尴尬困境：精心设计的页面在手机端频繁出现内容截断、布局抖动，甚至因浏览器工具栏的显隐引发「位移惨案」。因此，在实际开发中，建议进行充分的测试，并为不支持这些单位的浏览器提供合适的备用方案，以确保页面在各种移动设备上都能有良好的显示效果。幸运的是，随着 CSS 技术的发展，我们有了更好的解决方案。但是，在移动设备上的表现就差强人意了，移动设备的视口大小会受动态工具栏（例如地址栏和标签栏）存在与否的影响。

2025-10-15 13:12:56 136

转载你还不知道的大文件上传

上面说的这些功能，它都实现了，不管你用 vue2、vue3、react，还是 jquery 原生 js 开发项目，都能直接用，真正做到开箱即用。今天就给大伙唠唠前端大文件上传，讲讲它的原理、能解决啥问题、有哪些关键功能，再给大家推荐一个超实用的大文件上传库，让大文件上传不再是难题。简单来说，大文件上传就是把个头很大的文件，从咱们的客户端，像浏览器啥的，传到服务器上。文件上传完了，前端算一下文件的哈希值，比如 MD5 或者 SHA-256，再和服务器那边校验一下，保证文件没出问题。：网络这东西，时好时坏。

2025-05-19 09:15:41 257

转载别再写一堆 if-else 了：用状态模式优雅管理状态行为

在使用前要权衡问题的复杂度。但想象一下，如果手机有十几种模式，每种模式还要影响多个行为（比如来电、短信、闹钟、通知等），那么条件分支会迅速增多，而且每种模式的逻辑会分散在代码中的各个 if 语句里，维护起来就非常容易出错。许多框架和库在内部使用状态模式或类似的概念（例如，用户界面组件通常具有启用 / 禁用 / 悬停等状态，这些状态在幕后通过状态对象或状态模式来实现）。当你切换模式时，实际上就是更换状态对象，这样就避免了大量的条件判断，而是依靠多态来实现 —— 每个状态类知道在该状态下该如何处理具体的动作。

2025-05-19 09:15:41 210

转载掌握这些 Vue 和 JS 知识，前端开发不再迷茫！

只会在应用启动的时候被创建一次，之后使用只需要应用提取的静态节点，随着每次的渲染被不停的复用。call apply 是立即执行，bind 是返回绑定 this 之后的函数, 如果这个新的函数作为构造函数被调用，那么 this 不再指向传入给 bind 的第一个参数，而是指向新生成的对象。patch flag, 在动态标签末尾加上相应的标记，只能带 patchFlag 的节点才被认为是动态的元素，会被追踪属性的修改，能快速的找到动态节点，而。要注意的是避免在此期间更改数据，因为这可能会导致无限循环的更新，

2025-04-21 09:15:33 179

转载关于vue项目中的node-sass 安装报错问题解决

原因：当前终端下的 node 环境不是我们上面需要的 12 版本，所以需要先切换 node12 版本后重新打包即可。是新开的终端环境下执行的， node 是 16.x 所以就没有上面第一次 cnpm 直接报错的情况，所以下载成功。是否对应node版本，如果不对应，那就修改依赖版本，让其匹配。因为这是个老项目，所以代码不统一，之前 sass、现在又是 less，所以项目的统一性还是很重要的！如果没有，就可能需要要自己本地编译。跑不起来的情况，不要心急，看清楚版本、当前终端环境等细节后，进行尝试解决。

2025-04-21 09:15:33 1528

空空如也

空空如也