微信小程序前端标签使用Trick：如何使用转义字符、input标签属性、open-data的使用、富文本图片溢出屏幕大小、 navigator不能跳转到tabBar页面

---

前言

微信小程序前端比web前端增加了更多的限制，在使用上也有许多不一致的地方，下面来看几个标签的使用~

一、在小程序前端展示转义字符

若想使用小程序前端的转义字符，比如<(&lt) ; 需要在text标签中加上decode=‘true’

<text decode='true'> &lt;&lt; </text>

结果：

如果不加：

<text> &lt;&lt; </text>

结果：

二、input标签属性：cursor-spacing

cursor-spacing可以设置输入框与键盘之间的距离。应用场景是在输入文字之后有推荐列表出现，如果不设置输入框与键盘的距离，用户就会看不到输入的推荐词。
但在某些情况下会失效

<input maxlength="128" cursor-spacing="100" class="input" p