我的小程序 demo: http://pan.baidu.com/s/1i5sUSWP
小例子 demo 开发过程(小程序 - 下载 - 开发者工具):
小程序开发使用步骤:
① 下载最新版的 微信 开发者工具。
② 打开开发者工具,选择小程序。 本地创建项目工程,小程序测试 项目地址选择。
③ 页面初始 配置:
- pages 每个页面建立不同的文件夹。存放当前页面的wxml,wxss,js,json
所有页面都放在 pages 文件夹里。 所有的 js 开头都需要引用:
var util = require('../../utils/util.js');
主页 : index(index.js+index.json+index.wxml+index.wxss) +
日志页面: log (log.js +log.json +log.wxml +log.wxss) +
公共配置:(app.js + app.json + app.wxss)+
公公配置: untils
- 每一个页面仅建立 wxml,js ; 共用 app.js , app.json , app.wxss.... ; 首页设置成 index.wxml
④
需要注意的地方:
1.添加新页面: app.json添加配置新页面 + 新页面的所有文件 文件名相同
2. 页面不识别 h1-h6等标签,最多的是标签:view;
3. 无渲染效果标签,仅作为盒子: block
4. 跳转页面:
①a:href 跳转页面无效 。标签绑定事件: bindtap="事件名",事件后无()
②
<navigator url="../hello/hello"><button>新的一种跳转页面的方式</button></navigator>
例:
module :
function(){
wx.
navigateTo({
url:
'../module/module'})
},
5. 小程序开发,一些jq的操作也无效。例如: $ , alert , document .....
⑤每个页面 基本数据:
json: js:
⑥ js页面: Page({}) 使用方法:
1.
var
util =
require(
'../../utils/util.js');
Page({
data: {},
event1Name: function(){},
event2Name: function(){}
})
2.
var
pageObject = {
data: {},
event1Name: function(){},
event2Name: function(){},
}
Page(pageObject)