web worker实现倒计时

时间:2023-1-29   作者:lininn   分类:   热度:1°    
时间:2023-1-29   分类:    热度:1  
<CountDownTimer endTime={1569834068266} onEnd={this.onEndHandler.bind(this)} /> CountDownTimer.jsx import React from "react"; import styled from "styled-components"; import WebWorker from "../../utils/worker"; let work = function() { let timer = null; this.onmessag...

阅读全文>>

antd-mobile组件库 swiper不自动滚动问题

时间:2023-1-12   作者:lininn   分类:   热度:30°    
时间:2023-1-12   分类:    热度:30  
01- 轮播图组件问题 问题原因: 需要请求后台数据,所以一开始数据设置为空;但设置了autoplay,导致冲突 现象: 一开始不自动播放,当你手动滑动一张后会自动播放 //获取轮播图数据 async getSwiper() { const {data,status} = await getSwiper() if (status === 200) { this.setState( { swiper: data }, () => { ...

阅读全文>>

es6观察者模式

时间:2022-11-2   作者:lininn   分类:   热度:177°    
时间:2022-11-2   分类:    热度:177  
// 被观察的目标对象 let obj = { name: 'zyc', csdn: '博客'}; // 观察者 function print() { console.log('对象被操作了!'); } // 使用proxy代理 const observeObj = (obj) => new Proxy(obj, {set, get}); // 消息队列 const observeQueue = new Set(); const observe = (fn) => observeQueue.add(fn); // 设置 function set(target, key,...

阅读全文>>

swiper 出现闪屏 antd-mobile

时间:2022-11-1   作者:lininn   分类:   热度:171°    
时间:2022-11-1   分类:    热度:171  
在做一个移动端项目时,用swiper 做的页面切换,但是页面里面还会有swiper轮播图 和其他内容,在滑动外部swiper时,除开里面swiper的元素会发生闪动的情况。 解决方法:给外部元素的父标css套一个:transform:translate3d(0,0,0);overflow:hidden; 闪动元素/子元素:transform:translate3d(0,0,0)

阅读全文>>

node连接mysql以及防注入的手段

时间:2022-10-28   作者:lininn   分类:   热度:182°    
时间:2022-10-28   分类:    热度:182  
安装mysql $ yarn add mysql 建立连接池、常用sql语句 // mysql.js const mysql = require('mysql'); // 创建连接池 const pool = mysql.createPool({ host: 'xxx.xx.xxx.xxx', // 服务器ip port: 3306, // mySql运行的端口号(默认3306) database: 'name', // 数据库名称 user: 'user', // 数据库用户 passwor...

阅读全文>>

Webpack5把微前端qiankun的配置文件tree sharking了

时间:2022-10-17   作者:lininn   分类:   热度:205°    
时间:2022-10-17   分类:    热度:205  
network面板通过基座加载子应用时候,出现了一个js文件404 这里面很蹊跷,因为子应用单独可以启动,子应用被基座家加载时候只有一个js文件404了,而且是一个异步加载的js,那么可以判断,肯定是加载逻辑这块出了问题 在子应用中调试,打开public-path文件发现没有运行 核心问题是:当时发现子应用的__webpack_publicPath__这个变量没有被修改,所以造成了请求的host不对,异步加载的js文件404了 文件被webpack5给tree sharking了 在package.json中添加的sideEffects字段 ...

阅读全文>>

手写promise any

时间:2022-9-28   作者:lininn   分类:   热度:228°    
时间:2022-9-28   分类:    热度:228  
MyPromise.any = function(promises){ return new Promise((resolve,reject)=>{ promises = Array.isArray(promises) ? promises : [] let len = promises.length // 用于收集所有 reject let errs = [] // 如果传入的是一个空数组,那么就直接返回 AggregateError if(len === 0) return reject(new AggregateE...

阅读全文>>

React 18 useEffect执行了两次

时间:2022-8-19   作者:lininn   分类:   热度:333°    
时间:2022-8-19   分类:    热度:333  
useEffect 在以下两种情况下会执行两次。 仅在开发模式下:这是每个人本地开发时构建应用的模式。 在严格模式下:这个是在使用 create-react-app 或者 Next.js 构建应用时的默认模式。 阻止 useEffect 执行两次的方法只有一个,那就是 关闭严格模式 在 Next.js 中 你可以在 next.config.js 配置文件中关闭严格模式: reactStrictMo...

阅读全文>>

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn