汕头搜外科技专业从事微信小程序开发,专业化打造新生态营销渠道,竭诚为您服务。
汕头搜外科技
汕头小程序定制首页 > 答疑解惑 > 百度小程序的程序和微信小程序的区别
百度小程序的程序和微信小程序的区别
时间 : 2018-12-10 21:05 浏览量 : 21

7月4日李彦宏站台发布,9月25日正式开放申请,12月将正式开源。虽然是BAT三家中最晚入局小程序的,百度小程序却凭借差异化的能力和定位快速撕开了市场,在公测的两个月内交出了覆盖1亿+用户、月活破亿、触达了100+用户场景的优秀答卷,并产生了很多很多经典成功案例。

百度小程序的程序和微信小程序的区别

那么,百度小程序究竟有什么差异化优势?为什么对服务提供者来说,现在是入驻百度小程序的黄金时机?


百度App业务部总经理平晓黎称,“百度将是业界首家做开放平台的小程序”。百度致力于构建的是彻底开放的流量生态体系,而不是类似微信小程序的封闭系统。

百度小程序的程序和微信小程序的区别

本文分享我所见到的一些百度小程序与微信小程序的差别。帮助你快速转换微信小程序到百度小程序。


百度小程序组件hidden属性区别

虽然百度小程序没提到这个属性,但我测试发现它在本地上和真机上都是支持的。但跟微信还是有一点区别:


js:

data: {

    flag:'123'

}

xml:

<view hidden="true">1</view>

<view hidden="false">2</view>

<view hidden="!false">3</view>

<view hidden="{{false}}">4</view>

<view hidden="!flag">5</view>

<view hidden="flag">6</view>

<view hidden="{{flag}}">7</view>

<view hidden="{{!flag}}">8</view>

<view hidden="{{!!flag}}">9</view>

<view hidden="">10</view>


百度小程序输出: 2 4 8

微信输出: 4 8 10


百度:当hidden的值为flase,或者插值{{false}}为flase时,百度组件不会隐藏。其它情况,不管是true或者是空,或者其它值,不为false,或者计算出来的值不为flase,都会被隐藏。


微信:当这个hidden属性为空或者插值{{false}}为false,才不会隐藏。有一种特殊情况就是直接赋值它为hidden="false",这里的false不被当做布尔值,所以它也被隐藏。


结论:从上面这两个之中我们可以看到 4 和 8 两者都有,那我们做的时候只需要保证 hidden 的值为插值形式,并且插值的结果是布尔值,那两者就能得到一致的表现。


js文件命名空间wx.替换为swan.


wx.request() -> swan.request()

wx.showModal() -> swan.showModal()

wx.canIuse() -> swan.canIuse()

……

百度小程序的程序和微信小程序的区别

swan文件整体替换wx:到s-

主要有两个地方:

1.条件判断

wx:if -> s-if

2.列表循环

wx:for -> s-for

wx:for-item -> s-for-item

wx:key -> s-key


这里还有3点跟微信使用起来有点区别


1.for循环里面,百度是不支持跟if放在同一条语句里面。我们可以通过增加一个block来判断条件


2.条件判断百度是没有使用插值计算。


这是微信的:

<view wx:if="{{condition}}"> True </view>


这是百度的:

<view wx:if="condition"> True </view>


3.组件中的3元运算符,不支持 <= 判断,猜测可能是bug,可能是里面使用了正则判断。

<view>{{ 1 <= 2 ? 'yes' : 'no' }}</view>


解析出来的内容为:

<view>true<="" view=""></=></view>


解决方法是改成 >=,或者<


<view>{{ 2 >= 1 ? 'yes' : 'no' }}</view>

百度小程序的程序和微信小程序的区别

Page函数不要使用getData()


由于我之前的页面中获取请求时用的是这个函数,然后我发现百度小程序里面这个函数在onload中无法执行到。另外就是如果直接点击执行这个函数,会报错。


页面传递参数option,最好加上enCodeURIComponent()


我之前的一个微信小程序传递url时,参数没有格式化,直接传递后,在百度小程序中会发现接收不完整,例如:http://xsps.pchouse.com.cn/ 转化为 http:/xsps.pchouse.com.cn。


swan.createSelectorQuery()


这个API要在页面DOM 加载完毕后执行,才能获取到具体的值,如果你直接在onload或者request 的success 里面setData后获取值,同样获取不到内容。


有一种做法就是加一个定时器,在2秒后获取,或者改为当需要的时候才开始获取。


不要使用HTML标签


在百度小程序中,使用了div/ul/li等HTML标签,调试swan tab时,标签会被过滤掉。


看到这里,相信大家对微信和百度的小程序程序的区别有一点的了解了吧。在这里和大家介绍一下,汕头小程序开发将在2018年12月10号到2019年1月10号优惠大酬宾,购买小程序模板将获得8折优惠,定制小程序将获得8.5折优惠,有兴趣的朋友请联系我们,汕头搜外竭诚为您服务。


相关文章

最适合小程序的领域-汕头小程序开发告诉你

餐饮小程序如何运营

微信小程序的免费推广方法

欢迎在线留言
您的姓名 :
联系电话 :
邮箱地址 :
联系地址 :
留言内容 :
  • 价格低廉

  • 简单高效

  • 功能全面

  • 贴心售后

cache
Processed in 0.008382 Second.