使用Taro完成车主小程序开发,首页部分引入banner资源位,完成自定义TabBar,上滑动效,支付弹窗公共组件的设计, 对接支付方提供的违约金sdk,配置husky完善前端提交规范和代码规范。 登录跳转首页过程未加载数据,经过生命周期分析,存在条件渲染的页面,子组件事件绑定所在生命周期会在父组件 onShow执行完成之后执行,在didMount中重新请求一次数据。 在willUnmount生命周期中事件解绑不成功,发现是退出登录采用relaunch,先清除页面栈,导致getCurrentInstance获 取的为上一个页面,需要对事件ID手动赋值解决该问题。 position为sticky吸顶失败,视频缓存在ios端失效,支付宝小程序无法自定义导航栏均通过查阅文档解决。
重构MIUI官网,为提升首屏加载速度,优化引擎搜索,采用nextjs框架对单页应用进行预渲染,配合tailwind css优化渲染 性能,CSS Grid + 媒体查询 + Screen Size Hooks 实现响应式布局 编写MIUI组件,使用MAML标记语言还原设计稿并实现桌面布局兼容,采用数组的形式模拟模块化封装思想,解决maml 语言自身的实现逻辑的困难