前端修炼指南

Node启动运行时默认一个进程，只能在一个 CPU 中进行运算，无法应用服务器的多核 CPU，因此我们需要寻求一些解决方案。

事件循环阶段 Node.js 10+ 版本后虽然在运行结果上与浏览器一致，但是两者在原理上一个是基于浏览器，一个是基于 libuv 库。

首屏秒开 首屏秒开主要可以分为 4 个方法——懒加载，缓存，离线化，并行化。 懒加载是指在长页面加载过程时，先加载关键内容，延迟加载非关键内容。

性能优化体系概览 性能优化流程 选取性能指标，根据指标设定标准（时间、空间），进行投入产出（收益）评估，然后出优化清单和手段

首屏时间指标采集具体办法 手动采集办法及优缺点 它兼容性强，业务同学知道在这个业务场景下首屏结束点在哪里，可以随情况变动。

Node.js中的connect库、生成器自动执行库co、redux、Koa中都有各自的一个流程控制函数：next，这里我们通过koa的中间件源码来聊一下next函数是如何进行

一、前端工程化解决的主要问题 JS全局作用域冲突 JS创建之初是为了快速开发网页脚本，但是未想现在发展壮大，随着项目变大，随处定义的全局变量很容易导致冲突，JS作者也承认，全局变量是JS设计的缺陷。

设计模式的基本原则 单一职责原则 (Single Responsibility Principle) 就一个类而言，应该仅有一个引起它变化的原因；一个对象(方法)只做一件事情； SRP 原则是所有原则

一、babel是什么？ babel原名6to5，顾名思义，是将es6转为es5，但随着es7、8、9...诞生，不再适用，改名babel babel是巴别塔的意思，来自圣经中的典故：当时人类联合起来兴

对于主题切换这一话题，社区上介绍的方案往往通过CSS 变量（CSS 自定义属性）来实现，但其自动化程度以及可维护性都较差。 PostCSS 可以接收一个CSS 文件，并提供了插件机制，提供给开发者分析

什么是V8？ V8是一种JavaScript虚拟机； JavaScript虚拟机可将人类能够理解的编程语言 JavaScript，翻译成机器能够理解的机器语言： V8之前，所有的 JavaScript

浏览器主要分为以下几大部分： 用户界面 浏览器引擎(负责窗口管理、Tab进程管理等) 渲染引擎(有叫内核，负责HTML解析、页面渲染) JS引擎(JS解释器，如Chrome和Nodejs采

运维知识体系 客户端层 浏览器 Cookie作用域、浏览器缓存协商（Last-Modified、Expires、Etag）、组件分离、前端优化、运维检测工具 Cookie作用域：浏览器提交的Cooki

HTML/CSS优化技巧 1 . 能用HTML/CSS解决的问题就不用JS 在熟练使用HTML/CSS的条件下, 同样的功能肯定是前者实现更简洁快速, 往往也更高效 CSS3提供了很好的动画实现功能,

下面是react项目初始化之后的package.json文件，除了个别自己新增依赖以外，基本是create-react-app生成的默认配置，下面是对package.json中每一行（除jest之外）

JavaScript是一门面向对象的语言，继承是面向对象的一大特性，但是严格来讲JavaScript中却没有通常含义上的继承，只能模拟继承，即使ES6之后有了class，其实现和其他面向对象语言依然有

在过去用Java或Kotlin进行Android开发的时候，this从来不是一个问题，即使是在内部类中this也存在指向问题，但是使用this@xxx的方式就可以很简单地解决，IDE也有很友好的

引言 在Java中，被花括号包起的代码具有独立的作用域，这一点与大部分语言都差不多，在理解和使用上都很简单，而JS中的作用域却相对较为复杂，例如 在非严格模式下，以上代码没有报错，打印出了数字0，即使

在Java中，由于1.8之前函数并不能被当做参数传递，而且Java中变量声明可以看做是类似于ES6中的let const，自动拥有块级作用域，所以闭包在Java中并不是一个很需要讨论的问题，虽然Jav

Hooks 是React的一次革命性升级，本文将对其优势和API进行比较全面的解析 为什么要有hooks 在没有hooks之前，除了对于一些无状态组件可以使用函数来声明组件以外，大家都会使用class