微信小程序踩坑之旅

微信小程序踩坑之旅：

写在前面：

微信小程序已经出来很长时间了，而几乎是在它出现的同时我知道了这个小东西的存在。在2017年下半年的两大风口：小程序和自动驾驶。看得见摸得着的就只有小程序了，腾讯付出了很大的精力来正着一块的业务，更新也是十分频繁。这是第二次开始学习小程序，在这里会汇总一些常见的问题，力保原创但是有些也可能来自网络。*

微信小程序页面骨架及其作用

为何data-id传参失败,而data-post-id传参成功

本地缓存的机制和流程走势

小程序的生存周期详细流程如何

数据绑定的应用范围以及适用范围

页面间跳转方式以及其适用情况的深入了解

小程序中的页面跳转方式有三种：

wx.redirectTo

特点：跳转后会卸载之前的页面（执行onUnload()事件函数）

wx.navigateTo

参数：接受一个Object对象包括URL地址与URL（不加文件后缀）

特点：跳转之后会隐藏之前的页面（执行onHide()事件函数），并且在目标页面左上角会有一个返回按钮，可以返回之前的已经隐藏的页面。

wx.switchTap

特点只能用于跳转到带tabbar的页面，并且关闭其他所有非tabbar页面

常用css布局flex的深度理解以及常用css基本语法的理解

项目中的数据流向

冒泡事件与非冒泡事件

冒泡事件

指某个组件上的时间被触发之后，事件还会向父级元素传递；父级元素还会继续向父级的父级传递，一直到页面的顶级元素

常见的冒泡事件：

touchstart 手指触摸动作开始

touchmove 手指触摸后移动

touchcancel 手指触摸动作被打断，如来电提醒，弹窗。

touchend 手指触摸动作结束。

tap 手指触摸后马上离开。

longtap 手指触摸后，超过350ms在离开

bind与catch的区别

对于以上的几个冒泡事件，catch会阻止事件继续向父节点传播，而bind不会组织事件的传播。

非冒泡事件

不会向父级元素传递事件

如无特殊申明都是非冒泡事件，大多不是通用事件，而是某些组件特有的事件。