注意：
本文中，小程序包括微信小程序和支付宝小程序
本人完善以后，可以帮助自己更好更快地把支付宝小程序改成微信小程序，把微信小程序改成支付宝小程序
网页：可以使用DOM和BOM
小程序：不能使用DOM和BOM
网页：css里支持属性选择器，支持*
小程序：css里不支持属性选择器，不支持*
网页：<textarea></textarea>
小程序：<textarea />(自结束标签)
点击事件：
网页：onclick
微信小程序：bindtap
网页：虽然input的type属性是number，但是，打印出来的仍然是string类型，
微信小程序：如果input的type属性等于number，那么，真的是number类型
微信小程序：app.json里，如果同一个路径写了2遍，会有问题
支付宝小程序：app.json里，如果同一个路径写了2遍，没有问题，但是尽量避免写2遍，避免代码的冗余
微信小程序和支付宝小程序在渲染方面存在不一致的地方：给page设置padding:20rpx;page的子元素设置width:100%;支付宝小程序里的样式是正常的，微信小程序里page的子元素的内容就是屏幕的100%，样式就会乱掉
网页：button是inline-block元素
小程序：button是block元素
网页：不一定要闭合，容错性大
小程序：必须闭合，否则支付宝小程序什么都不渲染，微信小程序会报错
网页：<div>
微信小程序：<wxml>
支付宝小程序：<axml>
网页：<span>
微信小程序：<text>
支付宝小程序：<text>
网页：<img>
小程序：<image>
网页和微信小程序：写错标签，不会报错，并且能正常渲染，只不过这个元素默认有display:inline;属性
支付宝小程序：写错标签时，不会报错但是页面会变成空白
微信小程序：wx:if
支付宝小程序：a:if
微信小程序：wx:for
支付宝小程序：a:for
网页：<a href=''>
微信小程序和支付宝小程序：<navigator url=''>
要实现局部滚动区域时：
网页：<div style='width:10px;height:10px;overflow:auto;'>内容区</div>
微信小程序和支付宝小程序：<scroll-view>
网页：<select>
微信小程序和支付宝小程序：<picker>
在js文件里：
微信小程序：wx.
支付宝小程序：my.
禁用输入框：
网页：<input readonly/>和<input disabled/>
微信小程序和支付宝小程序：只有<input disabled/>
网页和支付宝小程序：img或image标签是inline-block元素
微信小程序：image标签是block元素
微信小程序：
app.json里的内容如果重复了，会报错
支付宝小程序：app.json里的内容如果重复了，不会报错
为了代码兼容性更好，app.json里不要写重复的东西
关于<input>标签闭合问题：
微信小程序：<input>会报错
支付宝小程序和网页：<input>不会报错
为了代码兼容性更好，记得写<input/>不要写<input>
微信小程序的title：navigationBarTitleText
支付宝小程序的title：defaultTitle
微信小程序设置缓存：wx.setStorageSync("key","value")
支付宝小程序设置缓存：my.setStorageSync({
key: 'currentCity',
data: {cityName: '杭州', }
});
问：同样是2rem，微信小程序里只能放2个文字，支付宝小程序里可以放4个文字而且还有剩余空间，怎么办？
答：把rem转换成rpx，每1个rem设置成100rpx
网友评论