- 博客(6)
- 收藏
- 关注
原创 React 中运用context 实现多层级数据从上往下传递
React 中遇到父孙或者更深级别的组件通信,如果采用父子组件间props的传值方式,代码将会变得非常繁琐且难以维护,因此可以采用context 来传递数值import PropTypes from 'prop-types';export default class GrandFather extends Component { state={ toMyChild:'hah...
2019-04-01 15:33:35 1300
原创 React 中的父子组件相互通信
React 父组件引用子组件并给子组件传递参数或方法,子组件通过props来获取父组件传递过来的参数,或者触发父组件传递过来的方法来给父组件传值父组件:import React, { Component } from 'react'import B from './B'export default class A extends Component { state={ d...
2019-04-01 15:24:33 246
原创 React 项目中使用AntDesign框架时处理同一个页面使用多个Form表单的问题
React 项目中同一个页面使用多个Form表单,如果直接在Render中使用多个Forn,在提交某一个表单时会同时触发其他表单的提交事件,因此可以使用函数式的方法return出Form组件,然后再Render中引用,从而使页面上的Form相互独立代码如下:import React, { Component } from 'react';import { Form, Button,...
2019-04-01 11:18:46 22565 6
原创 运用canvas将两张图片画在一起,生成一张新的图片,然后实现点击下载图片
运用canvas将两张图片img1,img2画在一起,生成一张新的图片img3,然后实现点击下载图片img3 代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&am
2019-01-31 09:42:46 4657
原创 运用javascript模拟指针构建LRU缓冲池
运用javascript的Map对象、双向链表实现LRU算法,其中map中存储的是id及索引,而业务数据是存储在isOwnArr索引数组中,map中元素的索引与isOwnArr数组中元素的索引一一对应,需要更新视图时优先检查map中是否已存在该对象,若不存在则将id发往后台,返回新的数据,将id对象添加到map中,将返回的新数据添加到isOwnArr数组中,此缓冲池手动定义了数据存...
2018-06-07 10:56:39 206
原创 运用javascript构建四叉树算法
对于给定宽度、高度的区域内的大量坐标点,运用js实现数据的分层划分,即构建四叉树 //递归函数 var quatree=function(width,height,oriPoint,coorPoint,level,id){ //width-->区域宽度,height-->区域高度 //oriPoint-->区域原点(中心点),coorPoint-->坐标点集合 //...
2018-06-07 10:32:20 806
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人