毛栗的demo - 博客园

2020年12月4日

摘要： 1，import 2，react.lazy() 3, react.suspence() 阅读全文

posted @ 2020-12-04 16:22 毛栗的demo 阅读(127) 评论(0) 推荐(0)

摘要： 1,公共信息的传递（主题，语言） 2，用props太繁琐 3，用redux太小题大作。 import React from 'react' // 创建 Context 填入默认值（任何一个 js 变量） const ThemeContext = React.createContext('light' 阅读全文

posted @ 2020-12-04 16:09 毛栗的demo 阅读(122) 评论(0) 推荐(0)

react：protals

摘要：传送门功能：将组件提到指定位置，不影响组件编写结构。 1，overflow：hidden； 2，z-index 3，position：fixed（body 根处）阅读全文

posted @ 2020-12-04 15:42 毛栗的demo 阅读(82) 评论(0) 推荐(0)

react：非受控组件。

摘要： 1，input的值不受state改变。通过ref获取。 2，ref，defaultValue，defaultChecked 3，场景：必须操作DOM，setState实现不了。eg：<input type='file'>、富文本编辑 4，与受控组件比较，受控组件更符合react设计思想。阅读全文

posted @ 2020-12-04 15:35 毛栗的demo 阅读(102) 评论(0) 推荐(0)

2020年12月3日

react：生命周期（与vue对比）

摘要：阅读全文

posted @ 2020-12-03 16:58 毛栗的demo 阅读(66) 评论(0) 推荐(0)

react：setState

摘要：一，不可变值： 1，不能在setState外面，改变state本身的值。二，同步或者异步 1，直接使用是异步的。setState可以传回调函数。 2，在setTimeout中使用是同步的。 3，在自定义DOM事件中，是同步的。三，可能会被合并阅读全文

posted @ 2020-12-03 16:28 毛栗的demo 阅读(64) 评论(0) 推荐(0)

react：父子组件通信：props

摘要： props：传递数据、传递函数、类型检查。阅读全文

posted @ 2020-12-03 15:38 毛栗的demo 阅读(94) 评论(0) 推荐(0)

react (一)：事件、form

摘要：与原生event的差异： form：受控组件：通过自定义onChange事件，来控制input的value值，受state控制。非受控组件：表单值不受state控制。阅读全文

posted @ 2020-12-03 15:25 毛栗的demo 阅读(90) 评论(0) 推荐(0)

2020年12月2日

获取地址栏参数

摘要： function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { 阅读全文

posted @ 2020-12-02 16:09 毛栗的demo 阅读(56) 评论(0) 推荐(0)

2020年11月27日

模式：观察者模式

摘要：概念：当对象间存在一对多关系时，则使用观察者模式（Observer Pattern）。比如，当一个对象被修改时，则会自动通知依赖它的对象。观察者模式属于行为型模式。发布&订阅。一对多。代码实现：阅读全文

posted @ 2020-11-27 18:29 毛栗的demo 阅读(59) 评论(0) 推荐(0)

公告