表白API：wx.setPageStyle

推荐理由：快捷动态设置页面Page层UI样式

实战案例：小程序页面滚动一定距离后需要展示弹窗，弹窗弹起来时滑动页面可以发现底部内容也在滚动，使用该API在弹窗弹起来时设置 Page组件的style为overflow: hidden，可控制页面不可滚动，弹窗关闭时设置 overflow: auto，开启页面滚动，对于解决滚动穿透问题有非常好的效果。

避坑技巧：暂无。

文档：隐藏API，无文档，希望官方能公开该API。

使用姿势：

wx.setPageStyle({
   style: {
     overflow: 'hidden'
   }
})

最爱组件 ：

开放平台服务商的批量云开发

推荐理由：

1、我们主要为国外商家搭建小程序，我们的代码模板都是基于云开发的，如果没有批量云开发，后果简直不可想象，因为某一天，境外小程序竟然不再支持云开发了。

2、批量云开发支持按量付费，不是必须选择19.9元的月套餐。

3、云开发的速度完美解决了境外用户访问小程序的卡顿问题。



实战案例：我们的大部分小程序都是基于云开发，商家授权的境外小程序都是基于批量云开发。

避坑技巧：记得批量云开发都是基于共享云环境。

文档：https://developers.weixin.qq.com/doc/oplatform/openApi/OpenApiDoc/cloudbase-batch/env-mgnt/changeTcbEnv.html 

这题我懂啊，小程序的IDE工具内嵌的vscode我玩得贼溜~

必备插件：

Skyline 手势API

推荐理由：性能优化后，小程序丝滑很多，一些效果也不会卡了

实战案例：以前要写一些繁琐的手势模拟效果，现在直接源生API搞定，轻松加愉快~

避坑技巧：兼容性。。。需要根据自己的用户人群的手机来

地址：https://developers.weixin.qq.com/miniprogram/dev/component/double-tap-gesture-handler.html

腾讯云代码助手 CodeBuddy

推荐理由：AI打工人，一句话生成完整项目！Craft模式直接让AI从零搭建旅游App，Chat模式化身24小时代码陪聊，连单元测试都能帮你“瞎编”（哦不，是智能生成）。

实战案例：某团队用CodeBuddy的DeepSeek-V3模型，3天搞定旅游App前端页面，还附赠“滑动卡顿修复”服务。产品经理惊叹：“这插件比我还会写周报！”

避坑技巧：别对AI说“随便做个页面”，它会真的给你画个“随便风”UI！指令要具体，比如“带圆角按钮的深色主题”，否则可能收获一堆五彩斑斓的黑。

韭菜盒子

推荐理由：程序员专属“摸鱼神器”，边写代码边盯盘，从此告别错过涨停的痛！它能实时监控股票、基金涨跌，甚至支持自定义“吃面”“烤肉”等涨跌图标，让你的K线图充满烟火气。

实战案例：某程序员在赶项目时偷偷配置了自选基金，结果发现某只新能源基暴涨，秒速抛售，赚了一顿火锅钱。老板问进度时，他淡定切回代码界面：“我在优化项目，绝对没看基金！”

避坑技巧：添加股票代码时，记得用新浪接口的编码格式（比如港股代码前加hk），否则数据会像老板查岗时的你——一片空白！

MCP browser-tools-server

推荐理由：浏览器“遥控器”，让AI替你点按钮、填表格、爬数据！debugger等等

实战案例：开发小程序或者内嵌页面的时候，配合cursor 自动化的解决遇到BUG报错，贼快，贼6

避坑技巧：自动抢票，小心被网站当机器人封号！记得开启真实浏览器指纹伪装，否则你的AI可能会因为访问太频繁，喜提验证码大礼包。

总结：韭菜盒子负责让你“财富自由”，CodeBuddy负责让你“代码自由”，MCP则让你“双手自由”——三位一体，打工人の究极摸鱼装备！

最爱组件 代码片段  

推荐理由：常年混社区解决问题、查看问题的绝对神器，通过链接直接运行不需要下载任何文件，跟人说半天不如一个代码片段直接运行，有什么问题一目了然，不管是帮别人还是让别人帮自己绝对是必不可少的一个好工具。  

实战案例：用它3天就完成了电商直播功能，用户停留时长提升40%  

避坑技巧：分享的小程序代码片段最大大小为 1MB，小游戏代码片段最大为 1MB。访客模式无法正常运行代码片段，必须登录账户。

文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

有时间可以开个吐槽的话题，吐槽api、吐槽社区、吐槽文档、吐槽开发工具等等，应该会比较热闹。

最爱组件 <page-container>

推荐理由：微信原生页面容器组件，专为弹窗、浮层、半屏页设计，支持平滑动画与手势交互，完美解决弹窗遮罩、滚动穿透等问题，性能远超自定义<view>模拟的弹窗。

实战案例：在社交类小程序中，用<page-container>实现“个人主页-编辑资料”的半屏弹窗，用户留存率提升20%，动画流畅无卡顿。

避坑技巧：

• 个数限制：当前页面最多只有 1 个容器，若已存在容器的情况下，无法增加新的容器。
• 滚动穿透：开启 overlay 属性并设置 overlay-style="background: rgba(0,0,0,0.5)"，通过遮罩层阻止底层页面滚动。
• 手势交互：启用 close-on-slideDown 属性，支持下滑手势关闭弹窗，提升用户体验（仅限半屏模式）。
• 自定义内容高度：半屏弹窗默认高度为60%，若需自定义高度，通过 height 属性设置百分比（如 height="80%"），避免内容溢出。

文档：

https://developers.weixin.qq.com/miniprogram/dev/component/page-container.html

最爱组件 分包异步化

推荐理由：主包减负，按需加载，启动更快，拯救体型较大小程序的救命稻草！

实战案例：帮我们解决了小程序主包体积限制，首启速度提升约60%，实现首页秒开

避坑技巧：异步分包中的组件和JS模块并非立即就能使用，需要处理好它们加载完成前的过渡状态

文档：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/async.html

最爱插件 wechat-snippet（VS Code插件）

推荐理由：代码速写神器，输入wx就能联想所有小程序标签和API

实战案例：用wxml/wxs快捷键3秒生成基础页面框架，开发效率提升70%

避坑技巧：

1. 输入标签前缀后按Tab键才会补全完整结构
2. 在json文件中输入pages可自动补全路径
3. 用wx.开头可快速生成API调用模板

文档：https://marketplace.visualstudio.com/items?itemName=qiu8310.minapp-vscode

配合微信开发者工具的自动编译，真正实现"敲代码如飞"的体验！

最爱组件 <cover-view>  

推荐理由：解决同级渲染的问题。能够覆盖原生组件

实战案例：像video、map、camera这些媒体组件，往往原生样式入不了产品的眼睛，需要UI重新设计，这时都需要对媒体组件进行视觉还原。使用cover-view能够覆盖原生样式。 

避坑技巧：官方虽然说view已经支持同层渲染，但是测试过程中还是会发现部分手机没有覆盖到，因此为了兼容线上机型，采用cover-view能够避免很多问题。

文档：https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html 

最爱组件 <text />

推荐理由：decode和space属性真的很实用，没有这两个属性要自己来实现成本就很高了  

实战案例：用户导入的表格数据往往带有各种换行和空格缩进，对于体验来说很有必要还原其原本的段落效果，之前没想过text天然支持，偶然发现之后很惊喜，小组件解决大问题

避坑技巧：暂无

文档：https://developers.weixin.qq.com/miniprogram/dev/component/text.html