swiper 出现闪屏 antd-mobile
在做一个移动端项目时,用swiper 做的页面切换,但是页面里面还会有swiper轮播图 和其他内容,在滑动外部swiper时,除开里面swiper的元素会发生闪动的情况。
解决方法:给外部元素的父标css套一个:transform:translate3d(0,0,0);overflow:hid...
node连接mysql以及防注入的手段
安装mysql
$ yarn add mysql
建立连接池、常用sql语句
// mysql.js
const mysql = require('mysql');
// 创建连接池
const pool = mysql.createPool({
host: 'xxx.xx.xx...
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
// 用于收集所有 r...
React 18 useEffect执行了两次
useEffect 在以下两种情况下会执行两次。
仅在开发模式下:这是每个人本地开发时构建应用的模式。
在严格模式下:这个是在使用 create-react-app 或者 Next.js 构建应用时的默认模式。
...
nohost远程抓包调试
https://github.com/Tencent/nohost
pnpm --no-install 不在 npm 注册表中
husky升级8.0.1之后
运行pnpm husky install
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 Sub extends Component {...
cli 安装npminstall
import npminstall from 'npminstall';
npminstall({
root: this.targetPath,
storeDir: this.storePath,
registry: getNpmRegistry(),
...