从0到1完成小程序开发(1)

一，小程序的基本情况

小程序的特点：

1.速度快：无需下载和安装，加载速度快于HTML5,微信登陆，随时可用。

2.无需适配：一次开发，兼容IOS和安卓系统，免除了对各种手机机型的适配，提高了开发效率。

3.社交分享：可以直接分享给微信好友和群聊

4.出色体验：可离线使用，达到几乎原生app的操作体验和流畅度。

5.即用即走，随手可得：可以通过多种方式快速获取服务，无需安装，用完即走。

二，小程序开发准备工作

从技术维度上来说，小程序的技术就是基于web的技术。

小程序技术模型：

 

 小程序的程序语言：

渲染层：WXML + WXSS(类似与HTML+CSS)

逻辑层：JavaScript

配置层：JSON

小程序的开发流程：

• 1申请微信开发者账号
• 2完善信息
• 3提交代码(在编写完代码提交之前可选择版本为体验版本，添加体验成员体验完毕之后再提交审核。)
• 4审核发布

微信小程序开发工具：

分为：工具栏，模拟器，编辑器，调试器

 

 三，小程序的设计规范

要符合以下几个原则：

1.友好礼貌原则。

要求:

重点突出：每个页面需要有突出的重点页面内容

流程明确：每个流程都要有明确的操作路径

2.清晰明确原则。

要求:

导航明确：当用户进入页面需要告知用户身在何处，又可以往何处去。

减少等待：返回及时。当出现不可避免的加载的时候需要给用户即时的反馈。使用简洁加载样式。

异常反馈：在出现异常状态时，给予用户必要的这状态提示，并告诉用户解决方案。

3.便捷原则。

要求:

减少输入：利用现有接口或固件改善用户输入体验。

避免误操作：手指点击精确度不高，需要考虑热区面积，避免区域过小或密集造成误操作。

操作流畅：用接口提升性能，微信提供了一套网页标准控件和小程序接口，利用这些资源为用户创造更好的服务，同时对页面性能的提高有着极大的作用。

4.统一原则。

视觉统一：统一的风格和页面元素，帮助用户获得更好的体验。

WeUI:微信提供的一套UI。

四，小程序的运营规范

 

规则解读：

• 账号信息保证真实，不能使用模糊的语义。
• 服务类目关注用户体验。
• 功能不得提供为微信相同或类似的功能（禁止微信竞争和流量分发功能）。
• 内容禁止诱导分享和广告比例过高。
• 数据不得进行私下出售，转交，交易，越权披露或泄露。