关于微信小程序的一些要点

redirectTo ：关闭当前页(卸载)，跳转到指定页

navigateTo ：保留当前页(隐藏)，跳转到指定页

switchTap ：只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切换

注意:switchTab只能跳转到带有tab的页面，不能跳转到不带tab的页面！

list页面:

detail页面:

event.target指的是当前点击的组件

event.currentTarget指的是事件捕获的组件

bindchange 这个事件官方文档中没有写，效果基本和 bindblur 一样，但失去焦点时不会被重复触发，所以一般还是采用 bindblur

小程序对于全局 wxss 组件的继承只能继承 font 以及 color 类型

bind事件绑定不会阻止冒泡事件，而catch会阻止冒泡事件，看官方文档有介绍

在指定的css属性最后带上 ! important 能够加强属性的优先级

wxs 只是与 JavaScript 相似，并非 JavaScript ，所以无法定义 const 常量，得用 var

wxs 存在的意义就是充当 compute/filter 这类功能。

且当使用 wxs 进行数据绑定时，要注意 setData 出来的数据的二次读取，

因为 setData 之前首先会进行一次初始化

wxs编写 :

wxml使用 :

关于 this.data 与 this.setData 的使用细节

this.data 使用于同步 *** 作(如 onLoad 加载)，而 this.setData 适用于异步 *** 作(如 wx.request )

js ---------- JavaScrip文件

json -------- 项目配置文件，负责窗口颜色等等

wxml ------- 类似HTML文件

wxss ------- 类似CSS文件

在根目录下用app来命名的这四中类型的文件，就是程序入口文件。

app.json

必须要有这个文件，如果没有这个文件，IDE会报错，因为微信框架把这个作为配置文件入口，

你只需创建这个文件，里面写个大括号就行

以后我们会在这里对整个小程序的全局配置。记录了页面组成，配置小程序的窗口  背景色，配置导航条样式，配置默认标题。

app.js

必须要有这个文件，没有也是会报错！但是这个文件创建一下就行 什么都不需要写

以后我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。

app.wxss

这个文件不是必须的。因为它只是个全局CSS样式文件

app.wxml

这个也不是必须的，而且这个并不是指主界面哦~因为小程序的主页面是靠在JSON文件中配置来决定的

有了这两个文件你运行程序，IDE就不会报错了，也意味着这是最简单的微信小程序

{

app.json

app.js

}

mode 属性：

默认值：scaleToFill —- 不保持纵横比例缩放图片，使图片的宽高完全拉伸至填满image标签

aspectFit —- 保持纵横比例缩放图片，使图片的长边能够完全显示出来，也就说图片可以完整的显示出来

aspectFill —– 保持纵横比例缩放图片，只保证图片的短边能够完全显示出来，也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取

top —- 不缩放图片，只显示图片的顶部区域

bottom —- 不缩放图片，只显示图片的底部区域

center —- 不缩放图片，只显示图片的中间区域

left —- 不缩放图片,只显示图片的左边区域

right —– 不缩放图片，只显示图片的右边区域

top left —- 不缩放图片,只显示图片的左上边区域

top right —- 不缩放图片,只显示图片的右上边区域

bottom left —- 不缩放图片,只显示图片的左下边区域

bottom right —- 不缩放图片,只显示图片的右下边区域

4.隐藏NavigationBar

5.VM11106:1 Do not have login handler in current page: pages/login/login. Please make sure that login handler has been defined in pages/login/login, or pages/login/login has been added into app.json

解决方案：

2.调整app.json中Pages里面的页面注册顺序 ；

3.检查wxml中bindtap是否在js里面将方法创建。

6.switch样式大小调整

大家都知道微信官方提供的switch 能改变color 但是改变大小 常用的width height 不起作用

但是可以这样修改

7.input 不沾满屏幕右侧有留白

使用flex布局的时候明明 input style 设置了flex＝1 的属性 可是input还是站不满整个屏幕的宽度，右侧有留白，文字被遮挡， 不知道是不是一个bug，

解决方案： 在input外面包一层view style设置flex＝1 用于沾满整个屏幕 input用于显示文字

————————————————

1.display取值

2.float(取值：left，right，none，inherit。)

3.clear：该属性指出不允许有浮动对象的边。（取值：left，right，both，none.）

4.visibility：是否显示对象(取值：visible，hidden，collapse。)

5.overflow：处理溢出内容的方式。(取值：visible，hidden，scroll，auto。)

其他属性：

---