Skip to content

微信小程序

微信小程序是微信 App 内的原生小程序框架 + 运行平台——它既不是一个 npm 包,也不是独立安装的 App,而是开发者用微信定制的 DSL(WXML/WXSS)+ JavaScript + JSON 编写、由微信客户端(iOS / Android / PC / Mac / 鸿蒙)内建运行时承载的应用形态。核心体验是「无需安装、用完即走、扫码 / 搜索 / 分享即达」。技术上,它以双线程隔离(逻辑层与渲染层分属两个线程)换取安全与可控,代价是 setData 跨线程通信成为性能命门;而自研的 Skyline 渲染引擎是它追赶原生渲染性能的战略级演进。它同时是 uni-app / Taro / mpvue 等跨端框架的编译目标底座——读懂原生机制,才读得懂这些框架「编译产物」的运行规律。

概述

  • 定位:中国移动生态里「超级 App 内应用层」的事实标准。开发者写四类文件(结构 / 样式 / 逻辑 / 配置),在微信运行时里跑,用户扫码即用、无需下载安装。
  • 双线程架构(核心机制):逻辑层(跑开发者 JS,无 DOM / BOM)与渲染层(WebView)分属两个线程,经微信 Native(JSBridge)异步中转通信。这带来安全与管控,也让 setData 成为唯一且高成本的跨线程数据通道——性能优化的主战场
  • 四文件模型:每个页面 / 组件由 .wxml(结构)、.wxss(样式,含 rpx 响应式单位)、.js(逻辑,Page() / Component())、.json(纯配置,不能写注释)组成;全局层为 app.js / app.json / app.wxss
  • Skyline 渲染引擎:在传统 WebView 渲染之外新增的自研引擎,配合新一代 glass-easel 组件框架,用独立渲染线程 + 更精简管线把性能推向原生;正式版起于基础库 3.0.0
  • 平台能力:登录(wx.logincode2Session)、分包加载、云开发(Serverless)、微信支付(wx.requestPayment)构成一套完整的「即用型」商业闭环。
  • 生态位:小程序总量、月活等第三方统计口径为「累计约 430 万+、月活约 9 亿+」(非官方定论,仅作规模量级参考);作为跨端框架的底座,它的机制知识可迁移到 uni-app / Taro。

本叶地图

  • 入门 —— 小程序是什么、与 Web / 跨端框架的关系、开发者工具起步、第一个页面、心智地图
  • 四文件与 WXS —— .wxml / .wxss / .js / .json 职责分离、全局 vs 页面文件、rpx、WXS 脚本
  • 双线程与 setData —— 逻辑层 / 渲染层分离、JSBridge 通信、setData 性能命门与五大优化原则
  • 生命周期·API·事件 —— App / Page / Component 生命周期、路由页面栈、数据绑定与事件、常用 wx.* API
  • 分包与云开发 —— 分包体积限制、预下载 / 独立分包 / 分包异步化、云开发四大能力(数据库 / 存储 / 云函数 / 云调用)
  • Skyline 与性能优化 —— Skyline vs WebView、glass-easel、Worklet / 手势、启动与渲染优化清单
  • 登录与支付 —— wx.logincode2Session 四步登录、openid / session_key / unionid、头像昵称填写能力、微信支付调起
  • 参考 —— 四文件 / 双线程 / setData / 生命周期 / 路由 / 网络 / 登录 / 分包 / Skyline / 支付 等速查表 + 权威链接

文档地址

幻灯片地址

测试题

微信小程序 测试题