啊丫丫

在本章节中将来学习React 天然具备的全局通信方式“Context API”，并对 Redux 的设计思想和编码形态进行初步的探索。 Context API 是 React 官方提供的一种组件树全局通信的方式。 在 React 16.3 之前，Context API 由于存在…

当谈及生命周期时，其实谈论的是组件的“内心世界”。但组件和人是一样的，它不仅需要拥有丰富的内心世界，还应该建立健全的“人际关系”，要学会沟通和表达。 接下来所要探索的是蕴含在 React 组件中的“沟通与表达”的艺术。我们知道，React 的核心特征是“数据驱动视图”，这个特征…

在对 React 15 的生命周期有了系统的掌握和理解的基础上，我们接着对 React 16 以来的生命周期进行剖析。通过对比新旧两个版本生命周期之间的差异，来探寻变化背后的原因。 关于 React 16 以来的生命周期，下图是目前公认的比较优秀的流程大图。我们先来看 Reac…

React 生命周期已经是一个老生常谈的话题了，然而，大多数的入门教材在设计上往往追求的是“简单省事、迅速上手”，这就导致许多人对于生命周期知识的刻板印象为“背就完了、别想太多”。当然“背就完事儿”这样简单粗暴的学习方式，或许可以帮助你理解“What to do”，到达“How…

时下虽然接入 JSX 语法的框架越来越多，但与之缘分最深的毫无疑问仍然是 React。2013 年，当 React 带着 JSX 横空出世时，社区曾对 JSX 有过不少的争议，但如今，越来越多的人面对 JSX 都要说上一句“真香”！那么JSX 代码究竟是如何‘摇身一变’成为 D…

技术圈时下盛行“造名词”风气，但其实这是故弄玄虚的“语言壁垒”——其实技术本身在多数情况下都是一些简单且有趣的东西，人们越是试图神化它，越容易脱离技术本质。 在过去的几年，“变化”始终是前端框架世界里的一号关键词：前有 jQuery 刚刚式微(衰落)时各路神仙各显神通，后有 R…

一、vue父子组件通信的方式主要的通信方式如下所示：1、prop(常用)——父组件传递数据给子组件    我们知道，vue的设计理念为——**单向数据流**，而所有的**prop**使得父子之间形成了

1、TS出现的背景   自从前端项目趋向工程化之后，模块化开发模式开始成为主流。公用的逻辑和UI被抽离出来，独立成模块，供外部调用。但是，在调用这些模块的时候，会面临这各种沟通问题——因为要我们要知道

1、两栏布局   1）对于两栏布局，不使用flex时，可以采用三个div，一个做父div，其余两个为子div，其中定位为父相子绝，且第一个子元素宽度固定，第二个子元素不设置宽度，而他的left值为第一