es6观察者模式

// 被观察的目标对象 let obj = { name: 'zyc', csdn: '博客'}; // 观察者 function print() { console.log('对象被操作了!'); } // 使用proxy代理 const observeObj = (obj) => new Proxy...

swiper 出现闪屏 antd-mobile

在做一个移动端项目时,用swiper 做的页面切换,但是页面里面还会有swiper轮播图 和其他内容,在滑动外部swiper时,除开里面swiper的元素会发生闪动的情况。 解决方法:给外部元素的父标css套一个:transform:translate3d(0,0,0);overflow:hidden;...

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

network面板通过基座加载子应用时候,出现了一个js文件404 这里面很蹊跷,因为子应用单独可以启动,子应用被基座家加载时候只有一个js文件404了,而且是一个异步加载的js,那么可以判断,肯定是加载逻辑这块出了问题 在子应用中调试,打开public-path文件发现没有运行 核心问题是:当时发现子...

手写promise any

MyPromise.any = function(promises){ return new Promise((resolve,reject)=>{ promises = Array.isArray(promises) ? promises : [] let len = promises.length...

React 18 useEffect执行了两次

useEffect 在以下两种情况下会执行两次。 仅在开发模式下 :这是每个人本地开发时构建应用的模式。 在严格模式下 :这个是在使用 create-react-app 或者 Next.js 构建应用时的默认模式。 阻止 useEffect 执行两次的方法只有一个,那就是 关闭严格模式 在 Next.j...

React组件使用泛类型

class类组件: // 定义组件 class MyComponent<P> extends React.Component<P> { internalProp: P; constructor(props: P) { super(props); this.internalProp = props; }...

React父组件调用子组件的方法

类组件中 React.createRef() 优点:通俗易懂,用ref指向。 缺点:使用了HOC的子组件不可用,无法指向真是子组件 比如一些常用的写法,mobx的@observer包裹的子组件就不适用此方法。 import React, { Component } from 'react'; class...

宝塔

Centos全新安装命令:根据系统执行框内命令开始安装(大约2分钟完成面板安装)升级后可能需要重启面板 Ubuntu/Deepin全新安装命令: wget -O install.sh http://v7.hostcli.com/install/install-ubuntu_6.0.sh && sudo...