小程序是什么?

原创
|
浏览：1643
|
更新：2016-09-28 16:39

分步阅读

最近wx的小程序, 比较火, 简单的说一下什么是小程序, 小程序可以带给我什么? 说白了, 小程序, 就是使用(H5)标签 + js的方式, 使给用户提供更加和app类似体验的功能.

用官方的话说:

我们提供了一种新的开放能力，让开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

工具/原料

官方的小程序IDE, 集成了开发调试、代码编辑及程序发布等功能。
官方文档一份

方法/步骤

1
可以先从官方上获取demo. 从来一种新的技能, 先想办法把官方的例子跑起来, 跑起来, 你才能想办法修改, 并调整, 否则, 就去想办法去跑起来呗!
小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。
框架提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，可以让开发者可以方便的聚焦于数据与逻辑上。
2
接下来我们做一个例子, 官方的页面内容demo跑起来.
打开程序, 添加一个项目. 这里面我们没有内测的资格, 所以, 现在只能使用本地的方法. 填写项目名称, 然后选择项目所在的目录.
2
此文章未经授权抓取自百度经验
3
默认的打开界面, 该界面3大部分, 左侧功能导览, 中间效果预览, 右侧的调试界面, 这个界面前端的开发人员应该很明白, 就是f12.
4
我们看一下官方默认的文件以及目录结构.
框架程序包含一个描述整体程序的 app 和多个描述各自页面的 page。
一个框架程序主体部分由三个文件组成，必须放在项目的根目录，如图所示,
主要的介绍为:
app.js是小程序逻辑
app.json是小程序公共设置
app.wxss否小程序公共样式表
一个框架页面由四个文件组成，分别是：
文件类型必填作用
js 是页面逻辑
wxml 是页面结构
wxss 否页面样式表
json 否页面配置
WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。
WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。
5
我们做一个最简单的操作, 就是修改小程序的导航title. 修改如图:
该文件是根目录的app.json
我们使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
使用重启按钮, 把你更改的代码生效, 并显示效果, 看2图.
6
功能暂时写到这吧. 都是简单的怎么使用的功能. 如果有问题, 可以搜索极客云图. 查看更过的内容.
END