首页及骨架屏

合集 - uniappx(8)

1.个人中心+登录2024-07-06

2.首页及骨架屏2024-07-06

3.发布帖子2024-07-144.个人空间2024-07-145.uniappx和hbuilderx升级为4以后控制台报错java错误相关2024-07-146.编辑个人资料+粉丝/关注/收藏/历史阅读列表2024-07-147.关于我们2024-07-148.聊天chat封装2024-07-14

收起

1. tabbar-swiper+long-page组件封装
2. 组件类型定义ComponentPublicInstance类型
3. 组件封装了长列表遍历了swiper-item此时类型附带[]，如果调用子组件的方法可以(this.$refs['组件ref属性值'] as 驼峰ComponentPublicInstance)?.foo?.();方式
4. 涉及到了关注和顶踩的切换，由于uniappx编译为app的性能由dom的层级决定，于是为了长列表的组件性能达到极致并且在首页改后项目中其他页面访问同一文章的时候不是由onSHow处理请求不再频繁调用获取统一最新数据，使用全局事件总线，用户切换的时候定义业务逻辑然后配置emit发布，并在页面最好是长列表组件里面去订阅一下(https://doc.dcloud.net.cn/uni-app-x/api/event-bus.html "全局事件总线")，之后触发即可，因为项目大部分都是采用长列表的形式，目前也是用了关注和顶踩两个需要，按业务书写自己的代码即可
5. 最重要的一点就是页面销毁或者直接在长列表组件销毁的时候记得off关闭对应事件的监听
6. 骨架屏因为不像小程序那样自动创建，如果是自己画采用如下方式
   UniElement
   drawablecontext
   总之目前uniappx生态还是在不断更新，期待后续吧