微信小程序之wxss文件使用变量动态计算参数值
微信小程序的全局配置位于根目录的app.json文件中。配置项包括pages（存放页面路径）、window（设置窗口外观）、tabBar（底部栏）和style（启用新版组件样式）。例如，设置窗口背景色为白色，标题文本为黑色，导航栏文本为“第一个小程序”。onReachBottomDistance属性用于定义滑动触发条件，便于加载新内容。
小程序开发中，全局文件是项目的基础组成部分，包括app.js、app.json和app.wxss。其中，app.js是全局生命周期和变量设置的地方，例如在小程序启动时加载用户信息。app.json定义了可访问的页面路径，类似于低代码工具中的页面管理。app.wxss则是全局样式文件，可以被多个页面引用。
我用的是自定义导航栏，需要在json里面配置一下：在app.js里面设置全局变量navHeight，动态计算导航栏高度：onLaunch里面：需要自定义导航栏页面的wxml文件：js文件：wxss文件：再调用监听页面滚动的方法就能动态显示隐藏导航栏。
开发工具限制：WXML的预览仅在微信小程序开发工具中实现，不支持在浏览器内预览。组件封装：WXML对组件进行重新封装，有助于优化小程序的性能，并减少低质量代码的产生。没有DOM树：小程序运行在JS Core内，因此不存在DOM树和window对象，也使得相关API无法使用。
微信小程序如何设置轮播图的尺寸为950*450
微信小程序设置轮播图的尺寸为950*450的操作方法如下：打开微信开发者工具。找到wxml文件。新建一个swiper标签。设置swiper和autoplay的属性。点击autoplay设置为自动轮播。使用block标签，放置要轮播的图片，展示大小设置为950*450即可。
博学谷微信小程序26.swiper-等比例计算swiper的高度
小程序的宿主环境是微信，微信小程序借助宿主环境微信提供的能力，可以完成微信支付、微信扫码、微信登录、地理定位等普通网页无法完成的功能。无论手机的系统是Andriod还是iOS，微信小程序的宿主环境都是微信（安卓版微信和iOS 版微信）。小程序的宿主环境的内容包括通信模型、运行机制、组件和API四个方面。
学小程序时写过一个B站demo，也遇到此问题，最后自定义Swiper的Dot来实现了。思路是：用view组件重写dot，给swiper组件绑定bindchange事件用来获取当前第几个dot，动态改变class。
})；var swiper = new Swiper(.module02 .swiper-container， { slidesPerView：5，paginationClickable： true，spaceBetween：0，freeMode： true })； 获取他们共用的class的时候加上父元素区分开。写style的时候.swiper-container和.swiper-paginatio是共用的不要写在里面新建class区分写改变它们不同的样式。
多Tab页配置实践 实现一个多Tab页的配置是uni-app开发中的一个典型应用，通过合理设计Tab组件，能够为用户提供便捷的导航体验。开发者需熟悉uni-app提供的Tab组件使用方法，并结合实际需求进行配置。
项目八：微信小程序-蓝莓派社区 微信小程序阶段，基于前期学习成果，实践项目功能开发，掌握微信小程序技术，实现项目需求。项目九：推广类移动端页面 专注于分析与展示运势结果，利用Swiper、jQuery、REM、Less等技术，实现场景化应用，增强移动端用户体验。