JusTus

一.浏览器 1.重排和重绘 概念 重排：当DOM的变化影响了元素的几何信息（大小或者位置），浏览器需要重新计算元素的几何属性，将其安放在页面的正确位置，浏览器的这一行为称之...

JS中的代码执行顺序一直是一个难点，有点绕，很容易就把执行顺序弄错。这里整理归纳了JS的任务类型，从微任务与宏任务的角度上解释如何理解JS的代码执行顺序。...

什么是 Event Loop？ 顾名思义：事件循环 Event Loop 是指计算机系统的一种运行机制；JavaScript 就采用这种机制来解决单线程带来的一些问题。 要...

ES6 中 export 和 import 的使用，以及与 node 中 module.export 和 require 的横向对比。 module、export、requ...

JavaScript 中 this 的指向主要有以下几种，关于 this 最核心的一句话：哪个对象调用函数，函数里面的 this 就指向哪个对象。...

所谓事件委托就是利用事件冒泡的特性，将本应该注册在子元素上的处理事件注册在父元素上，这样点击子元素时发现其本身没有相应事件就到父元素上寻找。...

浏览器的缓存机制提供了可以将用户数据存储在客户端的方式，可以利用 cookie 和 session 等跟服务端进行数据交互。...

虽然iframe有很多不好的问题，比如性能占用高，交互体验不好等，但在某些特殊的场景下，iframe仍然会成为我们解决问题的最终手段，而其中的嵌套页面通信则是我们必须了解的...

flex 布局 + rem：主流的布局方式，不仅适用于移动 Web，PC 端表现也良好，它能够完成大部分项目的需求，同时编写也比较简单，比较推荐使用。...

Event: 事件 event.clientX 事件被触发时，鼠标指针相对于浏览器页面左上角（客户区）水平坐标。 event.clientY 事件被触发时，鼠标指针相对于浏...

前端项目开发中，有很多方法会经常用到。这里对以前遇到的一些方法进行汇总，便于后面使用时查询，后续也会持续更新新的方法。...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 ES6 声明变量的六种方法 ES5 只有两种声明变量的方法：var、function ES6 共有六种声明变量的方法：...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 fetch()是 XMLHttpRequest 的升级版，用于 javascript 脚本里面发出 HTTP 请求，浏...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 垂直水平居中 水平垂直居中的几种方式-案例 （1）margin 方式 margin 方式可以实现盒子的水平居中，但不能...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 MVVM MVVM 架构 MVVM 模型是由 Model、View 和 ViewModel 三部分。 Model：数据...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 DNS 缓存 DNS 全程：Domain Name System，即域名系统。 万维网上作为域名和 IP 地址相互映射...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 概述 package.json必须是一个严格的 json 文件，而不仅仅是 js 里边的一个对象。其中很多属性可以通过...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 npm是前端开发从业者使用较多的一种包管理工具，npm上面管理着数以百万计的全球各地开发者开源的各种各样的功能包。通常...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 yarn 工具包安装 安装yarn有以下两种方式： 先安装 node，然后直接使用npm install -g yar...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 1. 概要 meta 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览...