1、从输入url到页面显示出来发生了什么 1.DNS解析 2.TCP连接 3.发送HTTP请求 4.服务器处理请求并返回需要的数据 5.浏览器解析渲染页面 解析HTML，生成DOM树，解析CSS，生成

一个前端工程师应该具备哪些技术能力？ 各个节点对应链接可移步语雀点击查看 https://www.yuque.com/g/wangruonan-8fhwg/bnum7l/xu9lftftghfaysw

人要做的不清高不矫情不抱怨，就是在黑夜中看到微光，你就朝着微光的方向走过去，虽然有的时候你会怀疑，你会觉得是不是走错了，但是所有的怀疑都是为了确信。

数组扁平化的五种方法：数组的flat()方法、递归、数组的reduce()方法（递归思想）、通过数组的解构拼接数组、通过数组调用toString()方法（有缺陷）。

原文链接：一文吃透 CSS Flex 布局 教学游戏 这里有两个小游戏，可用来练习 flex 布局。 塔防游戏 送小青蛙回家 Flexbox 概述 Flexbox 布局也叫 Flex 布局，弹性盒子布

Flex布局元素，称为Flex容器，简称"容器"。它的所有子元素自动成为容器元素，简称"项目"。 容器默认存在两根轴：水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的排列方式：从左到右；交叉轴的排列方式：从上到下;

上报埋点时采用1 * 1像素的透明Gif图。上报埋点时采用1 * 1像素的透明Gif图。上报埋点时采用1 * 1像素的透明Gif图。WebP（Web Picture）是一种现代的图像格式，由Googl

JS 实现一个带并发限制的异步调度器 Scheduler，保证同时运行的任务最多有两个。 面试感受良好，面试官态度温和友好，做不出来的题目会给充足时间思考并且加以引导。 HR处理速度也比较快，四轮用了两天。

1. react 和 vue 对比，优劣势是什么？你会如何选择 React 和 Vue 都是目前非常受欢迎的前端 JavaScript 框架，各有其优势和劣势，选择哪一个通常取决于项目需求、团队熟悉度