react
风风草
这个作者很懒,什么都没留下…
展开
-
【富文本编辑器】利用wangEditor编写的React富文本编辑器组件
富文本编辑器原创 2022-06-30 15:14:34 · 878 阅读 · 0 评论 -
【antd】Dropdown、Popconfirm保证使用滚轮会与原对象不分离脱离
核心代码getPopupContainer={triggerNode => triggerNode.parentNode}<Dropdown placement={"bottomRight"} getPopupContainer={triggerNode => triggerNode.parentNode} overlay={()=><Menu onClick={this.onClickMenu}>原创 2022-02-16 16:04:38 · 1260 阅读 · 0 评论 -
【antd】为Table指定key值
原创 2022-01-25 13:59:20 · 3933 阅读 · 1 评论 -
face-api.js、webcamjs实现人脸比对
import React, { Component } from 'react';import * as faceapi from 'face-api.js';import * as webcamjs from 'webcamjs';import { Button } from 'antd';class FaceCompare extends Component { // 初始化摄像机 _initCamera = async () => { await faceapi.nets原创 2021-10-28 14:10:52 · 1454 阅读 · 1 评论 -
【手动模拟锚点】
// 跳转对应的位置 toTopic = (id)=>{ let thisId = document.getElementById(id) // 修改html卷去的高度 document.documentElement.scrollTop = thisId.offsetTop - 80 }原创 2021-09-15 17:02:52 · 125 阅读 · 0 评论 -
antd的Table滚动时设置最大高度滚动范围
<Table dataSource={xxx} columns={columns} scroll={{ x: 1039, maxY: 655 }} // maxY最大高度 />原创 2021-08-26 15:40:13 · 1575 阅读 · 0 评论 -
react倒计时组件
import React, { Component } from 'react'/** ---倒计时组件--- 父组件传入分钟数:duration*/export default class CountDown extends Component { constructor(props) { super(props) this.state = { hour: props.duration, minute: '00', second: '原创 2021-08-09 15:11:29 · 1486 阅读 · 0 评论 -
【react中富文本字符串的回显】
利用dangerouslySetInnerHTML属性在显示时,将内容写入__html对象中<div dangerouslySetInnerHTML={{ __html: '<div>12345</div>' }} />原创 2021-07-27 17:14:17 · 614 阅读 · 0 评论 -
【IOS自动播放video】微信环境
1、引入包import wx from 'weixin-js-sdk'2、判断是否是IOS环境const isIOS = ()=>{ let u = navigator.userAgent; let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); return isiOS;}3、在组件内部定义自动播放方法 autoPlayVideo = () =>{ wx.config({ // 配置信原创 2021-06-22 10:18:23 · 352 阅读 · 0 评论 -
从零开始手动搭建webpack+react项目
基本步骤:1、使用 npm init命令生成 package.json 文件2、安装需要的依赖安装Reactnpm install --save react安装React Domnpm install --save react-dom 安装webpack打包工具npm install --save-dev webpack 使用 webpack 4+ 版本,还需要安装 webpack-clinpm install --save-dev webpack-cli原创 2020-11-01 15:08:19 · 377 阅读 · 0 评论 -
React新生命周期说明
可参考地址:https://www.cnblogs.com/jpwz/p/12411646.htmlimport React, { Component } from 'react'export default class NewReactComponent extends Component { constructor(props) {//初始化 super(props) // getDefaultProps:接收初始props // getIn原创 2020-07-25 20:07:18 · 144 阅读 · 0 评论