摘要：
列表渲染 wx:for 在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。 默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item 使用 wx:for-item 可以指定数组当前元素的变量名， 使用 wx:for-index 可以指 阅读全文
摘要：
条件渲染 wx:if 在框架中，使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块： 也可以用 wx:elif 和 wx:else 来添加一个 else 块： block wx:if 因为 wx:if 是一个控制属性，需要将它添加到一个标签上。如果要一次性判断多个组件标签， 阅读全文
摘要：
数据绑定 WXML 中的动态数据均来自对应 Page 的 data。 只要把data中的数据改变，视图层就会自动改变，无需使用DOM操作。 简单绑定数据绑定使用 Mustache 语法（双大括号）将变量包起来 使用方法： {{ 内容 }} 在组件中使用！不论是在组件包含在内，还是在组件属性内的，都是 阅读全文
摘要：
文件作用域在 JavaScript 文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。示例：通过全局函数 getApp() 可以获取全局的应用实例，如果需要全局的数据可以在 App() 中设置，如： 模块化我们可以将一些公共的代码抽离成为一个单独的 js 阅读全文
摘要：
设置标题栏 标题栏window在app.json文件里面，通过window对象里面的属性进行设置 window 用于设置小程序的状态栏、导航条、标题、窗口背景色。 注：HexColor（十六进制颜色值），如"#ff00ff" 注：navigationStyle 只在 app.json 中生效。开启 阅读全文
摘要：
关于页面的跳转，微信小程序提供了3种方法： 方法一： 使用API wx.navigateTo()函数 示例： 首先先新建一个test页面 index.wxml: 在index.wxml新建一个button组件，并使用bindtap事件绑定一个函数 index.js: 在index.js中的Page函 阅读全文
摘要：
下面以全局属性为例 新建一个hello world项目 在app.js页面中有一个globalData，这是一个全局对象。 在里面添加一个属性 info:"你好" 那么要怎样才能获取到这些全局的属性使用呢？ 情况一：在非app.js文件的其他js文件中获取 通过getApp()获取全局的实例，就可以 阅读全文
摘要：
例如在web的开发中，新建一个页面只需要新建一个html文件即可。 但是到在微信小程序中，新建一个页面也不只是新建一个wxml文件，那么该如何做呢？下面我们一起来学习 新建一个页面的步骤：1> 必须要创建一个wxml文件和一个js文件，并且文件名要同名（例：test.wxml 和 test.js）。 阅读全文
摘要：
我们在正常的开发上，一般都比较少把视图层上面的数据写成固定形式的，很多都是通过动态获取数据时并更新页面上的数据显示出来 下面让我们来一些学习，如何动态修改视图层的数据 需求：创建一个按钮，点击这个按钮，改变视图层上面的数据 示例： 新建一个微信小程序的Hello World项目，找到index.wx 阅读全文
摘要：
软件生命周期(Software Life Cycle,SLC)是软件的产生直到报废或停止使用的生命周期。 微信小程序的生命周期函数有2个 一个是App的生命周期 另一个是Page的生命周期 App的生命周期 示例：演示App的生命周期函数app.js：App({ onLaunch: function 阅读全文