喝杯茶先~

导航

2022年8月6日 #

(前端)「备忘录」设计模式在项目开发中的应用

摘要: 1. 事件起因 之前做一个驾照考题的项目,有一个这样的问题,每当我选好了科目和驾照类型后(如图1),点击开始考试就会跳到考试页面(Test.tsx),并且在Test组件中对我架设的中间层发起请求获取数据(如图2)。 如果用户手滑的话不小心点到了左上角的返回,或者狠狠地把屏幕往右滑动一下的话,都会返回 阅读全文

posted @ 2022-08-06 00:05 红果园园长 阅读(542) 评论(0) 推荐(1) 编辑

2022年8月5日 #

(前端)「中介者」设计模式在项目开发中的应用

摘要: 1. 事件起因 事情是这样的,我之前在做一个仿网易云的项目,想实现一个功能,就是点击歌曲列表组件(MusicList)中每一个item时,底部播放栏(FooterMusic)就能够获取我所点击的这首歌曲的所有信息(如图1到图2),但是底部播放栏是直接放在外壳组件App.vue中固定定位的,歌曲列表组 阅读全文

posted @ 2022-08-05 14:01 红果园园长 阅读(552) 评论(0) 推荐(0) 编辑

(前端)「状态」设计模式在项目开发中的应用

摘要: 1. 事件起因 最近在做一个关于星座的移动端项目,想实现这样一个需求,每次切换导航栏NavBar item时,都会使下面的页面级组件TodayView更改背景色样式(如图1到图2,导航栏从双鱼座切换到处女座,下面页面级组件的背景颜色由黄色切换至粉色)。 图1 图2 如果利用传统的办法,在点击事件的事 阅读全文

posted @ 2022-08-05 00:08 红果园园长 阅读(337) 评论(0) 推荐(0) 编辑