- 博客(5)
- 收藏
- 关注
原创 前端flex布局
flex-basis:0,元素可以在flex-basis为 0 的基础上伸缩。flex-basis:0,元素可以在flex-basis为 0 的基础上伸缩。如果父容器有多个子元素,则其中一个设置有flex:1的子元素会占用所有剩余的可用空间。align-self: 是用于在 Flex 布局中控制单个 Flex 项目(子元素)在交叉轴上的对齐方式的 CSS 属性。这会导致清除浮动的问题,并需要额外的代码来确保正确的布局。flex-grow:指定 Flex 项目的放大比例,决定了子元素在剩余空间中分配的比例。
2023-09-15 21:02:20
445
原创 前端之webpck的优化
所以对于一些体积较大 但是比较稳定的包,我们应该直接使用cdn加速服务来处理(意思就是我们在上线的时候 通过html代码引入这个 js包使用即可,而不是打包到我们的js当中。假设我们不采用cdn引入一些公共的类库比如说 ecahrt或者是 jquery等等这些,但是我们又在我们的代码里面进行了引入,默认情况下webpack还是会对这些引入的库进行解析处理。这些包的其实都是很稳定而且比较庞大的包,webpack去解析这些文件耗时又没有实际的意义,因为我们基本不会改动里面的内容。webpack排除打包。
2023-09-13 16:58:59
691
原创 axios详解
在拦截的错误err中解构出config,通过设置config.retry重连的最高次数,设置config.retryCount为已经重连的次数,然后判断config.retryCount是否大于等于config.retry的次数,大于则停止请求,否则config.retryCount重连次数加1。使用 Axios 提供的取消请求的功能,以确保在离开页面时取消尚未完成的请求。在进行服务器请求的时候,先将Token发送验证,如果accessToken有效,则正常返回请求结果;
2023-09-08 16:45:51
1100
原创 前端之本地存储(localStorage)
在HTML5中浏览器为了前端攻城狮的数据使用方便,提供了一个存储数据的空间,将数据永久性存储在客户端上,不主动删除就一直在浏览器上。言外之意就是说,存的多了,会导致浏览器很卡。本地存储也是使用键值对的形式进行存储的。
2023-07-12 10:22:02
1373
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅