表白API：wx.setPageStyle

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

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

避坑技巧：暂无。

文档：隐藏API，无文档。

使用姿势：

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

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

牛马の必备插件：

腾讯云代码助手 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可能会因为访问太频繁，喜提验证码大礼包。

Skyline 手势API

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

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

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

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

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

最爱组件 代码片段  

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

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

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

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

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

最爱组件 分包异步化

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

实战案例：帮我们解决了小程序主包体积限制，首启速度提升约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

最爱组件 ：

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

推荐理由：

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

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

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



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

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

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

<custom-tab-bar> 自定义底部导航栏

推荐理由：官方隐藏大招！原生性能 + 完全自定义UI，告别cover-view的层级噩梦

实战案例：

做了个动态变色导航栏（滚动时渐变+图标动效），用户反馈“像App一样丝滑”

配合wx.hideTabBar()实现全屏沉浸式浏览，转化率提升15%

避坑技巧：

1️⃣ 在app.json里写"custom": true，否则不生效

2️⃣ 切换tab时用wx.switchTab()，别手写路由跳转！

3️⃣ 图标推荐用SVG转Base64，体积小还能动态改色

文档：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html