接触了小程序大概半年的时间,今天来浅浅的总结一下和react开发的异同点,首先登场的是相似的地方:
适配问题
- 对于带有border的高度尽可能的使用_padding_去撑开,而不是直接写死当前view的高度,因为对于不同手机对像素的解释不一样,会导致border只有一半。
- 对于绝对布局尽可能小像素处理,比如_left:300px_,我们需要尽可能的让这个值变小并且尽可能的取0(原因同上,不同手机对像素解释不同,写的像素值越大就越有可能导致视觉效果的偏差)。
- 大View包裹小View的时候,中间又间距的时候要避免使用高度和_padding_、_margin_去处理,尽量使用_flex_去做居中处理。
- 对于服务端返回的带有宽高的图片(比如大图、背景图),在实际展示过程中,要去计算图片的宽高比,从而减少图片在页面上被拉伸的可能性。
接下来就是不同点了:
生命周期
1.在小程序开发中除了基本的react生命周期函数_constructor_、componentDidMount、componentWillUnmount、shouldComponentUpdate、componentDidUpdate_等,还有_componentDidShow、componentDidHide 等生命周期函数
2.hooks中除了使用了React Hooks的常用hooks方法,还有一些经常用到的_useRouter_ 、useReady