Qiuyu Blog

好好学习,天天向上

可靠的React组件的7个基本特性

7 Architectural Attributes of a Reliable React Component September 26, 2017

原文地址:7 Architectural Attributes of a Reliable React Component   我喜欢 React 基于组件的体系结构。你可以通过较小的片段组合成复杂的用户接口,利用组件的可复用性并且操作虚拟 DOM。   基于组件的开发是富有生产力的,一个复杂的系统是由专门的且利于管理的块构建而成。只有精心设计的组件才能够确保组件的可复用性。   ...

Fiber内部:深度概览React中新的调和算法

Inside Fiber: in-depth overview of the new reconciliation algorithm in React

Maxim Koretskyi 大神关于 react 的系列文章之一,原文地址:The how and why on React’s usage of linked list in Fiber to walk the component’s tree React 的 reconciler 的遍历算法   为了培训我自己和社区,我花了很多的时间在web 逆向工程技术并且记录我的发现。...

React的Fiber为什么以及如何使用链表遍历组件树

The how and why on React’s usage of linked list in Fiber to walk the component’s tree

Maxim Koretskyi 大神关于 react 的系列文章之一,原文地址:The how and why on React’s usage of linked list in Fiber to walk the component’s tree React 的 reconciler 的遍历算法   为了培训我自己和社区,我花了很多的时间在web 逆向工程技术并且记录我的发现。...

JavaScript引擎基础:外形和内联缓存

JavaScript engine fundamentals: Shapes and Inline Caches

JavaScript引擎基础系列是读Benedikt Meurer系列文章的读书笔记,差不多是翻译了。。。   javascript是一种动态类型语言,这意味着所有的类型都是在运行时确定的,语言引擎每次都需要进行动态查询,这就造成大量的性能消耗,从而降低程序运行的速度,那么JavaScript引擎是如何优化这个查询过程的呢。 JavaScript 引擎管道    javasSrip...

React设计模式与最佳实践——读书笔记

React best Practice

组件实践   减少组件之间的耦合性(Coupling),让组件的界面简单,这样才能让整体系统易于理解、易于维护。 在设计 React 组件时,要注意以下原则:     1、保持接口小,props 数量要少;     2、根据数据边界来划分组件,充分利用组合(composition);     3、把 state 往上层组件提取,让下层组件只需要实现为纯函数。 1、组件的划分 按照数据边界来分...

React实战进阶学习笔记(2)

React Actual Combat(2)

Redux 是Javascript应用的可预测状态管理容器,Redux包只包含了Redux的核心部分,所以Redux并不止适用于React,它可以供任何使用Javascript的应用使用。 一、Redux 三大原则   React是一个用于构建用户界面的JAVASCRIPT库,React要用于构建UI。 1、单一数据源   在 Redux 的思想里,一个应用永远只有唯一的数据源,使用单一数据...

React实战进阶学习笔记(1)

React Actual Combat(1)

  这个系列是极客时间上React实战进阶这门课的学习笔记,课程主要是对一些知识点的总结,还是比较简单的,所以这个系列会对一些知识点扩展一下,更加详细的记录一下 一、React组件   React是一个用于构建用户界面的JAVASCRIPT库,React要用于构建UI。 1、以组件的方式考虑UI的构建   将UI组成成组件树的形式   理解React组件:     1、React组件一般不...

Javascript内置对象系列(1)——Array

Learn Javascript built-in objects(1)——Array

这个系列主要是给自己复习和总结知识用的,很浅显的东西就不写了   Javascript的Array对象是用于构造数组的全局对象,JavaScript 数组的长度和元素类型都是非固定的。因为数组的长度可随时改变,并且其数据在内存中也可以不连续,所以 JavaScript 数组不一定是密集型的,这取决于它的使用方式。 一、作为构造函数使用   使用Array作为构造函数声明一个数组...

Javascript函数式编程指南读书笔记(1)

Functional JavaScript

一、什么是函数式编程   函数式编程的目标是使用函数抽象作用在数据之上的控制流雨操作,从而在系统中消除副作用并减少对状态的改变。 1、声明式编程   函数式编程属于声明式编程范式:这种范式会描述一系列的操作,但并不会暴露它们是如何实现的或者数据流如何穿过它们。   主流的命令式或者过程式的编程范式是通过之上而下的断言,来修改系统的的各种状态,从而计算出最终的结果: var array...

webpack原理分析

frontend module

一、什么是webpack   webpack是一个现代 JavaScript 应用程序的 静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个 依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。   这里提到了模块的概念,在webpack中所有的文件都被当做模块,w...