加载中
Fiber协调解决了栈协调哪些问题?

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

04/17 23:52
1.2K
从一道BAT的面试题再看setState源码

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

04/17 15:46
2.2K
前端路由解决方案你真的懂?

一、前端路由解决什么问题? 每个技术点的出现,都是为了解决当前的某一些问题,那么,前端路由的出现,又是解决了什么问题呢? 1、问题背景 从历史的发展总能找到些蛛丝马迹,让我们在当前的...

Redux 中间件 到底怎么工作的呢?

中间件其实不仅仅是Redux专利,在Node框架中也有应用,比如koa,这里我们简单的默认为Redux 中间件,在进入正题前,先了解一下面向切面编程与中间件的关系 一、中间件与面向切面编程(AOP) 面...

虚拟DOM是为性能而诞生的吗?

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

03/24 19:59
9.2K
关于JSX的三个“大问题”

JSX作为React框架的一大特色,它与React本身的运行机制存在着千丝万缕的联系。在揭开这层“联系”的面纱之前,我们先尝试思考关于JSX的三个“大问题”: JSX和JS之间的关系是什么?它的本质是...

03/24 15:18
34
数据如何在React组件间流动?

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

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

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

React 整体感知

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

2020/12/02 20:51
6.4K
calc计算出错

问题 Less在处理calc计算时,把calc当成表达式,导致浏览器输出的值有违本意,如下 width: calc(50% - 8px); 浏览器输出 width: calc(42%); 解决方案 把calc括号内的表达式加上~“”包起来,...

2020/09/03 17:26
80
create-react-app 没有[src]等文件

问题 通过 react脚手架npx create-react-app study-react-codding创建项目后,正常目录是 study-react-codding ├── README.md ├── node_modules ├── package.json ├── .gitigno...

2020/09/03 14:42
281
git配置ssh

1、安装git Git安装,然后打开cmd,查看git版本 git --version 若显示对应的版本号,则说明已安装成功 2、配置git用户名和邮箱 git config --global user.name "xxx" git config --global us...

2020/07/01 17:12
183
排序算法

一、插入排序 1、直接插入排序 依次将每个记录插入到一个已排好序的有序表中去,从而得到一个新的、记录数增加1的有序表 时间复杂度:O(n2) 空间复杂度:O(1) 稳定 let inserSort = (arr) =>...

2019/09/30 10:22
201
webpack-进阶

一、编写可维护的webpack构建配置 1. 通过多个配置文件管理不同环境的webpack配置 基础配置:webpack.base.js 开发环境:webpack.dev.js 生产环境:webpack.prod.js ssr环境:webpack.ssr.j...

2019/09/09 18:03
108
webpack-基础

为什么需要构建工具? 转换ES6语法 转换JSX CSS前缀补全、预处理器 压缩混淆 图片压缩 一、webpack配置组成 module.exports = { entry:'./src/index.js', // 打包的入口文件 output:'./dist...

捋一捋作用域

将变量引入程序会引起几个很有意思的问题,也正是我们将要讨论的:这些变量住在 哪里?换句话说,它们储存在哪里?最重要的是,程序需要时如何找到它们

2017/11/01 18:23
349
捋一捋JavaScript对象的继承

许多oo语言都支持两种继承方式:接口继承和实现继承。接口继承只继承方法签名,而实现继承则继承实际的方法。由于函数没有签名,在ECMAScript中无法实现接口继承,只支持实现继承,其 实现继...

2017/07/19 14:50
2.9K
捋一捋JavaScript创建对象

创建对象 回顾前面我们谈到通过object构造函数创建单个对象 // 创建一个object的实例,然后再为它添加属性和方法 var person = new Object(); person.name = "jill"; person.age = 18; pers...

2017/07/06 16:03
6.9K
捋一捋JavaScript对象的理解

理解对象 ECMA-262把对象定义为:“无序属性的集合,其属性可以包含基本值、对象或者函数。”严格来讲,这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字,而每个...

2017/07/06 11:01
3K

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部