Qiuyu Blog

好好学习,天天向上

前端severless实践-阿里云函数计算

severless

工作过程中需要完成一个年终总结的项目,由于该项目涉及一些和后端的交互,但是交互比较简单,刚好最近severless大热,所以尝试用severless解决。这里主要用到的是阿里云的函数计算 什么是函数计算函数计算是事件驱动的全托管计算服务。使用函数计算,您无需采购与管理服务器等基础设施,只需编写并上传代码。函数计算为您准备好计算资源,弹性地可靠地运行任务,并提供日志查询、性能监控和报...

可靠的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 元素到 Fiber 节点的一切   React 是一个用来建立用户界面的接口。它的核心机制是追踪组件状态的变化,并且...

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...