- 博客(15)
- 收藏
- 关注
原创 react报错
react 中出现报错在StrictMode中findDOMNode已被废弃,项目中使用了antd的Modal组件导致。解决方法:去掉React.StrictNode即可
2022-01-30 16:51:03
1257
原创 树形数据处理
用了好久的也有好些次的树形数据相关的内容,隔段时间还是不能立马想起来。将树形数据扁平化(树形数据转化为一维数组)let treeData = [{ id: 1, pid: "", txt: 1, children: [ { id: 11, pid: 1, txt: 11, children: [ { id: 111, pid: 11, txt: 111 }, { id: 112
2021-10-30 16:59:34
772
原创 Promise
Promise学习记录定义特点三种状态状态改变基本用法通过Promise实现ajax请求实例方法Promise常用方法定义异步编程的解决方案。特点对象状态不受外界影响一旦状态改变就不会再变,任何时候获取的都是改变后的结果。三种状态- pending: 进行中- fulfilled/resolved:已成功- rejected: 已失败状态改变1、 pending转为fulfilled2、pending转为rejected有且仅有以上俩种状态转变,且不可逆转基本用法let
2021-10-30 15:17:21
110
原创 常用moment时间总结
根据当前时间通过moment进行格式化 moment().format("YYYY-MM-DD HH:mm:ss"); // 2021-10-23 16:33:45 moment().format("YYYY"); // 2021 moment().format("MM-DD"); // 10-23 moment().format("HH:mm:ss"); // 16:37:41 moment().format("YYYY年MM月DD日 HH时mm分ss秒"); // 2021年10月23日 .
2021-10-23 18:06:31
2917
原创 css动画animation
CSS动画animationanimation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimation-directionanimation-fill-modeanimation-play-state动画示例往返运动的小球文字淡入淡出animationanimation属性是animation-name,animation-duration,animation-tim
2021-10-23 15:21:42
140
原创 实现页面缩放
使用css实现页面缩放需求: 点击放大按钮将页面进行扩大,每次扩大0.1倍,最大放大倍数1,点击缩小,每次缩小0.1倍,最小缩小至0.5倍** transform: scale()用于元素的缩放 **· scale(数值) ----- >缩放倍数,数值大于1即放大,反之缩小scaleX(数值) ---- > 水平方向缩放scaleY(数值) ---- > 垂直方向缩放scaleZ(数值) ---- > 3d缩放import React, { Component }
2021-10-10 11:52:03
624
原创 dom-to-img 学习记录(网页截屏)
最近看同事做了一个需求觉得比较有意思,就看了看相关代码,简单学习下。需求:点击截屏按钮将页面内容以图片形式下载下来形成截屏不止一种方式实现,我使用了dom-to-img进行演示dom-to-img文档链接以下代码使用react函数组件加载dom-to-imgyarn add dom-to-imgornpm install dom-to-img项目中引用/* in ES 6 */import domtoimage from 'dom-to-image';/* in ES 5
2021-10-10 11:15:18
871
原创 修改滚动条的样式
修改滚动条的样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
2021-10-09 06:22:51
80
原创 在react中获取dom元素
1、ref获取dom元素<div ref={el => this.nodeEle = el}> ====> this.nodeEle即为获取到的元素2、根据id获取dom元素document.getElementById(“idName”)3、通过类名获取dom元素document.getElementsByClassName(“className”) 获取到的是一个数组集4、根据标签名获取dom元素document.getElementsByTagName(‘标
2021-09-22 23:24:28
10782
原创 元素背景色设置透明度
今天遇到这么一个需求: 后端返回了一个按钮数据的list,数据格式如下,但是设计图给的样式是背景色有透明度显示的,所以这边将十六进制的颜色转换成rgba形式let data = [ { btnId: 1, name: '按钮1', color: "#3f6da7" }, { btnId: 2, name: '按钮2', color: "#5ada7" }, { btnId: 3, name: '按钮3', color: "#ef6d47" }, { bt.
2021-09-15 23:53:21
277
原创 react中通过axois和mockjs模拟数据请求
安装mockjs和axiosyarn add mockjsyarn add axiosmockjs用法参照官方文档创建mock文件夹并在文件夹下创建mock.jsmock.jsconst Mock = require('mockjs')module.exports = Mock.mock('/user', 'get', options => { const ret = Mock.mock({ 'user': { userName: '@cname' } }) r
2021-09-14 13:34:08
429
原创 reduce
reduce 接收俩个参数:(用来reduce的函数,计算结果的初始值)let letters = ["r", "e", "d", "u", "e", "r"];let word = letters.reduce((accumulatedResult, arrayItem) => { console.log(accumulatedResult, "-----", arrayItem); return accumulatedResult + arrayItem;}, "");.
2021-09-11 16:52:11
99
转载 时间戳生成随机数
function uniqueId() { var a = Math.random, b = parseInt; return ( Number(new Date()).toString() + b(10 * a()) + b(10 * a()) + b(10 * a()) );}
2021-09-11 16:47:33
532
原创 redux简单使用总结
以计数器为例分别使用state和redux对比学习redux不使用redux情况下export default class Counter extends Component { constructor(props){ super(props); this.state = { count: 0, } } increase = () => { this.setState({ count: this.state.count + 1 }) .
2021-09-11 16:41:42
261
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人