前端高手进阶

人生是一个不断选择的过程，想要成为一名优秀的前端工程师就要在职业生涯中做好关键选择，而关键选择中的核心问题无外乎就是这么几个：跳槽时机、公司选择和管理团队。 跳槽的时机 近些年，“走出舒适区” 这个言

思考一个问题，在我们的日常开发中，我们是怎么复用代码的？ 答案无非是这几种： 复制粘贴。 这是初级工程师最容易采用的方式，该方式虽然简单有效，但会给代码维护带来很多问题，比如增加了很多重复的代码，复用

严格意义上来说，Serverless 并不属于前端技术，但对于那些想提升自己知识广度，想往全栈工程师方向发展的前端工程师而言，是一个非常高效的工具。而对于那些只想专注于前端领域的工程师而言，了解 Se

设计模式（Design Pattern）是对软件设计中普遍存在（反复出现）的各种问题所提出的解决方案。设计模式并不直接用来完成代码的编写，而是描述在各种不同情况下，要怎么解决问题的一种方案。 设计模式

程序代码虽然在机器上运行，但终究是由人来编写和维护的，因此代码的可读性、可维护性在软件开发中尤为重要。所以我们在编写代码的时候通常会遵循一些编码规范或风格，比如 Google 提出了最著名的关于主流语

算法是为了解决某个问题抽象而成的计算方法，我们可以简单地把算法比作一个拥有输入和输出的函数，这个函数总能在有限的时间经过有限的步骤给出特定的解。 以往的前端开发场景中使用到算法的情况并不多，原因有下面

数据结构是计算机中组织和存储数据的特定方式，也是对基本数据类型的一种高级抽象，它描述了数据之间的关系，以及操作数据的方法。 数据结构不仅是编程语言和算法的基础，对于前端工程师而言，也变得越来越重要。随

提到 Node.js，相信大部分前端工程师都会想到基于它来开发服务端，只需要掌握 JavaScript 一门语言就可以成为全栈工程师，但其实 Node.js 的意义并不仅于此。 很多高级语言，执行权限

随着 Web 应用越来越广泛，各种 Web 安全问题也日益凸显，时常看到网上消息说，某网站用户账号信息遭泄露或盗取。 Web 安全问题很容易成为前端工程师的盲点，一方面浏览器的各种安全策略给前端工程师

性能是前端领域关注度非常高的话题，因为页面性能的好坏会直接影响用户体验。为了不断提升用户体验，前端工程师往往会对页面性能不断改进，而这个改进的过程就叫性能优化。本文就详细谈就下前端性能优化相关的内容。

一个健壮的前端项目，除了要使用合理的构建工具搭建外，还需要从项目组织、代码规范上进行管理。本文就从项目组织、代码规范两个方面来分析如何才能合理搭建前端项目。 项目管理 考虑这样一个场景，在开发项目 p

全局状态 对于父子组件通信，框架都已给出可行的解决方案：父组件通过 prop(s) 属性向子组件传参，子组件通过自定义事件来向父组件发送消息。而非父子组件之间，如果通过层层传递，这个过程就会变得相当麻

当浏览器地址栏中的 URL 发生变化时，会请求对应的网络资源，而负责响应这个网络资源的服务就称为路由。在早期的 Web 开发中，路由都是交由服务端处理，但随着前端技术的快速发展，路由模块逐渐转移交给了

不同框架、工具对组件的定义和实现各不相同，但可以用一句话来概括它们对组件的定义： 组件就是基于视图的模块 。 组件的核心任务就是将数据渲染到视图并监听用户在视图上的操作。下面我们通过主流的 Vue 2

前后端通过http协议建立通信后，还需要制定一种规范，让请求具有语义化，这种规范就是API设计规范。本文就介绍前后端通信常用的API规范。 RPC-远程过程调用 RPC（Remote Procedur

浏览器的同源策略 源 （Origin）是由 URL 中协议、主机名（域名 domain）以及端口共同组成的部分。如htts://www.baidu.com这一网址就是由协议https、主机名www.b

想要加快浏览器加载网络资源的速度，可以通过减少响应内容大小，比如使用 gzip 算法压缩响应体内容和 HTTP/2 的压缩头部功能；另一种更通用也更为重要的技术就是使用缓存。 Web 缓存按存储位置来

HTTP/0.9 1991 年 HTTP 正式诞生，当时的版本是 0.9，从名字可以看出，该协议的作用是传输超文本内容HTML。 协议定义了客户端发起请求、服务端响应请求的通信模式。请求报文内容只有

浏览器作为前端代码运行的环境，也作为前端工程师的底层知识，熟悉它的结构及工作方式，无论是对于开发高性能 Web 应用，还是对于建立完善的前端知识框架，都起着至关重要的作用。 进程（Process）与线

编译过程 JavaScript引擎编译大致可以分为三个过程：解析、解释、优化。 解析 解析步骤又可以拆分为2个小步骤： 词法分析，将 JavaScript 代码解析成一个个的令牌（Token）； 语法