这是一张简单的JavaScript运行图（如有错误地方请指出，谢谢大家）。大致分为两个阶段，编译阶段和执行阶段。在上一篇文章【JavaScript变量提升运行机制】中有简单提到过。这篇文章带大家来了解其中的一些概念。 这个过程是将由字符组成的字符串分解为有意义的代码块，这些代码…

缘由：之前看哔哩哔哩官网登录的时候有一个拼图验证码，很好奇怎么去实现。然后就想着自己弄一个。先给大家看我的最终效果。后面再一点点拆解代码。 为什么想着写这个功能呢，主要在于拼图验证码在前端这里会比较复杂并且深入。相比文字拼写，12306的图片验证码都没有拼图验证码对前端的要求来…

这个问题看上去特别初级，但实际上却涉及到方方面面，也是面试官特别喜欢考的原因之一。既然如此，那就让我们来一起彻底理清楚他们的区别。 首先，我们先科普一些知识点。 HTTP 超文本传输协议，是一个简单的请求-响应协议，它通常运行在 TCP 之上。它指定了客户端可能发送给服务器什么…

前端开发人员中，有相当大比例的同学不是科班出来的，所以对于基本的科班必修课，例如：计算机组成原理、操作系统、计算机网络、数据结构和算法等知识接触不多。 当你越深入学习，越会发现这些知识的重要性。 比如大家都知道js里面0.1 + 0.2 是不等于0.3的，为什么呢？这就牵扯到计…

前端页面性能是一个非常核心的用户体验指标。本文介绍阿里UC 岳鹰全景监控平台 如何设计一个通用、低侵入性、自动上报的页面性能监控方案。主要采用的是Navigation Timing API以及sendBeacon等方法。 一个页面性能差的话会大大影响用户体验。用户打开页面等待的…

本章关于浏览器原理部分的内容主要来源于浏览器工作原理，这是一篇很长的文章，可以算上一本小书了，有精力的非常建议阅读。 用户界面 - 包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的您请求的页面外，其他显示的各个部分都属于用户界面。 浏览器引擎 - 在用户界面和呈现…

渲染就是根据描述或者定义构建一个数据模型，生成图形的过程。 浏览器内核就是将页面（Html、Css、JavaScript）构建成可视化、可听化的多媒体结果。 我们也可以将浏览器内核称之为"渲染引擎"，渲染引擎经常做的事情就是将Html、Css、JavaScript文本或者其他的…

14. 多行字符串 但是有一种更简单的方法。只需使用反引号。 15. 展开(spread)操作符 ES6中引入的展开运算符有几个用例，可以使JavaScript代码更高效，更有趣。它可以用来替换某些数组函数。展开操作符只是连续的三个点。 与 concat() 函数不同，您可以使…