随笔分类 - H5前端
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .home { width: 100%; height: 100px } .son{ height: 50px; w
阅读全文
摘要：转载自：https://www.cnblogs.com/jshaxclcc/p/10194724.html 代码如下： #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50p
阅读全文
摘要：.green-flag { width: 2rem; height: 2rem; padding: 0.375rem; border-radius: 0.25rem; user-select: none; user-drag: none; cursor: pointer; } .green-flag
阅读全文
摘要：图中的小手图标svg的尺寸为 width="18px" height="21px" 小手图标为div的背景，因为高度>宽度，div的宽高都是1rem，所以被拉伸了。 解决办法：修改SVG图片中宽高、viewbox值 关于SVG的viewbox值的定义：https://www.jianshu.com/
阅读全文
摘要：在React项目中出现这个红色warning： Warning: react-modal: App element is not defined. Please use `Modal.setAppElement(el)` or set `appElement={el}`. This is neede
阅读全文
摘要：转自：https://www.cnblogs.com/feng3037/p/11150833.html 原先错误的写法： onClick={that.某方法(某参数)} 正确写法： onClick={() => this.某方法(某参数)} // 或者 onClick={this.某方法.bind(
阅读全文
摘要：//父层级设置显示样式 document.getElementById("maskDiv").style.display = 'block'; //子节点设置样式var mask = document.createElement('div'); mask.id = 'maskDiv'; mask.s
阅读全文
摘要：在组件的render函数中遍历数组menus[]并且要return返回虚拟Dom对象。 render() { return createPortal( this.state.visible && <div className={styles.modal}> <div className={style
阅读全文
摘要：下面代码是组件源码： import React, {Component} from 'react' import {createPortal} from 'react-dom' import styles from './modal.css' export default class Modal e
阅读全文
摘要：下面样式设置到父div上： .modal { display: flex; align-items: center; /*竖直居中 垂直居中*/ justify-content: center; /*水平居中*/ }
阅读全文
摘要：The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu 出现这个问题，网上搜索结果为：Chro
阅读全文
摘要：子模块的文件引入父工程对象时，出现红色warning，提示传入的对象类型不是所要求的类型。 思路是父工程引用的JS包和子模块使用的包不是同一个包，解决办法是父工程和子工程都使用同一个包。 resolve: { symlinks: false, /* 1,模块的相对路径的设置 * 2,因为字模块和父目
阅读全文
浙公网安备 33010602011771号