微信小程序： 开发文档

我的小程序 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'})
               },

       
b68d
   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)