From 63aa2ba5a5542e4b7f6bbc6c9b10336f911bfaa7 Mon Sep 17 00:00:00 2001 From: liuc Date: Tue, 14 Sep 2021 22:48:37 +0800 Subject: [PATCH 1/3] =?UTF-8?q?feat:=20react=20=E5=90=88=E6=88=90=E4=BA=8B?= =?UTF-8?q?=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/README.md b/README.md index c5a2bee..90f9b31 100644 --- a/README.md +++ b/README.md @@ -166,6 +166,21 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [JavaScript 深入之头疼的类型转换(上)](https://github.com/mqyqingfeng/Blog/issues/159) - [ ] [JavaScript 深入之头疼的类型转换(下)](https://github.com/mqyqingfeng/Blog/issues/164) +## React + +### 合成事件 + +React 根据 [W3C规范](https://www.w3.org/TR/DOM-Level-3-Events/) 定义了合成事件。这是一个稍微冷门的知识点，但很考验我们是否扎实的掌握了浏览器的事件机制。掌握这个知识点，可以给人眼前一亮的感觉。 + +- [ ] 文档 + - [ ] [React官方文档-英文](https://reactjs.org/docs/events.html) + - [ ] [React官方文档-中文](https://zh-hans.reactjs.org/docs/events.html) +- [ ] 推荐文章 + - [ ] [【React深入】React事件机制](https://mp.weixin.qq.com/s?__biz=Mzg2NDAzMjE5NQ==&mid=2247484039&idx=1&sn=1f657356676d4809633f30668acb50d2&chksm=ce6ec62bf9194f3d8a4eb382bd01c56231908a1b08fb9c2c9783f96df6650ee808fe18343032&scene=178&cur_album_id=1403155327595495424#rd) + - [ ] [深入React合成事件机制原理](https://segmentfault.com/a/1190000039108951) + - [ ] [深入学习 React 合成事件](https://mp.weixin.qq.com/s/7Y70ozwJHBXON11fBCD9Og) + - [ ] [React源码分析6 — React合成事件系统](https://zhuanlan.zhihu.com/p/25883536) + ## 跨端框架 跨端的最主要的含义就是一套代码多端运行，减少重复劳动 From 02fad10950d33b98ee9aa1b2d3c90e2243475e90 Mon Sep 17 00:00:00 2001 From: liuc Date: Wed, 15 Sep 2021 10:51:18 +0800 Subject: [PATCH 2/3] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0react=E5=90=88?= =?UTF-8?q?=E6=88=90=E4=BA=8B=E4=BB=B6=E6=8E=A8=E8=8D=90=E6=96=87=E7=AB=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 874a804..527ec20 100644 --- a/README.md +++ b/README.md @@ -184,13 +184,13 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 React 根据 [W3C规范](https://www.w3.org/TR/DOM-Level-3-Events/) 定义了合成事件。这是一个稍微冷门的知识点，但很考验我们是否扎实的掌握了浏览器的事件机制。掌握这个知识点，可以给人眼前一亮的感觉。 - [ ] 文档 - - [ ] [React官方文档-英文](https://reactjs.org/docs/events.html) - - [ ] [React官方文档-中文](https://zh-hans.reactjs.org/docs/events.html) + - [ ] [React官方文档](https://reactjs.org/docs/events.html) - [ ] 推荐文章 - - [ ] [【React深入】React事件机制](https://mp.weixin.qq.com/s?__biz=Mzg2NDAzMjE5NQ==&mid=2247484039&idx=1&sn=1f657356676d4809633f30668acb50d2&chksm=ce6ec62bf9194f3d8a4eb382bd01c56231908a1b08fb9c2c9783f96df6650ee808fe18343032&scene=178&cur_album_id=1403155327595495424#rd) - - [ ] [深入React合成事件机制原理](https://segmentfault.com/a/1190000039108951) - - [ ] [深入学习 React 合成事件](https://mp.weixin.qq.com/s/7Y70ozwJHBXON11fBCD9Og) - - [ ] [React源码分析6 — React合成事件系统](https://zhuanlan.zhihu.com/p/25883536) + - [ ] [浅谈React17事件机制](https://juejin.cn/post/6971242638716436487) + - [ ] [深入React合成事件机制原理](https://segmentfault.com/a/1190000039108951) + - [ ] [React17 事件系统 更改 & 16 之前事件系统介绍](https://juejin.cn/post/6964257086859378724) + - [ ] [What’s the Difference Between Synthetic React Events and JavaScript Events?](https://betterprogramming.pub/whats-the-difference-between-synthetic-react-events-and-javascript-events-ba7dbc742294) + - [ ] [React 17 removes event pooling in the modern browsers](https://blog.saeloun.com/2021/04/06/react-17-removes-event-pooling-in-modern-system.html) ## 跨端框架 From 2d9c56203f4d6836b7de1d55ebf119ce3d9d564e Mon Sep 17 00:00:00 2001 From: yck Date: Wed, 15 Sep 2021 14:13:06 +0800 Subject: [PATCH 3/3] Update README.md --- README.md | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 527ec20..dc9ee10 100644 --- a/README.md +++ b/README.md @@ -181,15 +181,14 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 ### 合成事件 -React 根据 [W3C规范](https://www.w3.org/TR/DOM-Level-3-Events/) 定义了合成事件。这是一个稍微冷门的知识点，但很考验我们是否扎实的掌握了浏览器的事件机制。掌握这个知识点，可以给人眼前一亮的感觉。 +合成事件（SyntheticEvent）是 React 模拟原生 DOM 事件所有能力的一个事件对象，即浏览器原生事件的跨浏览器包装器。React 根据 [W3C规范](https://www.w3.org/TR/DOM-Level-3-Events/) 定义了合成事件。需要注意的是 v16 和 17 版本中的合成事件有差异。 - [ ] 文档 - [ ] [React官方文档](https://reactjs.org/docs/events.html) - [ ] 推荐文章 - - [ ] [浅谈React17事件机制](https://juejin.cn/post/6971242638716436487) - - [ ] [深入React合成事件机制原理](https://segmentfault.com/a/1190000039108951) - - [ ] [React17 事件系统 更改 & 16 之前事件系统介绍](https://juejin.cn/post/6964257086859378724) - - [ ] [What’s the Difference Between Synthetic React Events and JavaScript Events?](https://betterprogramming.pub/whats-the-difference-between-synthetic-react-events-and-javascript-events-ba7dbc742294) + - [ ] [探索 React 合成事件](https://segmentfault.com/a/1190000038251163) + - [ ] [大佬，怎么办？升级React17，Toast组件不能用了](https://zhuanlan.zhihu.com/p/380941094) + - [ ] [What’s the Difference Between Synthetic React Events and JavaScript Events?](https://betterprogramming.pub/whats-the-difference-between-synthetic-react-events-and-javascript-events-ba7dbc742294)，需自备梯子 - [ ] [React 17 removes event pooling in the modern browsers](https://blog.saeloun.com/2021/04/06/react-17-removes-event-pooling-in-modern-system.html) ## 跨端框架