1.小程序不可以使用现在以及存在的JavaScripst组件库(主要是其中的DOM);
2.pages由4部分组成:js,json,wxml,wxss
3.小程序快捷键:调整代码格式:alt+shift+f,格式化代码样式
4.常用标签:
·<view></view>:容器
·<text></text>:文本标签
·<image></image>:图片标签
5.对于文本来说,不用<text>标签包围其实也能显示出来文本,这里与html是一样的,
但是我们为什么要用text标签包围文本呢?原因如下:
·小程序中只有被text包围的文字才能在手机上长按选中;
·用了text才能设置样式
(关于<text>sometips:<text>支持转义字符,eg:<text>Hel \n lo</text>,此时,\n不会被打印出来,而是会在lo之前换行)
6.关于样式应该写在何处的问题:
·如果是动态样式,则写入style中;
·如果是静态样式,则写入wxss中
7.swiper滑块视图容器
·想将图片显示完整,对swiper-item设置高、宽是没有用的,必须对swiper标签设置高宽
但是若是想将图片充满整个画面,还是要对swiper-item设置高宽
·indicator-dots="true":显示面板指示点;
·autoplay="true":自动切换
而如果要将boolean值设为false,则必须加上双花括号,才有用,而true不用加
eg:autoplay="{{false}}"
8.自己新建的一个页面下的.json只能配置window,因此,在配置时,不需要加window
9.在做水平间距时最好用rpx,而垂直间距最好用px;
因为手机的宽度是有限的,因此最好用rpx,来适应,
10.wx:if 控制标签显示或者隐藏
11.对标签属性做数据绑定要加“”,文本绑定不需要加""
12.block搭配wx:for="{{}}",实现循环,block相当于括号,for循环默认的子迭代:wx:for-item="item"(item指定一个元素)
而若是想指定元素的序号,则:wx:for-index:"idx"
13.事件分为冒泡事件和非冒泡事件:
·冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
·非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。
任何一个事件在做事件绑定时,需要在前面加上bind/catch
eg:bindtap="onTap":当发生一个tap事件时,小程序会立即去JS里找onTap方法并执行
·bind&catch的区别:
当使用catch时,会阻止冒泡事件
14.页面跳转:
·wx.navigateTo({url:""}),此时,跳转后的页面是之前页面的子页面,点击返回即可返回主页面,跳转后相当于主页面被隐藏起来了
·wx.redirectTo({url:""}),此时,为平行跳转,无法返回之前的页面,即之前的页面被卸载或关闭
15.页面生命周期:
·onUnload:页面卸载时执行
·onHide:页面隐藏时执行
16.template实现模板化技术
模板文件只要wxml,wxss,脚本文件不能运行
·在wxml文件中导入模板时,用<import src="template的wxml文件的url" />(此处相对路径/绝对路径都可以)
·在wxss文件中导入模板时,用@import "template的wxss文件的url"
17.自定义属性
data-自定义单词,即为自定义属性,
自定义属性可以用若干个横线加若干个单词
eg:data-postId
18.图片透明度设置:opacity:
eg:opacity:0.6(当透明度趋近于0,则越透明)
19.同步与异步的区别
!能用同步就用同步,尽量少用异步
2.pages由4部分组成:js,json,wxml,wxss
3.小程序快捷键:调整代码格式:alt+shift+f,格式化代码样式
4.常用标签:
·<view></view>:容器
·<text></text>:文本标签
·<image></image>:图片标签
5.对于文本来说,不用<text>标签包围其实也能显示出来文本,这里与html是一样的,
但是我们为什么要用text标签包围文本呢?原因如下:
·小程序中只有被text包围的文字才能在手机上长按选中;
·用了text才能设置样式
(关于<text>sometips:<text>支持转义字符,eg:<text>Hel \n lo</text>,此时,\n不会被打印出来,而是会在lo之前换行)
6.关于样式应该写在何处的问题:
·如果是动态样式,则写入style中;
·如果是静态样式,则写入wxss中
7.swiper滑块视图容器
·想将图片显示完整,对swiper-item设置高、宽是没有用的,必须对swiper标签设置高宽
但是若是想将图片充满整个画面,还是要对swiper-item设置高宽
·indicator-dots="true":显示面板指示点;
·autoplay="true":自动切换
而如果要将boolean值设为false,则必须加上双花括号,才有用,而true不用加
eg:autoplay="{{false}}"
8.自己新建的一个页面下的.json只能配置window,因此,在配置时,不需要加window
9.在做水平间距时最好用rpx,而垂直间距最好用px;
因为手机的宽度是有限的,因此最好用rpx,来适应,
10.wx:if 控制标签显示或者隐藏
11.对标签属性做数据绑定要加“”,文本绑定不需要加""
12.block搭配wx:for="{{}}",实现循环,block相当于括号,for循环默认的子迭代:wx:for-item="item"(item指定一个元素)
而若是想指定元素的序号,则:wx:for-index:"idx"
13.事件分为冒泡事件和非冒泡事件:
·冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
·非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。
任何一个事件在做事件绑定时,需要在前面加上bind/catch
eg:bindtap="onTap":当发生一个tap事件时,小程序会立即去JS里找onTap方法并执行
·bind&catch的区别:
当使用catch时,会阻止冒泡事件
14.页面跳转:
·wx.navigateTo({url:""}),此时,跳转后的页面是之前页面的子页面,点击返回即可返回主页面,跳转后相当于主页面被隐藏起来了
·wx.redirectTo({url:""}),此时,为平行跳转,无法返回之前的页面,即之前的页面被卸载或关闭
15.页面生命周期:
·onUnload:页面卸载时执行
·onHide:页面隐藏时执行
16.template实现模板化技术
模板文件只要wxml,wxss,脚本文件不能运行
·在wxml文件中导入模板时,用<import src="template的wxml文件的url" />(此处相对路径/绝对路径都可以)
·在wxss文件中导入模板时,用@import "template的wxss文件的url"
17.自定义属性
data-自定义单词,即为自定义属性,
自定义属性可以用若干个横线加若干个单词
eg:data-postId
18.图片透明度设置:opacity:
eg:opacity:0.6(当透明度趋近于0,则越透明)
19.同步与异步的区别
!能用同步就用同步,尽量少用异步