一、虚拟DOM 1、JSX 是一种看起来非常像 HTML 的 JavaScript 语法的扩展,React 使用它来描述用户界面长成什么样子。在 React 代码执行之前,B...
前端性能优化 一、请求响应优化 减少DNS查找:每次主机名的解析都需要一次网络往返,从而增加了请求的延迟时间同时还会阻塞后续的请求。 重用TCP连接:尽可能的使用持久连接,以...
从输入url到页面加载完成发生了什么 一、浏览器接收到URL,到网络请求线程的开启。 1、URL解析 URL结构:Protocol://Host:Port/Path?Quer...
现代模块化机制要解决的问题如下 命名污染,全局污染,变量冲突等基础问题 内聚且私有,变量不能被外界污染到 怎么引入(依赖)其它模块,怎样暴露出接口给其它模块 依赖顺序问题,比...
一、Promise源码实现 定义初始类型 设置初始状态 监听状态变化 resolve 和 reject 方法,这两个方法是要更改status的, 入参分别是value 和 r...
一、浏览器内置对象 什么是浏览器对象模型 BOM :Browser Object Model(浏览器对象模型),浏览器模型提供了独立于内容的、可以与浏览器窗口进行滑动的对象结...
基础知识 基础类型: number string boolean array object enum: 枚举 type, interface 联合类型 | (联合类型一次只能...
一、关于this指向的几种场景 1、默认绑定(函数直接调用) 非严格模式下,默认绑定指向全局(node 中是 global) 把最外层 var a = 1 -> let a ...
一、let 和 const 1、块级作用域 先来举个栗子 会输出4个4,因为: var定义的变量是全局的, 所以全局只有一个变量i. setTimeout是异步, 在下一轮事...
一、继承的多种方法 1、原型链继承 Parent的实例同时包含实例属性方法和原型属性方法,所以把new Parent()赋值给Child.prototype。 2.当Chil...
html 加载时发生了什么 在页面加载时,浏览器把获取到的HTML代码解析成1个DOM树,DOM树里包含了所有HTML标签,包括display:none隐藏,还有用JS动态添...
什么叫设计模式 设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结。 为什么使用设计模式 使用设计模式是为了重用代码、让代码更容易被他人理解、保证代...