1. 从零到一为什么微信小程序依然是你的首选如果你在2024年还在纠结“要不要学微信小程序开发”或者觉得它是不是已经“过时”了那我可以很负责任地告诉你它不仅没过时反而因为生态的成熟和场景的深化成为了一个更值得投入的、确定性极高的技术方向。我见过太多团队和个人从最初的“试试看”到后来把小程序作为核心业务载体这个过程里积累的经验和踩过的坑今天我想系统地和你聊聊。很多人一上来就找教程、看文档急着写第一行代码这其实忽略了最重要的一步——理解“为什么”。为什么是微信小程序它解决了什么别的技术栈解决不了或者解决起来很麻烦的问题想清楚这个你的学习路径和项目规划会清晰十倍。最核心的答案就两个字触达。微信拥有超过十亿的月活用户这意味着你的应用几乎可以零成本地触达任何一个中国网民。你不需要说服用户下载一个几十甚至上百兆的App不需要担心iOS的审核政策也不需要为安卓各大应用商店的适配头疼。用户扫个码、搜一下甚至朋友分享一个卡片点开即用用完即走。这种极致的轻量化体验是原生App和传统H5都难以比拟的。对于创业项目、线下服务、电商零售、内容工具等绝大多数场景小程序的获客成本和用户体验优势是碾压性的。看看你每天用的共享单车、点餐、查看快递甚至一些企业内部的工作台小程序已经无处不在。那么面对琳琅满目的开发框架和热词比如uni-app、Taro我们该如何选择这又引出了第二个关键点效率与确定性。微信小程序提供了一套非常完整的原生开发体系从视图层WXML/WXSS到逻辑层JavaScript再到云开发、支付、订阅消息等后端能力它是一个高度集成、文档齐全的“盒子”。对于从0到1的初学者或者业务逻辑重度依赖微信生态如社交裂变、微信支付的项目直接使用原生开发是最稳妥、坑最少的选择。uni-app、Taro这类跨端框架固然美好“一套代码多端发行”但它们本质上是对各平台原生API的一层封装。当微信小程序推出新特性比如最新的Skyline渲染引擎或者你需要处理一些底层性能优化、诡异Bug时这层封装可能会成为调试的障碍。我的经验是如果你的首要目标是快速上线一个微信小程序并且近期没有强制的多端如快应用、支付宝小程序需求那么从原生开发入手是性价比最高、最能深刻理解小程序运行机制的道路。2. 环境搭建与第一个“Hello World”避开那些新手必踩的坑好了既然决定从原生开始那就动手吧。这一步看似简单但很多新手会在这里浪费大量时间不是因为步骤复杂而是因为一些“想当然”的误区。2.1 开发工具别只用官方IDE首先你需要下载 微信开发者工具 。这是官方的集成开发环境IDE调试、预览、上传代码都离不开它。但是我强烈建议你不要把它作为你唯一的代码编辑器。官方的IDE在模拟器调试、真机预览和上传方面无可替代但其代码编辑体验和插件生态与主流的VSCode或WebStorm相比有差距。我推荐的组合是使用VSCode或你喜欢的编辑器进行日常编码用微信开发者工具进行调试和预览。具体操作是在VSCode中安装微信小程序开发工具插件由微信官方提供这个插件能提供很好的语法高亮和代码提示。你的项目目录在VSCode中打开进行编辑。当需要调试时在微信开发者工具中导入这个项目目录即可。这样做的好处是你能享受到现代编辑器的强大功能如Git集成、多光标编辑、丰富的插件同时又不失去官方工具的核心调试能力。很多人在初期被官方IDE“绑死”后期切换成本反而更高。2.2 项目初始化理解每一个选项的含义打开微信开发者工具选择“新建项目”。这里有几个关键选项每一个背后都有门道项目目录选择一个空文件夹。切忌选择一个已有大量文件的文件夹这会导致工具扫描不必要的文件引起不可预知的问题。AppID如果你只是学习和本地测试点击“测试号”即可。但如果你有已注册的小程序在微信公众平台强烈建议在这里填入正式的AppID。因为测试号和正式号的权限、能力有细微差别有些API如支付、订阅消息必须在正式环境下才能完整测试。尽早使用正式AppID能让你提前感知这些差异。后端服务这里你会看到“微信云开发”的选项。对于新手我建议先不要勾选。微信云开发是一个优秀的BaaS后端即服务平台集成了数据库、存储、云函数等。但它抽象了后端细节对于初学者我建议先从“传统”的前后端分离模式开始理解小程序端负责展示和交互通过HTTP请求与一个独立的后端服务器可以用Node.js、Python、Java等任何语言编写通信。这能帮你建立更清晰的网络应用架构概念。等你熟悉了小程序前端开发后再尝试云开发你会更深刻地体会到它的便利性。模板选择选择“小程序”模板即可。它会为你生成最基础的app.js、app.json、app.wxss和project.config.json以及一个示例页面。点击“新建”后如果你的网络环境或代理设置有问题可能会卡在日志[微信小程序开发者工具] - initialize这里。这个问题通常是因为工具在初始化时尝试检查更新或网络通信受阻。解决方案是检查电脑的系统代理设置确保没有指向一个不可用的代理服务器或者暂时关闭防火墙或安全软件试试。绝大多数情况下使用正常的网络连接即可顺利通过。2.3 认识项目骨架每个文件都是干什么的项目创建成功后左侧文件树会呈现如下结构miniprogram ├── pages │ ├── index │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ └── logs │ ├── logs.js │ ├── logs.json │ ├── logs.wxml │ └── logs.wxss ├── utils │ └── util.js ├── app.js ├── app.json ├── app.wxss ├── project.config.json └── sitemap.json我们来拆解一下核心文件app.js小程序的入口文件也是全局的JavaScript逻辑文件。在这里你可以定义全局数据、监听小程序的生命周期启动、显示、隐藏、错误以及定义全局函数。例如你可以在这里调用登录接口获取用户的OpenID并存储在全局。app.json全局配置文件这是最重要的文件之一。它决定了小程序有哪些页面、窗口的整体样式导航栏标题、背景色、底部tabBar的配置、网络超时时间等等。任何页面的新增或删除都必须首先在app.json的pages字段里注册或移除否则无法访问。app.wxss全局的样式文件。这里定义的样式规则会对所有页面生效。通常用来定义一些公共的样式类比如颜色变量、 flex布局的通用类等。project.config.json项目配置文件保存了你在开发者工具里做的个性化设置比如编辑器配色、编译设置等。这个文件通常不需要手动修改通过工具界面设置即可。这个文件建议加入.gitignore因为不同开发者的工具设置可能不同。sitemap.json用于配置小程序页面是否允许被微信索引即通过微信搜索找到。对于内容型小程序这个文件很重要。页面文件以pages/index为例由四个同名不同后缀的文件组成它们的作用域仅限于当前页面.js页面逻辑文件处理数据、响应事件、调用API。.wxml页面结构文件类似于HTML但使用微信自定义的标签如view,text,image等。.wxss页面样式文件语法基本等同于CSS并有一些扩展。.json页面配置文件可以覆盖app.json中关于本页面的窗口表现例如设置本页面的导航栏标题。注意很多新手会犯一个错误直接在文件系统中新建一个文件夹和四个文件然后就奇怪为什么页面打不开。请记住新建页面的正确流程是先在app.json的pages数组中添加页面路径例如pages/myPage/myPage保存后开发者工具会自动帮你创建对应的四个文件。这是小程序框架的约定必须遵守。3. 核心语法精讲WXML、WXSS与JS的“化学反应”理解了项目结构我们深入到构成页面的三大件WXML、WXSS和JS。它们之间的关系可以类比为Web开发中的HTML、CSS和JavaScript但有小程序自己的规则和强化。3.1 WXML不只是HTML的变体WXML提供了数据绑定和列表渲染、条件渲染等能力这是它最强大的地方。数据绑定使用双大括号{{}}将JS文件Page中data字段的数据渲染到视图上。它是单向的即数据变化会自动更新视图但视图操作如输入框输入需要通过事件手动更新数据。// index.js Page({ data: { message: Hello World, count: 0 } })!-- index.wxml -- view{{message}}/view view计数{{count}}/view列表渲染使用wx:for指令来循环渲染一个数组。务必给每一项指定一个唯一的wx:key这能大幅提升列表更新时的性能。wx:key的值最好是数据项中一个唯一且稳定的字段如id。// index.js Page({ data: { items: [ { id: 1, name: 商品A }, { id: 2, name: 商品B } ] } })!-- index.wxml -- view wx:for{{items}} wx:keyid {{index}}: {{item.name}} /view这里的index是默认的循环索引item是默认的循环项变量名。条件渲染使用wx:if、wx:elif、wx:else来控制组件的显示与隐藏。它与hidden属性的区别在于wx:if是真正的动态创建和销毁组件适合条件变化不频繁的场景hidden只是切换组件的显示/隐藏CSS的display: none组件始终存在适合频繁切换的场景。view wx:if{{score 90}}优秀/view view wx:elif{{score 60}}及格/view view wx:else不及格/view view hidden{{!isLoading}}加载中.../view3.2 WXSS样式书写与适配陷阱WXSS绝大部分语法与CSS相同但有两个重要扩展和一系列需要注意的坑。尺寸单位rpx这是小程序为了解决不同屏幕宽度适配而发明的单位。它的原理是以750rpx为整个屏幕的宽度。也就是说在设计稿宽度为750px时这是UI设计师常用的标准1px 1rpx。在不同宽度的设备上rpx会自动进行等比换算。这比使用百分比或媒体查询要方便得多。强烈建议在布局中全部使用rpx只在需要固定物理尺寸如边框时使用px。样式导入使用import语句可以导入外部的wxss文件这对于模块化管理样式很有帮助。/* common.wxss */ .primary-color { color: #07c160; } /* index.wxss */ import common.wxss; .container { font-size: 32rpx; }常见坑点样式隔离默认情况下页面样式只对当前页面生效不会影响其他页面或组件。这很好但有时我们想修改组件库如Vant Weapp的内部样式会发现不生效。这时需要在对应选择器后加上!important或者使用、/deep/等深度选择器注意小程序原生组件不支持但部分组件库在开启styleIsolation选项后支持。Flex布局的兼容性小程序完美支持Flex布局这是首选的布局方式。但要注意在少数旧版安卓微信客户端上对Flexbox某些属性的支持可能有细微差异进行真机测试时需留意。图片路径WXSS中引用的背景图片等路径是相对于当前wxss文件的而不是相对于项目根目录。这一点和HTML/CSS中的相对路径规则一致但新手容易混淆。3.3 JavaScriptPage生命周期与数据通信小程序的JS逻辑围绕Page()构造器展开。理解生命周期是写出健壮代码的关键。生命周期函数最重要的几个如下onLoad(options)页面加载时触发。一个页面只会调用一次。参数options可以获取打开当前页面路径中的查询参数?keyvalue。这里是发起页面初始数据请求的最佳位置。onShow()页面显示/切入前台时触发。每次打开页面都会调用。适合执行一些每次显示都需要刷新的逻辑如更新计时器、刷新列表数据。onReady()页面初次渲染完成时触发。一个页面只会调用一次。代表视图层已经准备好可以在此进行需要操作DOM在小程序里是WXML节点的交互但通常这类操作较少。onHide()页面隐藏/切入后台时触发。如跳转到其他页面或切到后台。适合暂停一些持续性的操作如音乐播放、轮询请求。onUnload()页面卸载时触发。如页面被重定向或关闭。适合清理定时器、取消监听等防止内存泄漏。数据更新必须使用this.setData()方法来更新data中的数据从而触发视图的重新渲染。直接修改this.data.xxx是无效的。Page({ data: { count: 0 }, onTap: function() { // 错误视图不会更新 // this.data.count; // 正确 this.setData({ count: this.data.count 1 }); // 也可以使用函数形式依赖旧值 this.setData((prevState) ({ count: prevState.count 1 })); } })setData是同步的但引起的视图层更新是异步的。不要在一个周期内频繁调用setData这会导致性能问题。应将多个数据变更合并到一次setData调用中。事件处理WXML中的组件可以绑定事件如bindtap点击、bindinput输入。事件处理函数在Page中定义。button bindtaphandleTap点击我/button input bindinputhandleInput /Page({ handleTap: function(event) { console.log(按钮被点击, event) }, handleInput: function(event) { // event.detail.value 是输入框当前值 this.setData({ inputValue: event.detail.value }) } })4. 网络请求、本地存储与用户交互让小程序“活”起来一个静态页面是没有灵魂的。小程序需要与后端交互、保存数据、与用户沟通。这是从“页面”到“应用”的关键一步。4.1 发起网络请求wx.request的细节与安全使用wx.request()API发起HTTPS请求。这是小程序与你的服务器通信的主要方式。wx.request({ url: https://your-api.com/data, // 必须是HTTPS域名且需在后台配置 method: GET, // 或 POST, PUT等 data: { key: value }, // 请求参数 header: { content-type: application/json // 默认值可根据后端要求调整 }, success: (res) { // res.statusCode, res.data if (res.statusCode 200) { this.setData({ list: res.data.list }); } else { // 处理HTTP错误码 wx.showToast({ title: 请求失败, icon: none }); } }, fail: (err) { // 网络错误、超时等 console.error(请求失败, err); wx.showToast({ title: 网络异常, icon: none }); }, complete: () { // 无论成功失败都会执行可用于隐藏loading } });关键注意事项域名配置请求的域名必须在小程序管理后台的“开发”-“开发设置”-“服务器域名”中配置。分为request合法域名用于wx.request、socket合法域名、uploadFile合法域名等。本地开发时可以在开发者工具中勾选“不校验合法域名...”选项但上线前务必配置好。HTTPS必须是HTTPS不能是HTTP。这是微信的强制要求。并发限制小程序同时发起的网络请求数量有限制早期是10个虽然现在放宽了但仍需注意避免在短时间内发起大量请求。超时时间默认超时时间是60秒可以在app.json的networkTimeout字段中全局配置也可以在每次请求时单独设置。登录态维护通常服务器需要识别用户身份。小程序提供了wx.login()获取临时凭证code将此code发送到你的服务器服务器用此code向微信服务器换取用户的唯一标识openid和会话密钥session_key。你的服务器可以生成一个自定义的登录态如Token返回给小程序小程序后续请求在header中携带此Token即可。切勿在前端存储session_key或将其传到前端这是严重的安全漏洞。4.2 数据缓存wx.setStorage的选用策略小程序提供了本地存储能力类似于Web的LocalStorage但异步API设计更友好。wx.setStorage({ key, data })/wx.getStorage({ key })异步存储/读取。wx.setStorageSync(key, data)/wx.getStorageSync(key)同步版本。wx.removeStorage,wx.clearStorage删除和清空。使用场景与策略用户偏好设置如主题色、字体大小。接口数据缓存对于不常变化的数据如城市列表、配置信息可以在首次请求后存入缓存并设置一个过期时间。下次先读缓存如果过期再请求。这能极大提升用户体验并减少服务器压力。表单草稿用户填写长表单时定时将内容存入缓存防止意外退出丢失。登录态Token可以将服务器返回的Token存入缓存下次启动小程序时读取实现自动登录。注意小程序的本地存储有容量限制早期是10MB现在可能更大但仍有上限且可能被系统清理。不能将本地存储作为核心数据的唯一存储方式重要数据一定要在服务器端有备份。存储复杂对象时需要先JSON.stringify()读取后再JSON.parse()。4.3 用户交互反馈提升体验的关键细节良好的交互反馈能让用户感知到程序在正常工作。小程序提供了丰富的API。提示框wx.showToast({ title, icon, duration })轻量提示如“操作成功”。icon可选success,loading,none。wx.showModal({ title, content, success })模态对话框有确认和取消按钮。用于需要用户明确确认的操作如删除。wx.showLoading({ title, mask })加载提示需手动调用wx.hideLoading()关闭。mask为true时可防止用户触摸穿透。导航栏与TabBar导航栏标题可通过页面.json文件的navigationBarTitleText配置。顶部导航栏的高度在不同机型特别是iOS和安卓以及有无刘海屏上是不同的。如果你需要自定义导航栏隐藏官方导航栏自己实现就需要动态计算这个高度。可以通过wx.getSystemInfoSync()获取statusBarHeight状态栏高度通常自定义导航栏总高度为statusBarHeight 44iOS或 48安卓。这是一个常见的坑点需要做好兼容。底部TabBar在app.json中配置。注意TabBar的图标建议使用尺寸为81px * 81px的png选中和未选中状态各一张。页面路由wx.navigateTo({ url })保留当前页面跳转到新页面。新页面可通过wx.navigateBack()返回。小程序最多允许10层页面栈。wx.redirectTo({ url })关闭当前页面跳转到新页面。wx.switchTab({ url })跳转到TabBar页面并关闭所有非TabBar页面。wx.reLaunch({ url })关闭所有页面打开新页面。在url中传递参数/pages/detail/detail?id123在目标页面的onLoad(options)中通过options.id获取。5. 实战构建一个简单的任务管理器并上线让我们把前面所有的知识点串联起来构建一个具备增删改查功能的简易任务管理器Todo List并最终发布上线。这个项目虽小但涵盖了数据绑定、事件处理、本地存储、用户交互等核心概念。5.1 项目结构与数据设计首先在app.json中定义页面。我们只需要一个首页。// app.json { pages: [ pages/index/index ], window: { navigationBarTitleText: 我的任务清单 } }在pages/index/index.js中我们设计数据结构和初始逻辑。每个任务是一个对象包含id、内容和完成状态。数据存储在本地。// pages/index/index.js Page({ data: { inputValue: , // 输入框内容 todos: [] // 任务列表 }, onLoad() { // 页面加载时从本地存储读取任务列表 try { const todos wx.getStorageSync(todos); if (todos) { this.setData({ todos }); } } catch (e) { console.error(读取存储失败, e); } }, // 保存数据到本地存储的通用方法 _saveToStorage() { wx.setStorageSync(todos, this.data.todos); }, // ... 其他方法将在下面补充 })5.2 视图层与交互实现接着编写WXML结构。包括一个输入框、一个添加按钮以及一个循环渲染的任务列表。!-- pages/index/index.wxml -- view classcontainer !-- 输入区域 -- view classinput-area input value{{inputValue}} bindinputonInput placeholder请输入新任务... classinput / button bindtapaddTodo sizemini typeprimary添加/button /view !-- 任务列表 -- view classtodo-list view wx:for{{todos}} wx:keyid classtodo-item {{item.completed ? completed : }} checkbox checked{{item.completed}} bindtaptoggleTodo>// pages/index/index.js (续) Page({ // ... data 和 onLoad 同上 ... // 输入框内容变化 onInput(e) { this.setData({ inputValue: e.detail.value }); }, // 添加任务 addTodo() { const content this.data.inputValue.trim(); if (!content) { wx.showToast({ title: 内容不能为空, icon: none }); return; } const newTodo { id: Date.now(), // 用时间戳作为简单ID content: content, completed: false }; const newTodos [newTodo, ...this.data.todos]; // 新任务加在前面 this.setData({ todos: newTodos, inputValue: // 清空输入框 }, () { this._saveToStorage(); // 数据更新后保存 wx.showToast({ title: 添加成功 }); }); }, // 切换任务完成状态 toggleTodo(e) { const index e.currentTarget.dataset.index; const todos this.data.todos.slice(); // 浅拷贝数组 todos[index].completed !todos[index].completed; this.setData({ todos }, () { this._saveToStorage(); }); }, // 删除任务 deleteTodo(e) { const index e.currentTarget.dataset.index; wx.showModal({ title: 确认删除, content: 确定要删除这个任务吗, success: (res) { if (res.confirm) { const todos this.data.todos.filter((item, i) i ! index); this.setData({ todos }, () { this._saveToStorage(); wx.showToast({ title: 已删除 }); }); } } }); }, // 清除所有已完成任务 clearCompleted() { const uncompletedTodos this.data.todos.filter(item !item.completed); this.setData({ todos: uncompletedTodos }, () { this._saveToStorage(); wx.showToast({ title: 已清除 }); }); }, // 计算属性已完成任务数通过数据监听或getter实现 // 由于小程序Page不支持computed我们在视图中通过一个函数计算 // 在WXML中我们可以写一个函数来返回这个值但更常见的做法是在数据更新时计算并setData // 这里我们在数据更新后手动计算一个completedCount此例略可在addTodo, toggleTodo等地方更新 })这个简单的任务管理器已经具备了核心功能。你可以在开发者工具的模拟器中运行并扫码在真机上体验。5.3 上传代码与提交审核开发完成后点击开发者工具右上角的“上传”按钮。你需要填写版本号和项目备注。这个版本号是给开发者自己看的用于区分每次上传的代码。上传成功后登录 微信公众平台 在“管理”-“版本管理”中可以看到你刚刚上传的开发版本。你可以将这个版本设置为“体验版”并添加体验者微信号让他们在不审核的情况下提前体验。当你准备面向所有用户发布时需要将开发版本提交审核。在“版本管理”中找到提交审核的入口。你需要填写审核信息包括服务类目根据小程序内容选择如工具、效率、标签、以及审核备注向审核人员说明小程序的功能。审核备注非常重要要清晰、真实地描述小程序的核心功能和使用方式必要时可以附上测试账号和密码这能大幅提高审核通过率。提交后通常需要1-7个工作日等待审核结果。审核通过后你就可以点击“发布”了。至此你的第一个小程序就正式上线了6. 进阶之路与避坑指南完成第一个小程序只是起点。在实际项目中你会遇到更复杂的需求和更诡异的坑。基于我多年的经验这里分享几个高频的进阶点和避坑指南。6.1 性能优化从“能用”到“好用”小程序的性能瓶颈主要出现在渲染和通信上。减少setData的数据量setData是视图层与逻辑层通信的桥梁频繁或大数据量的setData会阻塞通信导致页面卡顿。务必遵循以下原则只setData变化的数据不要每次都传整个data对象。合并更新将同一周期内的多次setData合并为一次。长列表优化对于超长列表不要一次性渲染所有数据。使用wx:for渲染可视区域及附近的部分结合滚动事件动态加载数据即“上拉加载更多”。微信官方提供了RecycleView组件但对于复杂场景也可以考虑使用虚拟列表库。图片优化使用合适的尺寸不要用一张3000px的大图显示在100px的区域内。使用WebP格式需小程序基础库支持或压缩工具压缩图片。对于列表中的图片可以使用lazy-load懒加载属性。合理使用自定义组件将复杂的页面拆分为独立的、可复用的自定义组件。组件有自己的生命周期和样式隔离能提高代码的可维护性并且当组件的数据变化时只会重新渲染该组件而不是整个页面。6.2 常见疑难杂症排查err_connection_reset网络错误这个错误通常意味着网络连接被重置。可能的原因有服务器不稳定或崩溃客户端网络环境极差如从WiFi切换到4G的瞬间请求超时。排查步骤首先在开发者工具的“Network”面板查看请求详情看状态码和响应其次用Postman等工具直接请求你的接口排除服务端问题最后在真机不同网络环境下测试。页面滚动/输入框聚焦时页面整体上移或下移这是一个经典的CSS问题。通常是因为设置了page的高度为100vh或者页面内元素的定位、边距计算有问题。最稳妥的解决方案是确保页面根节点使用默认的滚动避免使用position: fixed或absolute布局导致的高度计算异常。对于输入框可以使用scroll-into-view属性在小程序输入框聚焦时自动滚动到可视区域。自定义TabBar重叠或显示异常使用uni-app或Taro等框架开发时如果自定义了TabBar有时会出现官方TabBar和自定义TabBar同时存在的“双TabBar”问题。这通常是因为框架的编译配置或原生配置冲突。解决方案是仔细检查app.json中是否配置了原生的tabBar如果自定义则必须删除原生配置同时检查跨端框架的配置文件确保其TabBar相关选项已正确关闭。真机与模拟器表现不一致模拟器只是参考真机调试是必须的环节。差异可能来自CSS兼容性特别是安卓机型的碎片化、微信客户端版本差异新API在老版本上不支持、系统权限如定位、相册等。开发者工具的“真机调试”功能非常强大可以连接手机在电脑上实时查看手机端的Console、Network和Storage。6.3 技术选型思考何时考虑uni-app/Taro回到最初的问题。当你需要将小程序代码复用到H5、App或其他平台小程序时uni-app或Taro这类跨端框架的价值就凸显了。它们的学习曲线比原生小程序稍高但能带来“一次开发多端发布”的效率提升。选择建议坚持原生项目是单一的微信小程序且对性能、包大小有极致要求或者重度依赖微信最新特性。选择跨端框架项目明确需要同时发布到微信小程序、支付宝小程序、H5甚至App。团队熟悉Vue或Reactuni-app基于VueTaro基于React希望用同一套技术栈统一开发。无论选择哪条路深入理解小程序原生开发原理都将是你应对复杂问题、进行深度优化的坚实基础。小程序开发的世界远不止于此还有云开发、插件开发、小游戏、硬件连接如蓝牙等更专业的领域但掌握了本文所述的从0到1的核心路径你已经拥有了探索这些领域的门票。