摘要: 看下效果: 1、网络慢情况图片加载过度效果 2、图片弹性布局,更具随机窗口大小等比例拉伸,错乱开,并且不影响原图片大小。 按照随机不等长度排列:每一行的图片个数不均等,等比拉伸 css代码: .pic .img_wrap { min-height: calc(100vh - 450px); disp 阅读全文
posted @ 2021-02-07 15:17 月亮出来了 阅读(905) 评论(0) 推荐(0) 编辑
摘要: 问题描述:前端通过发送验证码给后端,后端接口无法接收到cookie中的session。为什么无法接收到session呢,因为不同域问题。 场景:前端react,后台java。我们的跨域问题已经解决了,就是接口可以正常访问,前端没有通过设置代理proxy来处理,是通过后台设置允许跨域来处理的。 解决办 阅读全文
posted @ 2021-01-20 18:35 月亮出来了 阅读(5881) 评论(3) 推荐(0) 编辑
摘要: 前言:这篇文章没有涉及到基础的协议内容,大部分是开发中会遇到的一些问题。鉴于最近开发遇到一些问题,解决了感到很兴奋,也解决了我去年开发中自己遗留下的疑惑。偷得浮生半日闲,我写这篇文章,目的是为了方便大家理解理论与实际开发中的场景,更快地定位问题,解决开发中遇到的一些问题。 一、什么是HTTP协议 叫 阅读全文
posted @ 2020-10-12 14:24 月亮出来了 阅读(3057) 评论(0) 推荐(0) 编辑
摘要: 看不懂你打我。 前言:其实配置非常简单,只是思路没搞通走了一点点弯路,这里记录下,希望大家不要踩坑,这篇文章给你们白嫖。 场景:有一台SLB做负载均衡转发前端服务,两台ECS做项目部署机子,分别部署前端和后端项目,就是A机子部署前端,也部署后端,B机子同理。SLB用来做前端转发。(注:slb可以添加 阅读全文
posted @ 2020-09-29 13:49 月亮出来了 阅读(5070) 评论(6) 推荐(0) 编辑
摘要: 背景:我通过nginx转发请求,请求头中携带 id_token 字段,我们项目用这个作为用户识别的信息,但是后端没有接收到这个字段,所以提示未登录。 原因:nginx不会识别"_"这个符号,默认情况下它会忽略,所以后端没接收到,也就是说请求时候没将这个id_token转发过去导致的。 解决办法又两种 阅读全文
posted @ 2020-09-27 13:25 月亮出来了 阅读(8279) 评论(2) 推荐(2) 编辑
摘要: Promise是异步编程的一种解决方案,在ES6中Promise被列为了正式规范,统一了用法,原生提供了Promise对象,可以通过new 一个promise来使用它。 就我而言,使用并发请求的场景还是不会很少的,Promise简直太完美,太好用。 1、使用Promise并发的方法: 注:all会等 阅读全文
posted @ 2020-09-17 14:44 月亮出来了 阅读(1352) 评论(0) 推荐(0) 编辑
摘要: 需求:需要再请求头里面添加‘id_token" 自定义字段。 问题描述:后端已经设置了跨域请求,很奇怪明明后端设置了允许跨域,为什么添加了headers,在里面写id_token就不行,原因是因为后端没有设置请求头里有这个字段。也就是说后端要设置了允许有这个字段,前端才可以发送,否则浏览器会有一个o 阅读全文
posted @ 2020-09-11 10:31 月亮出来了 阅读(4753) 评论(0) 推荐(0) 编辑
摘要: 之前写动态表单遇到过坑,就是用index下标做key会导致bug,而且很严重! 今天有空写下文章记录下:怎么处理和逻辑 我用的是antd3的版本,3和4的表单有点不一样,不过差别应该不大。 需求: 1、选择类型切换展示固定的模板 2、通过新增字段可以动态增减表单里面的每一行 3、控制每一行的字段是否 阅读全文
posted @ 2020-09-01 10:48 月亮出来了 阅读(6677) 评论(1) 推荐(3) 编辑
摘要: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all 阅读全文
posted @ 2020-08-18 11:17 月亮出来了 阅读(4744) 评论(0) 推荐(0) 编辑
摘要: 问题展示:可以看到设置float:left的盒子没有高度,导致下面的盒子错乱,往上移了。 正确展示: 第一种方法:只需要在float浮动盒子的父级元素加上 overflow: hidden 就可以! 第二种解决办法:在浮动div的后面加上这个就可以 <div style={{ clear: 'bot 阅读全文
posted @ 2020-07-01 18:01 月亮出来了 阅读(1532) 评论(0) 推荐(0) 编辑