微信小程序

267 阅读1分钟

全局配置

app.json是当前小程序的全局配置,包括了小程序的所有页面路径、窗口外观、界面表现、底部tab等。

常用的配置项有四种

1.pages

记录当前小程序所有页面的存放路径

2.window

全局设置小程序窗口的外观

3.tabBar

设置小程序底部的tab导航栏 tabBar中配置最少2个,最多5个

4.style

是否启用新版的组件样式

页面的.json配置文件

小程序中的每一个页面,可以使用.json文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖app.json的window中相同的配置项。

小程序中.js文件的分类

1.app.js

是整个小程序项目的入口文件,通过调用App()函数来启动整个小程序

2.页面.js文件

是页面的入口文件,通过调用Page()函数来创建并运行页面

3.普通的.js文件

是普通的功能模块文件,用来封装公共的函数或属性供页面使用

事件绑定

点击事件 bindtap 语法:bindtap="方法名" 在页面的.js文件中定义对应的事件处理函数,事件参数通过形参event(一般简写为e)来接收 然后通过this.setData()方法,可以给页面data中的数据重新赋值

事件传参

通过data-参数 传递参数 在事件处理函数中,通过event.targer.dataset.参数名 即可获取到具体参数的值

wx:if 显示隐藏

语法:wx:if="{{变量}}"

for循环

通过wx:for可以根据指定的数组,循环渲染重复的组件结构 当前循环项的索引用index表示,当前循环项用item表示。