2020年3月4日
块元素，内联元素
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-03-04 20:09 帕丁顿 阅读(96) 评论(0) 推荐(0)
CSS_study1
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=<>>, initial-scale=1.0"> <title>CSS</title> <!--内部 阅读全文
posted @ 2020-03-04 19:58 帕丁顿 阅读(105) 评论(0) 推荐(0)
2020年3月3日
html_study1
摘要： <!DOCTYPE html> <!--html5文档声明不写一些浏览器进入怪异模式，必须写--> <html> <!--注释--> <!--head 标签的内容不会在网页中显示， 它用来帮助浏览器解析页面--> <head> <!--meta用来设置网页的元数据，如网页字符集，关键字， 简介 不影 阅读全文
posted @ 2020-03-03 14:41 帕丁顿 阅读(182) 评论(0) 推荐(0)
2020年2月16日
react-transition-group
摘要： yarn add react-transition-grouphttps://reactcommunity.org/react-transition-group/css-transition 阅读全文
posted @ 2020-02-16 21:49 帕丁顿 阅读(188) 评论(0) 推荐(0)
React 中Ref 的使用
摘要： e.target 获取事件的元素 ref = 一个函数 阅读全文
posted @ 2020-02-16 17:57 帕丁顿 阅读(117) 评论(0) 推荐(0)
虚拟DOM and diff 算法
摘要： 1. 数据 state 2. JSX模板 3. 数据+模板 结合生成真实的DOM来显示 4. State 变化 5.数据+模板 结合生成真实的DOM， 替换原来的DOM 缺陷： 第一次生成了完整的DOM， 第二次生成了完整的DOM， 第二次替换第一次， 非常消耗性能 1. 数据 state 2. J 阅读全文
posted @ 2020-02-16 17:45 帕丁顿 阅读(112) 评论(0) 推荐(0)
React state, props and render 关系
摘要： 页面初始化时 render被执行一次 当state和props 变化时 调用render() 函数 当父组件的render函数被运行时，它的子组件的render函数也会被重新运行 阅读全文
posted @ 2020-02-16 17:11 帕丁顿 阅读(139) 评论(0) 推荐(0)
PropTypes and defaultProps
摘要： TodoItem.propTypes = { content: PropTypes.string, deleteItem: PropTypes.func, index: PropTypes.number } TodoItem.defaultProps = { content: 'test' } 阅读全文
posted @ 2020-02-16 17:00 帕丁顿 阅读(86) 评论(0) 推荐(0)
JSX 语法
摘要： 1.如何写注释在JSX： {/* comments */} { // } 2. Fragment 替代最外层的div import React, { Component, Fragment } from 'react'; 3. e.target.value 每次触发DOM事件时会产生一个事件对象（也 阅读全文
posted @ 2020-02-16 16:38 帕丁顿 阅读(177) 评论(0) 推荐(0)
2020年2月10日
this的指向问题
摘要： 类中的this 指向: constructor 中的this 指向的是实例对象 类方法中this 调用方法的对象 原型对象中的this指向: this 指向的是实例对象 阅读全文
posted @ 2020-02-10 16:42 帕丁顿 阅读(71) 评论(0) 推荐(0)
下一页