- 博客(26)
- 收藏
- 关注
原创 移动端视频作为全屏背景播放
在此之前搜寻了两天使用video标签的解决办法,x5-video-player-type和webkit-playsinline属性都不管用,出项的问题是,进入首页自动播放时会唤起手机的视频播放器(safari),还有不会自动播放的(微信内嵌网页)以下是我在react项目中涉及到的相关代码,可做相关参考。滴滴的移动端官网就是这样的办法实现的类似效果。最后终于遇到参考文章的办法,序列图片视频化。
2023-09-05 16:32:02
264
原创 React订单倒计时
expireTime是后端给的到期时间,isFresh,setIsFresh是前端在倒计时结束后刷新数据用的,下面只给出关键代码。
2023-08-09 09:51:27
194
原创 IIS部署前端项目刷新报错404
react项目部署在windows服务器上时,使用IIS来部署,部署完成后打开响应ip+port没有报错,在相应页面点击刷新会出现这样的错误。解决办法:在项目根目录的web.config文件中使用下面一段代码即可(如果没有web.config可以手动创建一个)有的文章使用URL重写进行配置相关内容是一样的道理,使用URL重写配置之后也会自动生成相应的web.config。
2023-07-17 11:12:38
1199
原创 caught (in promise) DOMException: play() failed because the user didn‘t interact with the document
因为用户没有首先与文档交互。这是由于Chrome 66之后为了避免标签产生随机噪音禁止没有交互前使用js进行播放,防止开发者滥用自动播放功能而对用户产生骚扰
2023-04-21 08:54:53
1042
原创 React缓存(获取历史路由/堆栈)
判断上一个页面的路由是不是详情页的路由,然后提前把页面的查询条件存储起来,如果进入这个页面时候的上个路由时详情页的,那就拿到存储起来的条件去渲染页面,达到一个缓存的效果。
2023-02-24 15:17:49
2383
原创 移动端正常展示网页版页面bug
今天收到了产品提过来的bug,网页版得官网,在手机端看是这样的,背景只展示了一部分,我打开手机,初始页面是那一窄部分的样子,缩小后是这样的。一开始在想,是不是因为我把背景的盒子宽度设置了100%,所以宽度是手机屏幕的宽度,背景也就变成了这个宽度。
2023-02-15 14:25:24
115
原创 判断时间在最近哪个范围&&获取近三天、近一周、近一个月、近半年的时间
【代码】判断时间在最近哪个范围&&获取近三天、近一周、近一个月、近半年的时间。
2023-02-14 15:04:16
677
原创 Proform表单手动刷新
setFieldsValue时不需要使用initialValue或者request来使表单接受数据。由于Proform是对Form的进一步封装,所以我们可以使用Form的form绑定去实现。需要刷新的时候调用刷新的方法即可,但要注意使用不当会出现我上一篇文章的报错,具体可看。方法内第一行即可实现表单刷新,第二行是赋初始值。
2023-01-31 13:41:59
542
原创 Instance created by `useForm` is not connected to any Form element. Forget to pass `form` prop
调用 form 方法时, form还没有初始化导致报错
2023-01-31 09:03:27
1339
原创 React子路由由于不懂react-route中Outlet不显示
最近搭了一个layout布局,由于之前没有尝试过,在搭建过程中遇到了子路由不显示的问题,路由如下。经过搜索才明白需要在layout组件中添加Outlet组件去表明子路由渲染的位置,如下。页面只显示了layout组件的内容,但home组件内容没有渲染。
2023-01-05 14:26:29
1448
原创 at-rule or selector expectedcss(css-ruleorselectorexpected)
at-rule or selector expectedcss(css-ruleorselectorexpected)
2022-11-23 14:17:22
3669
原创 获取下周、下月时间
import moment from "moment";// 时间var now = new Date(); // 当前日期var nowDayOfWeek = now.getDay(); // 今天本周的第几天var nowDay = now.getDate(); // 当前日期var nowMonth = now.getMonth(); // 当前月var nowYear = now.getYear(); // 当前年 export function getTime(value.
2022-03-25 09:50:28
161
原创 自动循环播放产品列表(横向)
html<div class="productList"> // 相对定位 <div class="productListItem productInfo1" id="productListItem"> </div> // 绝对定位 <div class="productListItem productInfo2" id="productListItem"> </div> // 绝对定位</div>js
2022-03-21 15:40:53
127
原创 获取本周第一天和最后一天&本月第一天和最后一天&本年第一天最后一天&昨天&前天日期
getCurrentDay(currentDate) { let thisweek = {} let thisMonth = {} let thisYear = {} let date = new Date(); // 本周一的日期 date.setDate(date.getDate() - date.getDay() + 1); thisweek.start_day = date.getFullYear() + "-" .
2022-02-28 17:18:56
570
2
原创 Uncaught Error: Objects are not valid as a React child (found: [object Promise]).
上周做项目遇到了这个问题,卡了很久很久我是在render()函数中调用了自定义的方法然后在函数中返回dom元素但由于我以上使用async函数的写法导致了以上的错误本质是因为async函数返回的是一个promise对象,但是要在render()中渲染需要是一个数组,所以就一直报这个错改为以下普通函数写法即可...
2022-02-28 16:42:44
1532
原创 React行内样式
之前写react行内样式一直不懂为啥是 style={{}} 有两个大括号今天百度了才知道 react的行内样式本质上是一个对象
2022-02-28 16:20:21
661
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人