微信小程序

🚀 两年小程序开发,我把踩过的坑做成了开源 Skills还记得第一次用 miniprogram-automator 写自动化测试时的绝望吗?还有 CI 发布时的噩梦:

烧掉 10 刀 API 费，我才明白小程序虚拟列表根本不用“库”！写在前面：在开发小程序时，长列表卡顿几乎是每个开发者的噩梦。我原本以为靠最顶尖的 AI 助手，花点小钱就能买个“现成的轮子”轻松过关。

是时候给想做小程序的小伙伴泼盆冷水了小伙伴们大家好，我是小溪，见字如面。时不时收到小伙伴们咨询关于小程序开发的问题和开发需求，大部分小伙伴对微信小程序开发、审核流程还是比较陌生的，个人感觉还是有必要向想开发个人小程序的小伙伴泼盆冷水的，小程序开发可能没有大家想的那么简单。对往期内容感兴趣的小伙伴也可以看往期内容：

一文理清页面/组件通信与 Store 全局状态管理📢 前言：大家好，今天集中攻克了微信小程序开发中的两座大山：页面与组件的通信以及全局状态管理（Store）。

一文读懂：微信小程序云数据库直连原理与使用指南微信小程序直接调用云数据库（云开发模式）是微信提供的一种Serverless架构方案，它允许前端（小程序端）在没有传统后端服务器的情况下直接操作数据库。以下是关于该机制的原理架构图、流程图及使用详解。

小程序云函数：从入门到全栈的“降维打击”指南前言：小程序云函数（Cloud Functions）简直是“单兵作战”的利器。它让你跳过了购买服务器、域名备案、配置 HTTPS、搭建后端环境等一系列让人生畏的运维繁琐流程，直接进入“全栈开发”模式。

拉不动的猪

移动端调试工具VConsole初始化时的加载阻塞问题将VConsole下载到本地进行，在main.js中进行初始化，当上线后，页面首次加载会出现卡顿空白页,刷新之后显示正常

不写 Canvas 也能搞定！小程序图片导出的 WebView 通信方案大家好，我是王嗨皮，一名主业前端，副业全栈的程序员，如果我的文章能让您有所收获，欢迎一键三连（评论，点赞，关注），感谢！

微信小程序选不了本地文件？用 web-view + H5 一招搞定在微信小程序里做「上传文件」功能时，很多人会第一时间想到 wx.chooseMessageFile。用了一段时间才发现：它只能从聊天记录里选文件，根本不会调起系统文件管理器。

Weapp-vite：原生模式之外，多一种 Vue SFC 选择大家好呀，我是你们的老朋友，开源爱好者 icebreaker！又到了新的一年了，祝大家财源滚滚，早日不用上班实现财务自由！

重走 Vue 长征路 Weapp-vite：编译链路与 Wevu 运行时原理拆解书接上篇我当时在团队里做《Vue 编译本质论》分享，正好把一些判断过程也整理了下来：为什么这么做，没选什么，以及这些取舍在小程序里到底值不值。

大米饭消灭者

Taro是怎么实现一码多端的【底层原理】开始了解各个细节之前，让我们先整体过一遍taro适配各端的流程（接下来将通过微信小程序、h5、React Native三端举例）

Vitest Environment UniApp：让 uni-app E2E 测试变得前所未有的简单FliPPeDround前端工程师 · 开源爱好者 · 正在找工作如果你曾尝试为 uni-app 项目编写 E2E 测试，你大概率会遇到这样的困境：官方提供的 Jest 环境配置复杂、文档更新滞后、与现代测试工具链集成困难。更糟糕的是，当你想要使用 Vitest 这种更现代、更快速的测试框架时，却发现没有合适的 uni-app 环境支持。

微信小程序自动化的 AI 新时代：wechat-devtools-mcp 智能方案FliPPeDround前端工程师 · 开源爱好者 · 正在找工作如果你曾尝试配合 AI 代理（如 Claude、Cursor 编写微信小程序，你大概率会遇到这样的困境：测试工具与 AI 代理集成困难、缺乏统一的自动化框架支持、无法充分利用 AI 的智能分析能力。更糟糕的是，当你想要使用 Claude、Cursor 等 AI 辅助工具来提升测试效率时，却发现没有合适的微信小程序自动化集成方案。

码云数智-大飞

如何创建自己的小程序，码云数智与有赞平台对比在数字化转型浪潮中，微信小程序已成为企业触达用户、拓展线上业务的核心载体。面对码云数智、有赞等主流平台，商家需根据业务规模、预算投入及长期战略规划选择适配方案。本文将从平台对比、码云数智制作步骤及注意事项三方面展开分析，为商家提供实用指南。

微信小程序页面使用类似filter函数的wxs语法在vue框架中，页面上我们展示有些信息的时候，数据有的是从后台返回的，格式相对固定，有些数据还需要我们做个翻译，比如一些状态1/0，我们展示在页面的时候，显示“成功”“失败”。还有一些枚举类的值，我们也需要做一个简单的转化，在vue框架里面，我们可以使用过滤器这样的方式，比如：

微信小程序开发（二）目录结构完全指南微信小程序有两种目录组织方式，区别在于源码的存放位置。特点：源码直接放在项目根目录配置文件：何时生成：创建项目时不选择模板,或选择普通 JavaScript 模板

攀登的牵牛花

给女朋友写了个轻断食小程序：去老丈人家也是先动筷了年前和女朋友窝在沙发上刷手机，她突然叹了口气，把手机怼到我面前：“你看，过年肯定要胡吃海喝，我想试试 16+8 轻断食，找了好几个 App，没一个能用的。”

前端小雪的博客.

【保姆级教程】uniAI 插件高效开发 uni-app 微信小程序（附实战案例）在 uni-app 小程序开发中，手写重复代码、跨端适配调试、Web 代码转小程序代码等场景往往耗时又容易踩坑。DCloud 官方推出的 uniAI 插件（适配 HBuilderX）完美解决了这些痛点——它能通过自然语言指令直接生成符合小程序规范的 uni-app 代码，无需手动适配 API、单位、生命周期，比通用 AI 工具（如 Copilot）更贴合 uni-app 生态。本文将从插件安装到进阶技巧，全程手把手教你用好 uniAI，大幅提升小程序开发效率。

微信小程序请求拦截器踩坑：避免重复刷新 token在微信小程序开发中，我们通常会给请求统一加拦截器，处理 token 的过期刷新。但你可能会遇到一个问题：