这几天在开发这个锚点定位的需求本来感觉很简单，结果做起来发现很多坑，有的根本就注意不到，真的是很让人头大：下面是几个大坑1、scroll-view的坑 scroll-view要增加高度，有的时候计算高度赋值给scroll-view时，会不起效，这个时候直接给它赋值100VH就可以了scroll-view在使用的时候，如果需要使用禁止滑动，需要直接 scroll-y直接删掉或者定义成非布尔值类型2、wx.createSelectorQuery()获取值不正确的问题因为做的类似与京东的商品详情页，那么可定会出现图片以及富文本解析显示的。如果这个时候我们使用小程序自带的生命周期（onLoad、onS
文章目录序言1、HTML部分1.1、代码1.2、注解2、JavaScript部分2.1、代码2.2、注解3、微信小程序演示序言在写原生微信小程序项目的时候，遇到左右滑动更新内容及联动选项卡切换的功能。于是就写了这篇文章，关于文章的css不在此文章中展示，使用了公共的自定义类名，所以通过类名大概就能推敲出css的属性及值。1、HTML部分1.1、代码view>viewclass="width_100_100">scroll-viewscroll-x="true"scroll-left="{{scrollLeft}}">viewclass="dis_r_fs">viewid="idScrollLe
文章目录序言1、HTML部分1.1、代码1.2、注解2、JavaScript部分2.1、代码2.2、注解3、微信小程序演示序言在写原生微信小程序项目的时候，遇到左右滑动更新内容及联动选项卡切换的功能。于是就写了这篇文章，关于文章的css不在此文章中展示，使用了公共的自定义类名，所以通过类名大概就能推敲出css的属性及值。1、HTML部分1.1、代码view>viewclass="width_100_100">scroll-viewscroll-x="true"scroll-left="{{scrollLeft}}">viewclass="dis_r_fs">viewid="idScrollLe
微信小程序动态设置tab-bar（自定义）配置自定义tab-bar的方法这里省略，可以参考官方文档动态设置tab-bar需求：根据权限判断底部tab-bar显示内容例如普通用户这里不显示赛事tab，特殊用户需要在进入小程序的时候显示赛事tab实现方法//app.js中请求当前登录权限，并将tab信息存到globalData中//请求回来之后判断is_competition_on字段//赋值给globalData中的tabList（默认只有两项）that.globalData.tabList=[{"pagePath":"","text":"","iconPath":"/images/tabbar
微信小程序动态设置tab-bar（自定义）配置自定义tab-bar的方法这里省略，可以参考官方文档动态设置tab-bar需求：根据权限判断底部tab-bar显示内容例如普通用户这里不显示赛事tab，特殊用户需要在进入小程序的时候显示赛事tab实现方法//app.js中请求当前登录权限，并将tab信息存到globalData中//请求回来之后判断is_competition_on字段//赋值给globalData中的tabList（默认只有两项）that.globalData.tabList=[{"pagePath":"","text":"","iconPath":"/images/tabbar
简而言之，MPU6050=三轴MEMS陀螺仪+三轴MEMS加速度计+可扩展数字运动处理器DMP，它可进行姿态解算（Pitch、Yaw、Roll角），我们还可以外接ProcessingIDE，或外接匿名上位机(V7)，实时绘制系统的飞行姿态，下面讲一下整个联调过程以及遇到的坑。 图0单片机与上位机(V7)飞行姿态联动一，MPU6050简介MPU6050是InvenSense推出的集成6轴运动处理组件，即三轴MEMS（注1）陀螺仪传感器和三轴MEMS加速度传感器，相较于多组件方案，集成模块可以免除各个组件时间轴之差的问题，还能大大减小封装的空间。它含有一个副IIC接口，可用于连接外部磁力传感器，利
简而言之，MPU6050=三轴MEMS陀螺仪+三轴MEMS加速度计+可扩展数字运动处理器DMP，它可进行姿态解算（Pitch、Yaw、Roll角），我们还可以外接ProcessingIDE，或外接匿名上位机(V7)，实时绘制系统的飞行姿态，下面讲一下整个联调过程以及遇到的坑。 图0单片机与上位机(V7)飞行姿态联动一，MPU6050简介MPU6050是InvenSense推出的集成6轴运动处理组件，即三轴MEMS（注1）陀螺仪传感器和三轴MEMS加速度传感器，相较于多组件方案，集成模块可以免除各个组件时间轴之差的问题，还能大大减小封装的空间。它含有一个副IIC接口，可用于连接外部磁力传感器，利
微信小程序—tab选项卡组件在components组件中新建tab文件夹。（组件可自定义样式）components/Tab/tab.wxmlscroll-viewscroll-x="true"class="scroll-view-x"wx:if="{{!ttype||ttype==2}}">viewclass="scroll-view-item"wx:for="{{tList}}"wx:key="*this">{currentTab==(index)?'on':''}}"-->viewstyle="{{currentTab==(index)?styleActive:styleOld}}"bin
微信小程序—tab选项卡组件在components组件中新建tab文件夹。（组件可自定义样式）components/Tab/tab.wxmlscroll-viewscroll-x="true"class="scroll-view-x"wx:if="{{!ttype||ttype==2}}">viewclass="scroll-view-item"wx:for="{{tList}}"wx:key="*this">{currentTab==(index)?'on':''}}"-->viewstyle="{{currentTab==(index)?styleActive:styleOld}}"bin
ionictab(选项卡)ionictab(选项卡)是水平排列的按钮或者链接，用以页面间导航的切换。它可以包含文字和图标的组合，是一种移动设备上流行的导航方法。以下选项卡容器使用了tabs类，每个选项卡使用tab-item类。默认情况下，选项卡是文本的，并没有图标。实例主页收藏设置尝试一下»默认情况，选项卡颜色为默认，你可以设置以下不同颜色样式：tabs-default，tabs-light，tabs-stable，tabs-positive，tabs-calm，tabs-balanced，tabs-energized，tabs-assertive，tabs-royal，tabs-dark。要
