微信小程序入门第一篇1-1

视图与渲染

1.动态改变文字------在JS中this.setData({text: …})
在JS data中定义变量show:true

2.通过按钮点击事件改变文字------在函数中var isShow;
this.setData({text: …,show:!isShow})

3.wx:for中{{index}}代表数组下标,{{item}}代表数组内容

模板

第一种方法,引用模板文件</>include一定记得加斜杠
第二种方法,在模板文件使用<>template,可以有多个,那么,引用它时,使用<>import,并且用<>template is="footer1"指明是哪一个<>template

事件

点击事件 tap
长按事件 longtap
触摸事件touch…
其他事件
前三种属于冒泡事件
绑定事件的方法有bind绑定和catch绑定(可以阻止冒泡事件的发生)

在函数的括号中加event—》dataset
如果要添加自己的数据,比如在view中使用date-title赋值,会在dataset中显示出来。

配置

1.app.json的pages中第一个定义的页面为显示的页面
2.tabBar中的路径必须有一个是首页,否则不会显示
3.页面的配置是为了覆盖app中的设置

APP,页面生命周期

1.app.js中有onlunch,onshow,onhide函数
2.事件发生顺序-------onLaunch–Show–onload–onshow–onReady
3.实现页面的跳转,小程序提供了2个API------wx.navigateTo({ url=" " })、
---------wx.redirectTo({ url=" " })
两者的区别是wx.redirectTo无法返回,原地址被卸载
4.注意!!
两个页面之间传递数据比如在navigateTo的url中地址末尾加?id=1 url=“…/logs/logs?id=1”,那么在logs.js中的onload(options) options的内容有id
另一种方法为在index.wxml中</>navigator url
其后可以直接加redirect,页面便不可回
多个参数用&连接

小知识点

1.创建一个新的文件夹
2.逻辑层:JS
3.右键可以格式化
4.font-style------字体倾斜(italic),font-weight—字体加粗
5.动态使用style,静态使用class
6.letter-spacing----汉字间距,world-spacing-----英文间距
7.<>input中的bindblur为失去焦点时
8.math----------ceil–向上取整 floor—向下取整
9.toFixed(2)—把数字—》字符串,保留两位小数
10.并不是绑定的数据都要在data中进行初始化
11.class=“a b”在.wxss中要分开定义
12.display:inline-block----一行显示,可设置属性

发布了2 篇原创文章 · 获赞 2 · 访问量 93

猜你喜欢

转载自blog.csdn.net/hc121ch/article/details/104443346