表白API：wx.setPageStyle

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

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

避坑技巧：暂无。

文档：隐藏API，无文档。

使用姿势：

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

最爱组件 分包异步化

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

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

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

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

这题我懂啊，小程序的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、吐槽社区、吐槽文档、吐槽开发工具等等，应该会比较热闹。

最爱组件 <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

那必须是字节员工开源的 vscode 开发工具

https://marketplace.visualstudio.com/items?itemName=crazyurus.miniprogram-vscode-extension

最爱组件 wxCharts

推荐理由：高性能小程序图表库，完美解决数据可视化需求，支持折线图、柱状图、饼图等，流畅不卡顿！

实战案例：

用它完成了绘制用户增长曲线、数据统计等，开发效率提升 了几 倍

替代了原本的 Canvas 手写绘图方案，代码量减少了百分之六七十

避坑技巧：

1.大数据量优化：可以开启 animation: false 可提升渲染性能

2.自适应宽高：动态计算 canvas 尺寸，避免在小屏机型上显示异常

3.多端兼容：在 iOS 和 Android 真机测试，确保渲染一致

文档：GitHub：https://github.com/xiaolin3303/wx-charts

示例代码：https://developers.weixin.qq.com/s/azN2hhmt840J