开发中遇到一个业务需求,需要把页面顶部.底部固定,中间的scroll-view内部滚动.要满足这个需求,需要根据屏幕高度计算中间的scroll-view高度.结果悲催地发现,使用 wx.getSystemInfo拿到的windowHeight居然不一致: 1.在ios中,windowHeight是屏幕高度-底部TabBar的高度 2.在android中,windowHeight是屏幕高度 百度到的大部分说法是,这是小程序在android平台的bug.需要注意调用wx.getSystemInfo的

一.时间转换问题: 这不只是小程序上面的问题是ios系统 都有这个问题就是new  Date("2017-06-16") 在IOS会出现NAN的情况所以对于时间转换需要另行封装,解决方案如下 1.替换”-“为”/“ 2.删除”.“后面的字符串(带毫秒也会有问题) 代码如下: /** * 字符串转换为时间 * @param {String} src 字符串 */ strToDate(dateObj){ dateObj = dateObj.replace(/T/g, ' ').replac

根据小程序的设定,swiper组件默认高度为150px,无法根据内容来撑高.如果里面的内容固定还好说,直接设置一个高度就可以了.要是里面内容是动态变化的,这个特性使得我们使用这个组件的时候感到诸多不便. 举个例子: 如下这种情况,如果我们不给它设置一个高度,那么它只会在那个150px局部进行滚动了. 那么我们如何动态改变它的高度呢? 情况1:数据每条高度都是一样 原理:获取1条数据的高度*数据的条数. js代码如下: const query = wx.createSelectorQuery()

问题描述: 测试库转到正式库后添加数据,小程序数据渲染不出来,但是测试库没问题,ios数据能显示,没问题,但是安卓显示没数据. 排除是服务器https证书问题,如果是证书问题,小程序会直接调不了接口. 百度一堆解决办法,最靠谱点的解决办法:https://www.jianshu.com/p/3203b98807b4 前后端根据方法排查问题,仍然解决不了 问题来源: 运维在后台添加数据时,直接复制粘贴会导致数据异常,正常看数据没问题,但是返回json给前端会渲染不了, 除此之外,添加数据时带上回车

由于小程序的宽度是固定的 750rpx,我们可以先用wx.getSystemInfo 来获取可使用窗口的宽高(并非rpx),结合750rpx的宽度算出比例,再用比例来算出高度 let that = this; // 获取系统信息 wx.getSystemInfo({ success: function (res) { // 获取可使用窗口宽度 let clientHeight = res.windowHeight; // 获取可使用窗口高度 let clientWidth = res.windo

实现图片自适应,按照一般情况只需设置: img { width: 100%; height: auto; } 但是微信小程序里是特例,需要image标签上设置属性mode=widthFix,就是height:auto的作用,css同样设置width:100%,如下: image { width: 100%; } <image mode='widthFix'></image> 转 : https://blog.csdn.net/Mo_zifeng/article/details/89

wx.createSelectorQuery().select('#box').boundingClientRect(function (rect) { width = rect.width height = rect.height top = rect.top }).exec() 如上,拿到了id为box的view,并获取到了它的宽.高等属性,此段代码要放在onReady函数中 注意:如果这个view的宽高是随着内容而变化的话,这样获取到的宽高就有可能还是渲染完成前的值,不知是不是小程序自己的

目录 前言: 1. 成品展示 2. 原理图解析 3. pcb设计 4. 嵌入式对外提供接口 4.1 蓝牙广播 4.2 蓝牙服务和属性 4.3 数据包格式 4.4 数据通信模型 重要 . 前言: 本期给大家带来一款精致炫酷的蓝牙土壤温湿度传感器,用于做盆栽呵护类产品. . 1. 成品展示 淘宝上卖得比较多的主要是下面这种模块,其主要作用是测量土壤电阻(越潮湿,电阻越小;越干燥,电阻越大),同时卖家会提供一个adc电路,该电路有电压比较器,可以根据可调电阻设置比较阈值,从而实现土壤湿度到达某一阈值后

要求的效果: 正面: 背面: 在开发者工具 利用css 和定位实现了一个版本 .topBox.on { transform:rotateY(180deg); } .topBox { position:relative; height:300rpx; transform-style:preserve-3d; transition:1s; } .codeBg { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); backfac

无意间测试发现,把border的颜色的透明度颜色改成0.99就可以了.1就不行. 边框显示不全的写法: border:1rpx solid rgba(244,84,80,1); 将边框代码的透明度改成0.99就可以显示了. border:1rpx solid rgba(244,84,80,0.99); 但是修改完后,发现左边框和下边框粗一些,也没找到解决办法.但是至少边框是都显示出来了. 然后我又尝试解决,web端的项目,1px的边框,在iphone5c中,下边框过太粗的问题,跟这个一样的解决办

页面wxml <!--page/index/index.wxml--> <view id='demo'> <text>哈哈哈哈哈</text> <view>哈哈哈哈哈</view> </view> js文件 onLoad: function(options) { //创建节点选择器 var query = wx.createSelectorQuery(); //选择id query.select('#demo').boun

首先,先创建一个安卓项目(我的版本号是4.4.2的),名字为"电话拨号器",创建的时候点击"clipart",如图: 然后在res目录下找到layout目录,找到activity_main.xml或fragment_main.xml,在里面输入或拖拽button <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools=&qu

首先,先创建一个安卓项目(我的版本号是4.4.2的),名字为"短信发送器" 然后在res目录下找到layout目录,找到activity_main.xml或fragment_main.xml,在里面输入或拖拽button <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/t

})-(\d{})-(\d{})T(\d{}):(\d{}):(\d{})/ /** * @function format time * @param val, format * @return {string} * @example * <template> * <div> * <span>{{item.time | formatTime('yyyy/MM/dd hh:mm:ss')}}</span> * </div> * </templ

微信小程序利用swiper制作内容高度不定的tab选项卡,不使用absolute定位,不定高度,由内容自由撑开主要思路是获取内容区的高度来给swiper动态设置值 .wxml <view class='content'> <view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0&qu

前端同事在做微信小程序时发现IOS获取的时间戳为空的问题,后来通过跟踪发现,原来是因为IOS系统不支持2017-01-01格式的时间导致的, var mydata = '2017-01-01 11:00:00'; console.log("返回时间:" + mydata);var time = Date.parse(new Date(mydata)) / 1000; 这样的代码安卓手机开发手机测试都没有问题,唯独IOS获取的日期为NaN,若干次百度调试后发现,原来IOS只识别2017/

IOS11登录时遇到一个请求与PC返回不一致情况, 在小程序调试时IOS上始终没有wx.request() 不能发送请求 尝试解决方法 打开微信小程序调试的设置, 将TLS设为可信任的域名 设置 ---> 项目设置

前言:年后入职了一家新公司,与前同事交接完之后,发现公司有一个四端的项目(iOS,Android,H5,小程序),iOS和安卓都实现了左滑右滑的效果,而h5和小程序端没实现,询问得知前同事因网上没找到对应的插件,相关博客也特别少,所以没做就搁置下来了,趁这段时间相对来说比较富裕,于是乎在网上也搜索了一下,发现确实很少,但是有人提到可以用小程序可拖动组件movable-view来实现,自己尝试来一下发现可行,于是来写这篇博客记录一下,希望能帮助到后面需要用到这个功能的人! 先上效果图: 主要技术:

小程序[打开App]官方文档 微信开放平台 App分享小程序IOS开发 App分享小程序Android开发

1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=14764346784612:简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=14764346775993:设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html4:设计资源下载:https://mp.weixin.qq.com/debug/wxadoc/design/#资源下载5

"万人迷"微信小程序最近似乎开始掉粉. 距离1月9日小程序上线已有一周,相比浓烈的讨论气氛,用户的使用热情逐步降低,而部分公司开始撤离小程序. 其中,逻辑思维旗下产品"得到plus"上线4天后就暂停服务引发关注;1月15日,今日头条lite小程序停服的消息令人诧异,17日,今日头条回复21世纪经济报道记者称,"没有暂停." 撤离潮初现 作为首批入驻小程序,"得到plus"的离去令人疑惑.逻辑思维的官方解释称:"本想做