requestAnimationFrame API在 Web 应用中，实现动画效果的方法有：
CSS3：Transition（过度） / Animation（动画）
HTML5：Canvas
JavaScript：setInterval（定时器） / requestAnimationFrame（请求动画帧） / jQuery
这篇文章主要介绍 request...
解决 inline-block 元素间隙问题1. 问题描述真正意义上的 inline-block 水平呈现的元素间，换行显示或使用空格分隔的情况下会有间距，很简单的个例子：
1<input /> <input type="submit" />
此外，我们使用 CSS 更改非 inline-block 水平元素为 inline-block 水平，...
白屏加载优化1️⃣ 白屏问题白屏问题，是指页面在加载过程中，由于某些原因，页面长时间无法显示内容，导致用户看到一片空白。
而【白屏时间】则是指用户点击一个链接或打开浏览器输入 URL 地址后，从屏幕空白到显示第一个画面的时间。
当用户点开一个链接或者是直接在浏览器中输入 URL 开始进行访问时，就开始等待页面的展示。页面渲染的时间越短，用户等待的时间就越短，用户感知到页面的速度就越快。这样可...
从输入 URL 到页面展示在浏览器中，中间都经历了啥？1️⃣ URL 地址解析首先我们拿到输入的 URL，对其进行解析，例如：
URL 解析，主要是解析出下面这些信息：
【传输协议】：负责客户端和服务器端之间信息的传输（可以理解为快递小哥）。
传输协议有以下几类：
http：即 HyperText Transfer Protocol，超文本传输协议。除传输文本内容外，还可传输图片和音视...
动态规划的常见模型所谓【模型】，就是将一类问题抽象成一个解题套路，然后根据这个套路来解题。
1️⃣ 0-1 背包问题0-1 背包问题是一个基本问题，基于这个基本问题，可以衍生出千姿百态的变种问题，这种题目就非常适合拿来构造解题模型。
1.1 问题描述123有 n 件物品，物品体积用一个名为 w 的数组存起来，物品的价值用一个名为 value 的数组存起来；每件物品的体积用 w[i] 来表示，...
JS对象原型原型是 JS 中对象相互继承特性的机制，这里将解释什么是原型，以及原型链的工作原理、如何为一个对象设置原型，最后，会分析基于原型的继承机制。
1. 原型与原型链这里创建一个对象：
1234567const myObject = { city: "bj", greet() { console.log(`来自 ${thi...
执行上下文与执行栈1.执行上下文简单来说，执行上下文是一种对 JS 代码执行环境的抽象概念，即只要有 JS 代码在运行，那么它就一定是运行在执行上下文中。
执行上下文的类型分为三种：
全局执行上下文：有且只有一个，浏览器中的全局对象就是 window 对象，全局执行上下文中的 this 指向这个全局对象
函数执行上下文：存在无数个，只有在函数被调用的时候才会被创建，每次调用函数都会创建...
作用域与作用域链1. 什么是作用域？作用域指一个变量的作用的范围 。通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。
JS中作用域有：
全局作用域
函数作用域
最开始并没有块作用域的概念。
ES6中新增了块级作用域，使用 let 声明的变量只能在...
JS事件循环机制1.JS 的运行机制JS是一门单线程的语言。在设计初期，由于JS是运行在浏览器端的脚本语言，目的就是为了实现与页面的动态交互，其核心就是 DOM 操作，这就决定了其必须使用单线程去处理脚本信息，从而避免对同一 DOM 元素同时进行操作时产生冲突问题。
若是遇到耗时操作，页面便会产生堵塞。例如请求接口返回数据慢，图片未加载完成等等。这样显然是不合理也不实用的，因此异步模式应...
JS 事件模型JavaScript 中的事件模型是一种用于处理用户交互和其他类型事件的机制。它允许开发人员对特定事件做出响应，并执行相应的代码，实际上，事件模型其实就是观察者模式的体现。
1. 了解事件模型JS 的事件模型基于事件驱动编程的概念，它主要有以下几个组成部分：
【事件目标（Event Target）】— 事件目标是触发事件的对象，它可以是文档、窗口、HTML 元素或其他 J...
