Webwlx 的博客

为什么要自己接 APIAI 聊天产品（ChatGPT、Kimi、豆包）很好用，但如果你想做： 产品内的智能问答 代码审查机器人 文档自动生成 多模型对比和路由 你就需要直接调 API，而不是依赖别人的聊天界面。 主流大模型 API 对比 模型 提供方 价格（输入/输出 每 1M token） 中文能力 代码能力 特点 Claude 4 Sonnet Anthropic $3/$15 ⭐⭐⭐ ⭐⭐⭐...

先泼冷水如果你期望 AI 替你写代码、你只负责喝茶——你会在第一周就翻车。 用了大半年 AI 辅助开发，我的真实感受是：效率提升 2-3 倍是真实的，但前提是你知道什么时候用它、什么时候不用。 AI 擅长的（效率飞升）1. 样板代码和 CRUD生成一个带分页、搜索、排序的列表页面： 12345678910// 你只需要描述：// "Vue 3 + Pinia 的数据列表页，支持分页、搜索、排序，// 使用 shadcn...

格局变了2025 年还是 GitHub Copilot 一家独大，2026 年已经是四强争霸。作为深度用过全部四个的人，写一篇不含广告的实际体验对比。 一句话结论 工具 一句话 适合谁 Cursor 最接近”AI 同事”的体验 重视上下文理解，愿意付费 GitHub Copilot 最稳的补全，但 Chat 偏弱 轻度 AI 辅助，已有 GitHub 订阅 Windsurf 最强多文件联动 大型项目，需要跨文件理...

Pinia 取代 Vuex 不是意外Vuex 4 还在用 mutations、actions、getters 三段式，写起来像填表格。Pinia 一把梭：一个 store 就是一组相关的状态和方法，没有 mutation 概念，直接改。 Vue 官方现在推荐 Pinia 作为默认状态管理方案。如果你的项目还在用 Vuex，可以开始迁了。 基础：一个完整的 Store123456789101112131415161718192021...

问题是怎么发现的官网首页 Lighthouse 评分 42，首屏加载 3.2 秒。用户反馈”白屏时间太长”。打开 Chrome DevTools Network 面板一看：JS bundle 2.4MB，一张 hero 背景图 800KB。 优化后：首屏 0.8 秒，Lighthouse 95。这篇把整个过程和具体配置写清楚。 优化全景图1234563.2s → 0.8s 的路径：构建产物瘦身 → 2.4MB → 800KB ...

我为什么从 Options API 切过来了用了两年 Options API（data、methods、computed、watch），切到 Composition API 一开始是抗拒的——好好的东西改什么？直到接手一个 2000 行的组件，data 和 methods 之间隔了 800 行，上下翻到怀疑人生，才明白逻辑碎片化是多大的坑。 这篇文章不讲文档里有的基础语法，只写我在实际项目里积累的写法和心态转变。 核心认知转变 ...

为什么写这篇做移动端开发，第一个问题永远是”用什么框架”。你不可能每个框架都深入用过再决定，但选错了成本很高——重构比新建痛苦 10 倍。 这篇文章基于我真实的项目经验（Flutter 主力 + UniApp 做过外包 + 关注鸿蒙生态），给每个框架一个公正的评价。不吹不黑。 一句话结论 场景 推荐框架 追求 UI 一致性和高性能 Flutter 团队有 React 背景，快速出活 React Native 小程...

背景我有一台 OpenCloudOS 服务器，3.5G 内存。跑 Java 服务的时候，CPU 动不动飙到 100%，内存吃完就开始 OOM Kill。每次都要 SSH 上去手动重启，很烦。 整理了一套低成本方案，现在稳定多了。 问题诊断先搞清楚谁在吃资源： 1234567891011# 实时进程监控top -o %MEM# 查看 Java 进程详情ps aux | grep java# 查看 OOM 记录dmesg | grep...

前言用 Cursor 也快半年了，从最开始的「试试看」变成了「关了不会写代码」。这篇不讲概念，只写我实际在用的工作流和技巧。 核心认知AI 编程助手不是代替你写代码，是放大你的决策能力。你决定架构和方向，它帮你落地实现细节。用好了是十倍效率，用不好就是产出大量需要重构的垃圾代码。 我的日常工作流1. 结构化 Prompt别写「帮我做个登录页面」，改写成： 12345678任务：实现手机号验证码登录页面技术栈：Flutter + R...

选型理由之前做公司官网，有几个硬需求： SEO 友好（需要搜索引擎收录） 组件库好看但不要模板感 能快速迭代，别被框架束缚 Vue 技术栈（团队主力方向） 对比了几套方案： 方案 SEO 自定义程度 开发效率 Vite + Vue SPA 差 高 中 Nuxt.js + Element Plus 好 低（模板感重） 高 Nuxt.js + shadcn-vue 好 高 高 Astro + Vue 好 高...