Lanbery Blog

Hey, Welcome lanbery Technology blog.

React Coding (Ⅳ)

Interview Questions

常见面试题 jsx和Fiber有什么关系 react17之前jsx文件为什么要声明import React from ‘react’，之后为什么不需要了 Fiber是什么，它为什么能提高性能 hooks 为什么hooks不能写在条件判断中? 状态/生命周期 setState是同步的还是异步的 ? componentWillMount、compone...

Posted by lanbery on October 30, 2020

Reread **React** source code (Ⅲ)

Big fronter

React React 生命周期 Mount render commit Update render commit State 更新流程 this.state update & updateQueue rootFlber 向上遍历 调度 状态计算 comp...

Posted by lanbery on October 29, 2020

Reread React source code (Ⅱ)

Big fronter

React egacy & concurrent 模式入口函数 Fiber 架构 Fiber 数据结构 Fiber 双缓存模型（mount & update 的构建与更新流程） render 阶段 递归流程 beginWork completeWork Diff 算法 单节点 Diff 多节点Diff Commit 阶段 前置工作 mutation...

Posted by lanbery on October 25, 2020

Reread **React** source code (Ⅰ)

Big fronter

React 16.8 在2019年上线发布 React 先看React 源码API 知识结构图 React 源码 react : 核心Api如：React.createElement、React.Component都在这 react-art：如canvas svg的渲染 react-dom：浏览器环境 react-native-renderer：原生相关 rea...

Posted by lanbery on October 20, 2020

Javascript world components (三)

how to build an modern es5 library

lerna 官网 Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目 Lerna 是一种工具，针对 使用 git 和 npm 管理多软件包代码仓库的工作流程进行优化 Lerna Usage npm i –global lerna # 全局安装 常用命令 lerna init -i/--independent...

Posted by lanbery on September 27, 2020

Google VPS

配置

申请 SSH 配置

Posted by lanbery on July 2, 2020

Fx_add_ons

layout: post title: Browser Extension subtitle: firefox add-ons date: 2020-06-22 author: lanbery header-img: img/2019/network_bg.png catalog: true tags: - Browser - A...

Posted by Lanbery Blog on June 22, 2020

Web Site 性能优化

前端性能优化 尽量减少 HTTP 请求个数——须权衡 使用CDN（内容分发网络） 为文件头指定 Expires 或 Cache-Control ，使内容具有缓存性 避免空的 src 和 href ...

Posted by lanbery on June 8, 2020

Spring Cloud

Mirco Service

Spring Cloud为开发人员提供了工具，用于快速构建分布式系统中的一些常见模式（例如配置管理、服务发现、断路器、智能路由、微代理、控制总线、一次性令牌、全局锁、领导层选举、分布式会话、集群状态） 使用SpringCloud开发人员可以快速建立实现这些模式的服务和应用程序 Features Distributed/versioned configuration...

Posted by lanbery on April 26, 2020

MetaMask 源码学习笔记

Extension

developer Extension # 整理中… Ethereum instance ethereum.request(method,params) { method: ‘eth_accounts’ } eth_requestAccounts HD Wallet Hierarchical Det...

Posted by lanbery on April 10, 2020

FEATURED TAGS
blockchain UI Git Network Protocol Msys2 Commands Linux Web tech-wiki Golang Nginx Javascript Browser nodejs components program language React Big front WSL2 Typescript SRT Live AIGC Midjourney
ABOUT ME

Live for die.

✉️ lanbery@gmail.com

FRIENDS