06. Vue 从列表页面进入详情页面,再次返回原页面,不清空查询条件或滚动位置
当我们在列表页面进行了搜索操作,进入详情页面后再返回,我们会发现列表页面的搜索条件被清空了。第一时间我们想到的肯定是使用,Store存储搜索栏中的数据,当页面返回的时候再重新显示搜索数据,当然这没有问题,但相比于使用`keep-alive` 就显得有些多余了。在移动端,在进入详情页面之后,保留列表页面的状态是更为常见的需求。
当我们在列表页面进行了搜索操作,进入详情页面后再返回,我们会发现列表页面的搜索条件被清空了。第一时间我们想到的肯定是使用,Store存储搜索栏中的数据,当页面返回的时候再重新显示搜索数据,当然这没有问题,但相比于使用`keep-alive` 就显得有些多余了。在移动端,在进入详情页面之后,保留列表页面的状态是更为常见的需求。
很久之前就知道古典的《拆掉思维的墙》,也尝试读了几次都没有坚持下来,这次是从周岭推荐的好运书单里面知道了这本书,再一次读古典的作品,这次一下就读完了。读这本书的初衷完全是想完成自己想读完好运书单中的所有书的目标,但读下来确实有很多不小的收获,有一些是我已经在实践了,但是在认知上没有进行过系统的定义,比如问题树、二八定律、正态分布、头部效应、知识源头、IPO系统、联机思考等。当然也有一些概念是我第一次知道或者说没有亲自实践过,比如知识晶体、51%的胜率。
Axios 是前端最常用的请求库,提供的功能也非常完善,能满足我们日常开发中的请求需要,但我们通常在项目里面都不会直接使用 Axios 库。我认为至少有两方面原因。首先,将项目中通用的请求逻辑进行封装,可以避免 DRY(不要重复自己) ,常见的通用逻辑包括请求拦截、响应拦截,异常的处理,请求取消、以及配置或数据格式的统一处理等。其次,对 Axios 库进行封装可以统一管理请求,提升了后续开发的可维护性。
表单验证是非常常见的需求,常见的做法就是借助UI库来实现,像 AntDVue和ElementUI都自带表单验证,使用方法也很简单。但问题是如果我们项目中只需要进行验证而不需要输入框的红色边框,UI 组件是没有提供配置的。
结合OKRT 结构,使用Notion实现OKR管理,建立两张表,分别制定目标和计划。目标是想要达成的结果以及衡量标准,计划是具体的任务,用以支持OKR的达成。并且目标的制定还结合了《只管去做》九宫格分类法,让生活均衡发展。