加载中
React 事件系统是如何工作的?

一、DOM 事件流 在浏览器中,我们通过事件监听来实现 JS 和 HTML 之间的交互。一个页面往往会被绑定许许多多的事件,而页面接收事件的顺序,就是事件流。它类似于蹦床,从高处下落,触达蹦床...

二叉树解题思维

二叉树小科普 ⼆叉树是最多仅有两个子节点的树,根据节点的分布情况可分为: 平衡二叉树: 每个结点的左右子树的高度相差不能大于1 满二叉树: 除了最底层的叶节点,每个结点都有左右子树 完全...

02/28 13:19
1.7W
使用gitlab和drone实现自动化部署

当业务规模快速扩大时,需要部署的项目就会越来越多,为了减少运维成本,一般会搭建一套自动化部署流程,提交代码即可快速发布部署,也叫 CI/CD 或 DevOps,属于工程化/效能/基础建设 一、整...

堆栈解题思维

JS的内存空间主要分为代码空间、栈空间和堆空间,代码空间用于存放可执行代码,栈空间用于存放大小固定的数据。当调用栈完成当前的执行上下文时,需要进行垃圾回收,会触发JS的垃圾回收器自动...

02/22 12:04
3K
单链表解题思维

一、概念 链表由一组零散的结点通过指针连接而成,每个结点都包含当前结点内容和后继指针。相对于数组,它不受固于存储空间的限制,可更快捷地进行插入和删除操作,主要有以下几种类型: 1、...

02/15 19:21
1W
那些烧脑的JS面试题及原理

一、JS执行机制 Q: JS代码是按顺序执行的吗? A: JS代码执行过程中,需要先做变量提升,而之所以需要实现变量提升是因为JS代码在执行之前需要先编译 Q: JS代码在执行之前做了什么? A: JS会进...

02/09 11:27
2K
用了这么久的webpack,你不会还没掌握原理?

一、 webpack设计思想 从入口文件解析依赖树 loader转换每个文件节点 plugin监听编译事件 1、webpack从入口文件到产物输出中间过程 读取webpack config文件,与内置参数合并,得到webpack启动...

01/21 07:21
1W
这一次,我把RN最核心的Bridge撸干净了

本文以 0.59.10 版本的 React Native 为分析对象 一、架构设计 React Native 架构上由 JS 、 Native 以及连接两者的 Bridge 三部分组成 JS 部分:由 JSX 实现的视图 以及 调用 Native 能力实...

01/16 16:19
1.5K
代码这么写,可缜密?

一、背景知识 1、安全问题的三大属性 涉及到安全问题时,可以问问自己: "代码这么写,可缜密?",细心的你已经联想到,安全的三大属性正是让代码可(可用性)缜(完整性)密(机密性)?疑问句转换为...

01/12 23:01
6.7K
react原理之lane优先级和diff更新

React 16中处理优先级的模型是expirationTime,它使用一个时间长度来描述任务的优先级。而React 17则使用Lane模型来处理任务的优先级,它通过将不同优先级赋值给一个位,通过31位的位运算来操...

01/12 08:40
6K
事件循环

为了避免dom渲染冲突,JS采用单线程方案,即同一时间只能执行一件任务,若队列里有一个耗时长的任务,则会导致后面任务一直排队等待,甚至发生页面卡死。为此,JS将任务的执行模式分为宏任务...

2021/07/19 20:00
2.7K
Fiber协调解决了栈协调哪些问题?

Virtual DOM 是一种编程概念。在这个概念里, UI 以一种理想化的,或者说“虚拟的”表现形式被保存于内存中,并通过如 ReactDOM 等类库使之与“真实的” DOM 同步。这一过程叫做协调。 —— ...

2021/04/17 23:52
1.5K
进一步了解setState原理

首先,我们先上一道变体繁多的面试题,这里不贴代码,截图效果会好一些,感兴趣的点击这里查看DEMO代码。 一、变体繁多的面试 问题是:从左到右依次点击按钮,控制台会输出什么?建议在脑海里...

2021/04/17 15:46
2.7K
前端路由解决方案

每个技术点的出现,都是为了解决当前的某一些问题。前端路由的出现,解决了页面刷新资源时重复请求的问题,它利用了浏览器路由,记录API 和JS 实现虚拟切换 URL,达到页面切换无刷新的效果 ...

2021/04/11 22:36
7.2K
Redux 中间件 到底怎么工作的呢?

中间件其实不仅仅是专利,在Node框架中也有应用,比如koa,这里我们简单的默认为Redux 中间件 一、中间件与面向切面编程(AOP) AOP的本质是在主逻辑前后做包装处理,实现无侵入式增加逻辑。即...

2021/04/08 21:27
2.4K
虚拟DOM是为性能而诞生的吗?

同样的,我们还是以问题的形式开启虚拟DOM的探索 Q1: “虚拟DOM是什么?” - what A: “是JS和DOM之间的一个映射缓存” A: “在形态上表现为一个能够描述DOM结构及其属性信息的JS对象” 若对...

2021/03/24 19:59
9.6K
数据如何在React组件间流动?

React的核心特征是“数据驱动视图”,即UI=render(data),也就是说React的视图会随着数据的变化而变化。那么,它到底如何灵活的处理数据呢?让我们揭开这层纱,透过它的四大通信方式,了解它...

2021/03/23 10:20
3.8K
React 生命周期

在场景很复杂的情况,当一个组件更新,该如何去更新其他的组件呢?这是很难搞清楚的问题,因此,我们需要每个组件自己对当前的情况作出响应,也就是说当组件开始联动的时候,我们不需要分析出...

React 整体感知

当我们由浅入深地认知一样新事物的时候,往往需要遵循 Why > What > How 这样一个认知过程。它们是相辅相成、缺一不可的。而了解了具体的 What 和 How 之后,往往能够更加具象地回答理论层面...

2020/12/02 20:51
7.1K

没有更多内容

加载失败,请刷新页面

返回顶部
顶部