![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
我的ID是小白
个人努力专研前端知识中
展开
-
如何解决滑动listview的时候老是触发item的点击事件
滚动list-content时,会先后触发onTouchStart和onTouchEnd方法,若点击item那么应该在不是start的时候触发点击,滑动的时候onTouchEnd函数会在手指松开的时候触发,有一个过程,点击事件的时候onTouchEnd会快速触发,所以依照onTouchEnd有没有触发来判断是否为点击事件let scrollStatus=''; <div className='list-content' onTouchStart={() => {原创 2021-09-15 10:54:15 · 618 阅读 · 0 评论 -
taro判断内容区域的文字是否超出父标签设置的宽度,文字宽度小于父标签的宽度隐藏下拉按钮
注意初始化阶段需要delay至少500ms再去调用,不然可能访问不到节点 setTimeout(() => { const query = Taro.createSelectorQuery() query.select(".toggle-open").boundingClientRect() query.select(".notice-world").boundingClientRect() query.select('.check-world-len原创 2021-06-24 19:00:53 · 375 阅读 · 0 评论 -
简单的倒计时
countDown = () => { const { placeOrderTime, interval } = this.state const startTime = placeOrderTime;//下单时的时间戳 const stopTime = new Date().getTime()//当前时间时间戳 const cTime = stopTime - startTime //大于15分钟之后设置订单状态为失效 if (cTime >.原创 2021-04-25 16:42:10 · 88 阅读 · 0 评论 -
react中用react-photo-view实现点击图片,图片放大可移动拉拽的效果
下载插件yarn add react-photo-view引入插件及样式import { PhotoProvider, PhotoSlider } from 'react-photo-view';import 'react-photo-view/dist/index.css';使用插件 <div className="img" onClick={() => setFlag(true)}> <PhotoProvider> .原创 2020-09-24 16:26:46 · 4167 阅读 · 0 评论 -
简单节流防抖函数
export default (func, threshold = 500, immediate = false) => { if (typeof func !== 'function') { throw new Error('First argument of debounce function should be a function'); } let timer = null; return function debounced(...args) { const原创 2020-08-31 17:47:06 · 176 阅读 · 0 评论 -
写react项目的时候遇见的一些安装配置的问题
antd在React项目中按需加载:https://blog.csdn.net/weixin_33885676/article/details/91379768在react中配置less:https://www.cnblogs.com/jayxiangnan/p/9116663.html原创 2020-02-04 22:22:00 · 125 阅读 · 0 评论 -
creact-react-app项目中暴露配置时出现问题的解决
详情:https://www.jianshu.com/p/19cdf46237d8原创 2020-01-10 11:03:28 · 487 阅读 · 0 评论 -
React项目快速搭建之脚手架搭建
create-react-app是Facebook官方推出的脚手架,基本可以零配置搭建基于webpack的React开发环境* npm install -g create-react-app /*搭建一个全局的脚手架*/* create-react-app my-demo /*创建项目 my-demo是项目名字*/* cd my-demo /*进入目录 然后启动*/* npm start...原创 2019-11-22 16:19:00 · 204 阅读 · 0 评论