- 博客(15)
- 资源 (43)
- 收藏
- 关注
原创 超级字符串内class正则匹配替换 可以用于css modules
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
2018-11-29 14:13:51 1157
原创 React的setState()
注释掉 this.setState({val: this.state.val + 6}) 时:不注释掉 this.setState({val: this.state.val + 6}) 时: import React, { Component } from 'react';import './App.css';class App extends Component...
2018-11-22 12:03:52 217
原创 React的setState()
setState 通过引发一次组件的更新过程来引发重新绘制setState 方法被调用时,会引起 React 的 4 个生命周期的函数被调用: shouldComponentUpdate (this.state 没有得到更新) componentWillUpdate (this.state 没有得到更新) reader (this.state 得到更新) ...
2018-11-22 11:35:33 220
原创 React中setState
mountComponent 本质上是通过 递归渲染 内容的,由于递归的特性,父组件的 componentWillMount 一定在其子组件的 componentWillMount 之前调用,而父组件的 componentDidMount 肯定在其子组件的 componentDidMount 之后调用。若使用 this.state.xxx 赋值更新状态,的确能够改变状态,但是无意义,...
2018-11-21 19:00:39 228
原创 从头实现一个简易版的React虚拟dom和diff算法
<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>从头实现一个简易版的React虚拟dom和diff算法</title> <script src="https://cdn.bootcss.com
2018-11-21 16:44:45 304
原创 React,如何理解虚拟DOM,以及相关优质博客推荐
React在Virtual DOM上实现了DOM diff算法,当数据更新时,会通过diff算法计算出相应的更新策略,尽量只对变化的部分进行实际的浏览器的DOM更新,而不是直接重新渲染整个DOM树,从而达到提高性能的目的。你给我一个数据,我根据这个数据生成一个全新的Virtual DOM,然后跟我上一次生成的Virtual DOM去 diff,得到一个Patch,然后把这个Patch打到浏览器...
2018-11-20 19:05:12 233
原创 crate-react-app 之 css modules
App.jsimport React, { Component } from 'react';import CSSModules from 'react-css-modules';import styles from './App.module.css';class App extends Component { render() { return ( ...
2018-11-15 11:56:44 897
原创 react-router-dom
import React, { Component } from 'react';import { BrowserRouter as Router, Route, Link } from "react-router-dom";const Index = () => <h2>Home</h2>;const About = () => <h...
2018-11-13 19:00:36 235
原创 slider插件 滚动条插件 基于g2-plugin-slider.js修改
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,height=device-height"> <title>g2 sl...
2018-11-09 09:50:25 2469
原创 React 在body上绑定事件以及阻止事件冒泡
<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>React 在body上绑定事件以及阻止事件冒泡</title> <script src="https://unpkg.com/react@16/u
2018-11-07 19:01:04 2164
原创 React 动态填加class,使用classnames库代码
使用classnames:一个简单的JavaScript实用程序,用于有条件地将类名连接在一起。<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>React 动态填加class</title> <
2018-11-07 14:43:55 3220
原创 React 点击按钮显示div与隐藏div
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>React 点击按钮显示div与隐藏div</title> <script src="https://unpkg.com/react@16/u
2018-11-07 13:57:40 15878 2
原创 g2曲线图 每条曲线有单独的选中效果和tooltip
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,height=device-height">
2018-11-05 17:38:41 3625
原创 echart自定义堆叠柱状图,每个矩形框都可以出现不同的tooltip内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>堆叠柱状图</title> <style> .m-main{margin: 200px;
2018-11-02 13:42:44 5269
原创 overflow:hidden / scroll不会隐藏所有子元素
拥有overflow:hidden样式的块元素不具有position:relative和position:absolute样式; 内部溢出的元素是通过position:absolute绝对定位,并且该定位元素的包含块是设置overflow:hidden元素的父级元素<!DOCTYPE html><html lang="en"><head> ...
2018-11-02 10:50:48 1669
《2024年AIGC应用层十大趋势白皮书》
2024-01-08
ChatGPT从入门到精通.pdf
2023-04-27
[精通Spring.MVC].(Pro.Spring.MVC.With.Web.Flow).英文版
2015-01-26
Java Swing图形界面开发与案例详解.part2.rar
2014-01-02
Java Swing图形界面开发与案例详解.part1.rar
2014-01-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人