百度小程序开发实战--踩坑经历

文章列表rich-text的图片宽度问题
效果如下
'contents']);

2. 在js中处理返回的数据，但是增加了处理成本（采用此解决方案）
that.setData({ contents: res.data.contents.replace(/<img/gi, '<img style="max-100%;height:auto"') })
关于跳转外部页面的处理

百度小程序给出了web-view这个标签来跳转外部的链接，但是web-view是自动打开新的页面，无法做到点击某个图片或者button，跳转打开新的页面

由于小程序所有的跳转都是通过navigateTo这个对象来进行跳转的，但是这个对象只能跳转小程序内的page页面或者其他的百度小程序

所以解决方案是，写一个page做一个web-view的承载页

而在调用页，使用一个bindtap的方法执行page的切换，同时把要跳转的url传递过去
还是web-view的问题，直接写src的http链接是可以带参数的，但是通过调用中间页url的参数会报错,原因是传参会解析url 问号后边的参数，解决方法是先encodeURLComponent 一下
关于外部字体的引入
视觉中有关于特殊字体的引入
标签支持较少只能限制使用view template button text等几个 ul li 等都不支持使用
不支持根据数据动态引入template 如<template is="template-{{id}}"></template>
解决方案：根据block 判断加载不同的template <block s-if="{{ id == 1}}"><template is="template-1" data="{{{...detail}}}" /></block>
button 等标签自带默认样式
需要在css文件中覆盖最好写一个reset的重置样式表将button等需要自定义的标签重置掉
rich-text 遇到不识别的标签会停止渲染，并且不报错
rich-text 仅支持常规的标签在联调中后端返回了一个无法识别的link标签

解决方法（个人想法）：前端或者后端对不支持的标签进行过滤，小程序可以添加一个过滤器，对返回的字符串进行检验（有一个大胆的想法，可以写一个loader插件专门来过滤这些文章）
异步接口返回到渲染有时间延迟，可以加一个中间的过度页面
关于自定义导航栏没有返回按钮
视觉希望的效果是这样，也就是页面的元素顶到导航栏的下边，同时导航栏是透明的，这样页面看起来更漂亮一些

百度小程序提供了自定义导航栏的功能，通过配置页面的 XXX.json的 navigationStyle属性为custom,开启自定义模式

开启后发现导航栏是透明了，视频页顶头了，但是没有了返回按钮（令人窒息），所以只能自己写一个。
悬浮在video等原生组件的上层只能使用cover-view或者cover-image标签
之前在其他的地方也使用过这个标签，绑定事件也没问题，问题只可能出现在样式上,调试了css代码后，发现定位只要移除导航栏区域点击事件就可以生效，百度开发者工具的模拟器上确实是这个样子。
之后又真机调试后发现可以，即使在导航栏区域点击也是生效的
总结：这应该算是开发者工具模拟器的一个bug，如果真发现不了代码的问题，建议真机调试，开发者工具的模拟并不完全可信
小程序跳转小程序
这算是小程序向站外跳转的第二种，也就是除了跳第三方H5页面，这次是跳其他的小程序，针对跳其他的小程序，百度小程序给了自己的api