大前端学习之旅（5）

微信小程序的那些事

小程序的优势和劣势

优势：

1、无需下载，通过搜索和扫一扫就可以打开，省流量，省安装时间

2、良好的用户体验：打开速度快。

3、开发成本要比App要低。

4、安卓上可以添加到桌面，与原生App差不多。

5、为用户提供良好的安全保障。小程序的发布，微信拥有一套严格的审查流程，不能通过审查的小程序是无法发布到线上的。

劣势：

1、限制较多。页面大小不能超过2M。

2、样式单一。小程序的部分组件已经是成型的了，样式不可以修改。例如：幻灯片、导航。

3、体验上没法完全媲美原生APP。

4、小程序功能不够全面，解决不了复杂的行业问题。

小程序主要的文件

小程序主要由以下4种格式的文件组成

• 一、WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内部主要是微信自己定义的一套组件与标准的HTML主要存在以下不同点：

  ​ 1、标签名字不一样，小程序标签更少，单一标签更多；

  ​ 2、多了一些wx:if 这样的属性以及 {{ }}这样的表达式，

  ​ 3、WXML仅能在微信小程序开发者工具中预览，而HTML可以在浏览器内预览；

  ​ 4、组件封装不同， WXML对组件进行了重新封装，

• WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式，类似于CSS，不一样的地方是没有 Body；样式可直接使用 import 导入

• js逻辑处理，网络请求

• json小程序设置，如页面注册，页面标题及tabBar

wx.navigateTo(), wx.redirectTo(), wx.switchTab(), wx.navigateBack(), wx.reLaunch()的区别

• wx.navigateTo()：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面
• wx.redirectTo()：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面
• wx.switchTab()：跳转到 abBar 页面，并关闭其他所有非 tabBar 页面
• wx.navigateBack()：关闭当前页面，返回上一页面或多级页面。可通过getCurrentPages() 获取当前的页面栈，决定需要返回几层
• wx.reLaunch()：关闭所有页面，打开到应用内的某个页面

bindtap和catchtap的区别是什么

相同点：首先他们都是作为点击事件函数，就是点击时触发。在这个作用上他们是一样的，可以不做区分

不同点：他们的不同点主要是bindtap是不会阻止冒泡事件的，catchtap是阻值冒泡的