解决办法: 办法一由于出现的场景是字体小于12px的时候,所以可以将原来包括 font-size 在内的属性放大两倍,再用 scale 缩小一倍 <p>标签</p> p{ font-size:20px; background: #f00; c...
移动端ios中H5动态加载数据滚动不了
记一次ios兼容问题,一个中秋节基本上一半时间都在测试这个问题,好在最后问题解决了,心情舒畅。 首先出现的问题是在,我在react中用到了mescroll,从列表跳转详情,很简单的需求,安卓机上没啥问题,测试人...
判断dom节点是否是隐藏
判断dom节点是否是隐藏 isHidden = (element) => { return (element.offsetParent === null);};
DIV 模拟数字键盘输入,实现禁用软键盘及光标闪动跟随
需求是这样的:需要实现一个虚拟键盘,仅包含数字和大写的字母(实现参考:https://www.love85g.com/?p=1777),然后就是直接在input上加属性readonly。 demo: https://www.sjooy.com/keyboard/ 猛一...
react中添加重新加载功能
我们在平时的开发中经常会遇到容错的情况,比如网络出问题了或者接口请求失败,我们会显示一个错误提示的组件,如下图: 我们需要重新加载一下当前路由,毫不犹豫的开始直接用 window.location.reload()...
dva中如何使用takeLatest、takeEvery
在使用dva的时候,我们在处理effects(副作用)的时候用的api都是封装的redux-saga,call、put、select之类的0学习成本直接用,但是takeLatest、takeEvery怎么试都没找到用法,最后跑到了dva官方的 Issues中找到...
react h5 自定义键盘(省、数字、大写字母键盘)
工作需求中有用到键盘,但是希望用户只能输入数字和字母大写,当然了,用自带的键盘也可以,在用户输入的时候转一下也行( text-transform: uppercase; ),还有js的形式来转换,大家自己查一下。 但是需求大...
react阻止冒泡的方式
1: 阻止合成事件与非合成事件(除了document)之间的冒泡,以下两种方式(2,3)都不适用,需要用到e.target 判断 if(e.target && e.target.matches('ul')){ return; } 2: 阻止合成事件的...
react中提示Do not mutate state directly. Use setState() react/no-direct-mutation-state
react中直接改变state会报警告 Do not mutate state directly. Use setState() react/no-direct-mutation-state,在react中不允许直接修改state,我们可以迂回来处理一下: let str = this.state.strArr; le...
react中实现倒计时功能
react中实现根据接口返回的毫秒数,显示倒计时:还剩于00分00秒 这里边有几个注意点,详情请查看:用setTimeout()方法来替换setInterval() import React,{ Component } from 'react'; class OrderDetail e...