微信小程序学习

Window导航栏 

设置上拉触底的距离

概念：上拉触底是移动端的专有名词，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。 设置步骤： app.json -> window -> 为 onReachBottomDistance 设置新的数值

注意：默认距离为50px，如果没有特殊需求，建议使用默认值即可。

 tabBar

tabBar 是移动端应用常见的页面效果，用于实现多页面 的快速切换。

小程序中通常将其分为： ⚫ 底部 tabBar ⚫ 顶部 tabBar

注意：

⚫ tabBar中只能配置最少 2 个、最多 5 个 tab 页签

⚫ 当渲染顶部 tabBar 时，不显示 icon，只显示文本

配置tabBar 

页面配置

        页面配置和全局配置的关系 小程序中，app.json 中的 window 节点，可以全局配置小程序中每个页面的窗口表现。 如果某些小程序页面想要拥有特殊的窗口表现，此时，“页面级别的 .json 配置文件”就可以实现这种需求。

        注意：当页面配置与全局配置冲突时，根据就近原则，最终的效果以页面配置为准。

网络数据请求 

        1. 小程序中网络数据请求的限制 出于安全性方面的考虑，小程序官方对数据接口的请求做出了如下 两个限制：

        ① 只能请求 HTTPS 类型的接口

        ② 必须将接口的域名添加到信任列表

POST请求：

wxml：

发起POST请求

js： 

 

在页面刚加载时请求数据

在很多情况下，我们需要在页面刚加载的时候，自动请求一些初始化的数据。此时需要在页面的 onLoad 事件 中调用获取数据的函数，示例代码如下

跳过 request 合法域名校验

        如果后端程序员仅仅提供了 http 协议的接口、暂时没有提供 https 协议的接口。 此时为了不耽误开发的进度，我们可以在微信开发者工具中，临时 开启「开发环境不校验请求域名、TLS 版本及 HTTPS 证书」选项， 跳过 request 合法域名的校验。 注意： 跳过 request 合法域名校验的选项，仅限在开发与调试阶段使用 。

关于跨域和 Ajax 的说明

        跨域问题只存在于基于浏览器的 Web 开发中。由于小程序的宿主环境不是浏览器，而是微信客户端，所以小程序中不存在跨域的问题。

        Ajax 技术的核心是依赖于浏览器中的 XMLHttpRequest 这个对象，由于小程序的宿主环境是微信客户端，所 以小程序中不能叫做“发起 Ajax 请求”，而是叫做“发起网络数据请求”。