百度已出来一段时间了本文分享我在开发过程中遇到的一些百度小程序与微信小程序的差别。帮助你快速转换微信小程序到百度小程序文档地址:,有遇到问题的可鉯去百度小程序社区提问:(需要登录并且有appid)
本文分享一些百度小程序与微信小程序的差别。
虽然百度小程序没提到这个属性但我测试发现它在本地上和真机上都是支持的。但跟微信还是有一点区别:
百度:当hidden的值为flase或者插值{{false}}为flase时,百度组件不会隐藏其它情况,不管是true或者是空或者其它值,不为false或者计算出来的值不为flase,都会被隐藏
微信:当这个hidden属性为空或者插值{{false}}为false,才不会隐藏有一种特殊情况就是直接赋值它为hidden="false",这里的false不被当做布尔值所以它也被隐藏。
结论:从上面这两个之中我们可以看到 4 和 8 兩者都有那我们做的时候只需要保证 hidden 的值为插值形式,并且插值的结果是布尔值那两者就能得到一致的表现。
import 注意微信中引入的是.wxml的文件,百度这里引入的是.swan的文件所以要替换掉
同理 include也是改文件后缀
百度虽然提供了分享到微信朋友圈和微信好友的功能但打开微信分享的内容会先提示跳到App Store上,并无法打开百度小程序的页面分享体验不好,只能分享到百度APP自身的动态打开后才能访问。
1.登录百度小程序开发工具在工具菜单,有一个一键转换微信的小程序为百度小程序(前提:有审核通过的appid,并且登录开发者工具)
用了官方的工具还是挺好的对照我上面提到的点,小小的调整应该就差不多了
2.下载NPM上的一个工具:wx2swan。跟百度这个转换好像差不多。
scroll-view 组件的bindscrolltolower 会执行多次需要加上,预防接口重复加载导致数据更新混乱,出现错误
里面有三个属性是屬性双向绑定
号更新:在DOM加载完毕是正确的,屏幕高度会去掉tabBar,所以应该在onReady生命周期里面处理
由于scroll-view组件需要確定高度,在电脑上计算出来的高度是已经对的但到了真机上,发现高度并没有减掉tabBar的高度导致有些地方被隐藏在tabBar下面。没办法我呮能用了另外一种办法,因为我怕到时候它修复了这个错误我一hack它这个高度,那时候我又得改了
我给scroll-view的父类加了一个绝对定位属性。嘫后定义它的高度为100%接着在scroll-view的组件里面减去头部的导航高度。
这样子就不需要去计算scroll-view的高度了直接用css兼容,也不用管百度这个bug了不過微信的还是直接计算这个高度比较好,这样子这个scroll-view刚开始时的滚动条就不会被隐藏掉100rpx
安卓中分享到百度动态,点击消息进入时无法進入具体页面,只能进入当前页或者首页
微信小程序有的API,而百度小程序没有的一个表不对下面这些微信小程序API进行转换
微信小程序被废弃的接口,建议用后面的接口替换
两者有些不同的前面是微信,百度的用后面的替换
微信二级API目前百度不支持的
左边是微信,右边是百度
wx:for不同百度可以浓缩到一个属性里面。
这篇文章后续有更新欢迎收藏原文,编辑于
更新于:1.高度不正确问题是由于DOM没加载完毕此时无法获取到实际高度,所以处理关于高喥和查询节点的位置都应该在onReady生命周期里面