
前端框架--react
文章平均质量分 62
mollerlala
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
react+customize-cra使用less+less-loader时,可能遇到的问题及解决办法
链接如下modules: {},},},},})原创 2024-06-29 13:04:19 · 1001 阅读 · 0 评论 -
react+video.js h5自定义视频暂停图标
注意:videojs升级后,不能用extend创建组件,需要按下方代码建一个组件。原创 2023-11-16 14:06:56 · 1545 阅读 · 0 评论 -
cra: addlessloader 配置报错解决方案(create-react-app)
报错1:Less LoaderLess Loader has been initialized using an options object that does not match the API schema. - options has an unknown property 'localIdentName'. These properties are valid: object { lessOptions?, additionalData?, sourceMap?, webpackImporte原创 2022-05-25 11:54:49 · 2030 阅读 · 19 评论 -
antd-mobile DatePickervView封装按日按月组件(TS版本)
用到前端语言:antd-mobile,react,typescript,less效果:可按月,按时间段筛选列表。时间选择组件接收month,startTime,endTime三个字段,type类型为stringonClose方法,点击取消的事件onOk方法,点击确定的事件效果图:页面代码import { Button, DatePickerView, } from 'antd-mobile'import dayjs from 'dayjs'import React, { use原创 2022-03-22 10:08:54 · 2952 阅读 · 0 评论 -
2020-10-24-选中input框,隐藏输入法键盘
终端特点:1、类似诺基亚的机皇款,本身带硬件键盘;2、屏幕小,输入法的键盘展示会遮挡屏幕,隐藏使用体验。需求:1、进入页面,输入框自动聚焦;2、隐藏输入法键盘,用设备自带的键盘type。网上两种方法:1、加readonly,此方法不能type,只能看,不适合我的业务场景。<input type="text" readonly />2、此方法,我这边测试,在手机和终端设备上,虽然不弹出键盘,但是既不能type,也没有焦点。$("#box").focus(funct原创 2020-10-24 14:04:26 · 1099 阅读 · 2 评论 -
react动态子路由不触发componentDidMount生命周期的解决
目录应用场景为什么不用子组件代替子路由不触发生命周期原因解决方法应用场景适用于列表页样式和交互相同,列表页只需根据tab的不同id调用对应列表的情况。比如下图为什么不用子组件代替子路由业务需要不同的tab对应不同的链接,链接可以分享给其他人直接查看。不触发生命周期原因componnetDidMount是在页面初次加载渲染的时候触发,而父路由改变tab时,列表页子路由组件已经渲染了,所以不会触发。解决方法父组件引用子路由时,给子路由的渲染组件加一个key即可原创 2020-06-28 16:46:33 · 4058 阅读 · 0 评论 -
react验证码倒计时
本文由两部分组成,思路和代码思路:1.运用componentWillReceiveProps方法的监听props改变的功能,2.这里倒计时要用setTimeout,不能用setInterval。代码:componentWillReceiveProps(next){ //短信验证码倒计时 if(next.isTimerStart && next.tim...原创 2019-09-12 17:19:32 · 428 阅读 · 0 评论 -
antd-mobile之listview结合react-redux的使用,带例子,带图
这个插件给我最大的体会是,官网看不懂的,把官网的例子复制到自己项目中,然后修改成自己的代码,慢慢来就懂了。。。。首先解释一下官网例1:自定义容器中各参数和方法的作用MyBody():这个方法是自定义滚动的范围是整个body滚动还是在你自定义的层里面滚动(个人认为可以用css的相对定位,绝对定位,overflow来实现同样的效果,所以这个方法看喜好来。);变量data:循环展示的数据集(如...原创 2019-08-13 18:10:14 · 1445 阅读 · 9 评论 -
react-BrowserRouter-nginx-二级目录配置
我的域名假设是http://www.abc.cn,二级目录是wsp;前端两步:第一步:package.json下加homepage字段: 正确写法:"homepage": "http://www.abc.cn/wsp/", 注意:这里一定要是绝对路径,我网上找了好多都是 方案1:"homepage": "." 方案2:"homepage": "./" ...原创 2019-07-18 11:50:54 · 6562 阅读 · 4 评论 -
以Sia-UI项目的文件组件为例参考阮一峰老师的react-redux入门教程对react-redux的用法总结
过一段时间后的批注:看了慕课网老师的react课程,这篇文章我推荐的链接还是值得看,但我对react的解释就不用看啦,因为部分理解还是不到位,而且没有对中间件的解释,但我是不会删除这个宝藏的,嘻嘻。阮一峰老师的文章链接:http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.htmlSia-UI的...原创 2019-02-22 16:51:39 · 405 阅读 · 0 评论