微信小程序： 开发文档

我的小程序 demo:  http://pan.baidu.com/s/1i5sUSWP

小例子  demo  开发过程（小程序 - 下载 - 开发者工具）：  

        

小程序开发使用步骤：

① 下载最新版的 微信 开发者工具。

②  打开开发者工具，选择小程序。   本地创建项目工程，小程序测试  项目地址选择。

③  页面初始 配置：  

1. 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

2. 每一个页面仅建立 wxml,js ;  共用  app.js , app.json , app.wxss.... ;   首页设置成 index.wxml

                 

④ 需要注意的地方：

          1.添加新页面：  app.json添加配置新页面  +  新页面的所有文件 文件名相同   

                

          2. 页面不识别 h1-h6等标签，最多的是标签：view;  

          3. 无渲染效果标签，仅作为盒子： block

          4. 跳转页面：

              ①a：href  跳转页面无效  。标签绑定事件： bindtap="事件名"，事件后无（）

              ② 新的一种跳转页面的方式

                    例：

          

               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)