微信小程序开发入门，这些核心技术你必须掌握

再来看样式层WXSS。它跟CSS几乎一模一样，但多了个rpx单位，这个单位特别聪明，不管手机屏幕多宽，750rpx永远等于满屏宽度。你写`width: 375rpx`，在任何手机上都是屏幕的一半，再也不用做适配了。不过有个坑得提醒你：WXSS不支持通配符`*`，全局样式得写在`app.wxss`里，页面级样式写在各自文件夹里。刚开始容易犯的错是样式污染——页面A的class名跟页面B重了，结果串样式。所以命名一定要带前缀，比如`cart-list`、`profile-avatar`。

JavaScript这块是重头戏。小程序用的是ES6语法，什么`let`、`const`、箭头函数、Promise，都得会。但比语法更重要的是理解生命周期——页面从加载到销毁，每个阶段触发什么函数。比如`onLoad`里拉数据，`onShow`里刷新状态，`onUnload`里清理定时器。很多人一上来就猛写业务代码，结果页面切来切去，内存爆了都不知道咋回事。其实你只要记住一条：数据请求放`onLoad`，页面每次显示要更新的放`onShow`，这就够用了。

接下来是组件化思维。小程序自带一堆基础组件，按钮、输入框、轮播图，直接拿来用没问题。但业务一复杂，你得学会自定义组件。这就像搭积木，把重复用的部分抽出来，比如商品卡片、订单状态栏，做成独立组件，哪儿需要往哪儿放。组件间传值靠`properties`和`triggerEvent`，前者是父传子，后者是子传父。刚开始容易绕晕，但画个数据流向图就清楚了。还有插槽`slot`，相当于组件里留个洞，外面往洞里塞内容，灵活得很。

微信API是白送的福利，千万别浪费。`wx.request`发网络请求，`wx.setStorage`存本地数据，`wx.login`做静默登录，`wx.getUserProfile`拿用户信息。这些接口都封装好了，你只要按文档调用就行。但有个坑：网络请求的域名必须在小程序后台配白名单，开发时能开“不校验合法域名”跳过，上线前千万记得配好。另外`wx.request`有并发限制，一次最多10个请求，多了会排队，所以别一股脑全发出去，用`Promise.all`控制一下节奏。

再进阶一点，你要懂小程序特有的能力。比如页面跳转，用`wx.navigateTo`打开新页面，用`wx.switchTab`切换底部标签页，两者不能混用。还有分包加载——小程序主包不能超过2M，但总包可以到20M，所以把不常用的页面扔到分包里，首屏加载会快很多。我见过不少人非要往主包里塞一堆图片，结果审核都过不了，白白浪费时间。

说到调试，这可能是新手最头疼的环节。微信开发者工具其实挺好用的，但很多人只会点“编译”按钮。你得学会用调试器——在`Sources`面板打断点，在`Network`面板看请求耗时，在`AppData`面板实时改数据。遇到样式问题，先看`Wxml`面板，能直接改样式实时预览，比一遍遍编译快多了。还有真机调试，很多PC上正常的功能到手机上就出问题，比如键盘弹起遮挡输入框，所以每写一个功能就上真机测一把，别攒到一起炸。

说说云开发。如果你不想自己搭服务器，微信的云开发能帮你省掉后端。云函数直接写Node.js，数据库用JSON文档，存储放图片视频，一切都在微信控制台里管理。对个人开发者来说，这简直是神器——不用买域名、不用备案、不用管服务器安全，一个月免费额度够你折腾了。但要注意：云函数冷启动有延迟，首次调用可能慢个几百毫秒，所以关键接口最好做预加载。

写到这儿，你大概能看出门道了——小程序开发的核心，不是背语法，而是理解数据怎么流动、组件怎么协作、生命周期怎么安排。你把这些串起来，再复杂的页面也能拆成一个个小零件来对付。微信官方文档写得很全，但太散，新手容易迷路。建议你拿个简单项目练手，比如做个记账本，把添加、删除、统计、列表这些功能都过一遍，比看十篇教程都管用。

技术这东西，越用越熟。你踩过的坑、调过的bug，都是别人拿不走的经验。小程序开发没那么高不可攀，只要你肯动手，第一篇代码哪怕写得像坨屎，也是你迈向高手的第一个台阶。别怕犯错，就怕你光看不动——现在就去装个开发者工具，新建个项目，把`Hello World`跑起来，你就已经赢了大多数人。