es6观察者模式

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

阅读全文>>

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

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

阅读全文>>

React组件使用泛类型

时间:2022-7-22   作者:lininn   分类:   热度:266°    
时间:2022-7-22   分类:    热度:266  
class类组件: // 定义组件 class MyComponent<P> extends React.Component<P> { internalProp: P; constructor(props: P) { super(props); this.internalProp = props; } render() { return ( <span>hello world</span> ); } } // 使用组件 type IProps = { n...

阅读全文>>

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