从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。

四，小程序的运营规范

 

规则解读：

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