Logx

如果你不知道 Don't Repeat Yourself 或 D.R.Y，那么在软件开发中必定走不太远。对于大多数开发者来说，它是一个开发准则。在这篇文章当中，我们将了解到如何在 React 当中运用 DRY 原则 —— 高阶组件。开始阐述之前，我们先来认识一下问题所在。 假设…

react中的组件从定义方式上来说，分为类组件和函数式组件。 这是因为我们使用 class properties 语法对state做初始化时，会覆盖掉Component<P, S>中对state的readonly标识。 是的。只要在组件内部使用了props和state，就需要在…

2. React-Router的基本使用 3. react-router-dom源码揭秘 - BrowserRouter Context可以在组件树的组件之间共享“全局”数据。例如：登陆的用户信息，用户选择的主题、语言等等。下面的例子中，我们“手动”自上而下传递theme属性，…

1. Context - React跨组件访问数据的利器 3. react-router-dom源码揭秘 - BrowserRouter 今天再给大家带来一篇翻译文章。 这篇文章，是我们react-router-dom源码揭秘系列的第二篇文章。同样是预备知识。 想看第一篇文章的…

你需要在前端展示 5000 条甚至更多的数据，每一条数据的数据结构是一个对象，里面有格式各样的属性。每个属性的值又可以是基本类型，对象，甚至数组。这里的对象或者数组内部的元素又可以继续包含对象或者数组并且允许无限嵌套下去。比如 页面上提供一个搜索框，用户通过输入搜索的内容可以找…

在现代JS中最让人期待的特性就是关于箭头函数，用=>来标识。箭头函数有两个主要的优点：其一是非常简明的语法，另外就是直观的作用域和this的绑定。 因为这些优点，箭头函数比起其他形式的函数声明更加受欢迎。比如，受欢迎的airbnb eslint configuration库会强…

熟悉 react 的朋友都知道，在 react 中有个核心的算法，叫 diff 算法。web 界面由 dom 树组成，不同的 dom 树会渲染出不同的界面。react 使用 virtual dom 来表示 dom 树，而 diff 算法就是用于比较 virtual dom 树的…

划重点，这是一道面试必考题，我就问过很多面试者这个问题，✧(≖◡≖✿)嘿嘿首先这是一道非常棒的面试题，可以考察面试者的很多方面，比如基本功，代码能力，逻辑能力，而且进可攻，退可守，针对不同级别的人可以

这是关于 Chrome 内部工作的 4 篇博客系列的第 2 篇。在上一篇文章中，我们研究了不同的进程和线程如何处理浏览器的不同部分。在这篇文章中，我们会更深入研究每个进程和线程如何进行通信以展示网站。 让我们看一个网络浏览的简单用例：你在浏览器中键入 URL，然后浏览器从互联网…