全文约4800字，阅读需要8分钟。
文字| 编辑：伊万 | 钟磊题名 | 朱俊斌
本文属于【英选深度】原创系列
自2015年推出以来，映选已经帮助各需求方实现了无数的微信公众号，因此对于此次微信小程序的重大发布，映选非常关注。
不过，映轩担心一个问题。 虽然文章铺天盖地介绍，但还是缺乏整体、直观的预览。 小程序适合什么样的场景，应该用来做什么，会对行业产生什么样的影响？ 其实不同人的看法我们认为没有必要多说。
小程序的界面是什么样的，有什么样的实现能力，能否降低开发成本，是大多数创业者最应该关注的。
为此，我们决定从已经公开的官方文件开始挖掘。
小程序开发文档“临时”入口打开新天地
9月24日，官方微信公众号发推称，小程序文档已发布，地址为：。
其实这个地址就是微信公众号的开发者文档。 目前小程序文档放置在微信公众号文档首页。 不过导航只有一个页面，内容也只有三个文档链接，有点单薄。
微信小程序文档入口
该页面内容精简，结构独立。 经过几个链接，我发现“小程序”和“公众号”文档的界面和操作风格有很大不同。
我猜测只是暂时放在微信开发者最熟悉、浏览最频繁的公众号文档中。 一旦有正式的独立大入口（如微信小程序官网，或者微信开放平台），就应该移除内容入口。 微信官方也曾表示，“小程序是一个与公众号并行的系统”。 如果不是，则应将其与公众号文档中的其他内容分开。
小程序文档要点详解：设计与开发同样重要
小程序这里主要有三个文档：
提供了小程序开发方法的整体介绍以及官方示例。 如果您是受邀体验的开发者，可以扫码体验小程序。
小程序设计规范相当全面，从用户体验、元素风格到布局。 这体现了微信对小程序的重视和巨大的能力。 我们担心如果不加限制就贸然开放，会导致产品严重碎片化。
详细介绍了小程序的开发流程和接口功能，并提供了官方开发工具。 与公众号上被吐槽的文档相比，这份文档的全面性超出了预期，与成熟的开源框架颇为相似。
接下来我们开始介绍这三个文件的具体内容。
1.小程序开发文档
文档开头提到：
支持调用微信原生API，可以轻松激活微信提供的能力，如获取用户信息、本地存储、支付功能等。
其实这里列出的几个功能在之前的公众号开发中都可以实现。 对于我们来说，这句话的重点是“原生”——我们基本可以判断，导航栏、按钮等组件实际上是通过微信的中间层转换成了原生组件，这将有效提高渲染速度和操作性。页。 效率，提供更接近原生App的体验。
小程序示范方案
演示程序展示了几个新组件，例如下拉菜单、导航栏等。由于小程序还提供了基本类似于 HTML+CSS 的组合语言工具，因此我们对新组件并不感到惊讶。 只要你能想到的，开发者应该可以通过微信提供的开发工具来实现更多的组件。
2. 小程序设计指南
微信这次的设计规范更加具体和深刻。 目前尚不清楚官方是否会规定设计需要符合微信规范，否则不会上架。 不过，我个人觉得，随着生态逐渐成熟，效仿微信强硬的管理风格也不是没有可能。 。
但从另一个角度来看，微信提供了一种名为WXSS的样式定义语言（CSS是其子集），为用户提供了非常强大的样式定制能力。 即使设计规范受到限制，也不应过于死板。 。
排版样式示例
1.WeUI更新
除了新的设计风格和组件之外，微信官方前端UI框架WeUI也进行了重大更新，并拥有独立的io域名：weui.io。
此更新还提供：
通过提供设计源文件，设计师可以更轻松地参与微信小程序的设计过程。
为了更好地进行一致性设计，最新的设计源文件还提供了相应的字体文件。 中文字体使用萍方（iOS）和思源海蒂（），英文字体使用SF UI（iOS）和（）。
2. 用户体验规范
文档中还部分定义了用户体验规范。 什么是好的，什么是坏的，都有解释。 文档的阅读体验尚可。
从设计规范中可以窥见小程序的一些重要视觉特征：
支持标题栏颜色定义
支持底部导航栏
3. 等级规格
虽然微信的层次结构简单，也没有炫酷的原生动画，但这次的页面层次规范还是让我想起了刚上线时的惊艳感觉。
与微信本身类似，微信小程序的 4 个级别很容易理解：
分层规范
3. 小程序开发者工具
做过微信公众号开发的朋友应该对微信调试非常“印象深刻”。 尽管有所改进，但仍然很复杂。 如果再次遇到文档内容深坑，很容易爬不出来。
小程序开发文档的友好性得到了提升，一些难以理解的地方甚至得到了说明。 虽然标注风格有点粗糙，但还是能感受到诚意。
属性参数图解说明
1. 技术概述
（这部分主要讨论技术，建议不懂技术的朋友跳过阅读）
整个技术选型接近当前前端趋势。 例如app.json作为app的配置文件，作为环境的基础。 WXML()是框架设计的一套标签语言。 结合基本组件和事件系统，就可以构建页面的结构。 这种语言与Vue类似，语法也比较容易理解。 WXSS()是一组用于描述WXML组件样式的样式语言。 WXSS 用于确定 WXML 组件应如何显示。
下面是对这两种语言命名的一些抱怨：WXML（可扩展标记语言，常用于传输信息。由于性能等原因已被 JSON 取代）和 WXSS（跨站脚本攻击），这似乎对开发者有轻微的负面情绪。
由于阿里巴巴在开源领域取得的突出成就，比如weex，相信微信也会在开源领域取得进步。 小程序的推出或许是腾讯开源框架和工具的一个良好开端。
App开发最难的地方之一就是屏幕适配，这个痛点催生了很多优秀的工具和框架。 微信小程序瞄准的是原生App体验，相信我们也感受到了这个痛点，所以我们在WXSS中扩展了两个视觉单元，方便前端响应式适配。 不管最终的效果如何，这种态度都值得点赞。
2.微信Web开发者工具（以下简称“开发者工具”）
开发者工具主要用于调试，但也有一些IDE编辑器功能（例如代码完成）。 微信还针对小程序提供了针对性的调试功能。
微信Web开发者工具，从命名来看，可能会消除之前开发工具的匮乏。 使用场景会跨越小程序，包括公众号，应该也可以在这里进行开发和调试。
开发者工具调试界面
开发者工具编辑界面
用于展示当前时刻当前项目的具体数据，并提供项目数据的实时反馈。 可以在这里编辑数据并及时反馈到界面。
项目数据实时反馈
当小程序使用多个窗口时，您可以在顶部操作区域进行页面切换。
小程序多界面快速切换工具
除了相对友好的开发文档之外，开发者工具从介绍来看也是一款经过深思熟虑的产品，将为开发和调试带来极大的便利。
3. 有点急，小步快跑
除了这么多好评之外，文档和工具还存在一些有点仓促的问题：
导航位置存在bug，无法正常点击（现已修复）
半角和不区分大小写出现了很多问题（这个应该是“”）
开发小工具中错误信息字体大小不合适
摘要：未来已至，春暖花开。
开发成本将进一步降低
小程序对于微信来说是一个巨大的里程碑。 微信对此的重视和野心从其文件中可见一斑，从市场的反应中可见其未来的无限可能。
由于文档和工具都比较齐全，所以学习成本并不高。 从长远来看，开发成本不会比Web开发高，而且相对于App开发来说应该是非常划算的。
从开发者生态的角度来看，这也是一个巨大的进步。 以前的微信开发其实就是Web开发，而今天的小程序开发才是真正的微信原生开发。 小程序开发者将是近年来跟随前端发展趋势的真正受益者。 前后端分离在微信小程序的开发过程中将会得到更好的诠释。 甚至不排除前端开发者可以完全脱离后端进行开发。 可能性。
小程序和服务号的定位更加清晰
事实上，服务账号的使用定位一直不明确。 有了小程序，以后就更清晰了。
服务号提供的应该是内容回复推送、信息提交、购物支付等。但之前的微信服务号大多开发过度，导致用户体验不佳，无法真正留住用户。
由于App作为入口太贵，而微信有社交红利，用户获取成本低，所以这种方案也是大多数创业者的被迫选择。
小程序可以取代80%的App，但微信的小程序并不是出于取代App的初衷，而是为了拓展微信的使用场景。 服务号的本质只是提供服务，并不适合相对复杂的应用交互，而小程序就是为了满足这部分期望而诞生的。
一些猜测
从某朋友圈泄露的截图来看，张小龙表示该小程序不需要安装或卸载，但除此之外，正式版只有文档。 但我还是从文档中做出了一些不成熟但有趣的猜测。
最近，我们使用小程序启动了一个非常有趣的项目。 一旦开放公测，我们将尽快让大家使用，让您第一时间体验到小程序的独特价值和功能。
● ● ● 完整文本 ● ● ●
映轩成立于2015年，是一家经过认证的自由开发者网络，已为300多个优秀创业产品提供产品开发和设计咨询服务。