Eson Wong's Blog

Nuxt.js 是一个基于 Vue 可用来创建服务端渲染(SSR) Web 应用的框架。

为什么要服务器端渲染？

Web 前端的服务器端渲染（SSR）主要有以下好处：

1. 更好的 SEO，搜索引擎可以爬取完全渲染的  HTML
2. 更快的内容到达时间（减少访问的白屏时间）

Commitlint 是一个用于检查 Git 提交的 message 是否符合项目的规范的工具。规范的提交内容可以让开发者方便快速浏览查找比较代码，可以直接从 提交内容 生成 Change log，触发 CI 流程。

1

echo '提交内容' | npx commitlint

构建前端项目会使用很多的工具，比如 ESLint、Prettier、Webpack、Babel、Husky、lint-staged、git 、编辑器等等。创建一个项目配置起来相当繁琐。

Mrm 是一个命令行工具，用于帮助开发者更好对这些工具进行管理配置。除此之外还可以对帮助我们配置 README.md、license、package.json 等文件进行管理。

1

npx mrm gitignore # 生成或更新 .gitignore

用 npx 命令可以在不安装的情况下使用 mrm。

Husky 是一个 NPM 包，用更好的使用 Git 钩子来管理项目。通常它被用于项目的代码提交前的各类规范的检查。

React Hooks 是什么？

React Hooks 是 React 16.8 版本引入的新特性，它可以让你在 React 函数组件中使用状态和其它 React Class 组件的特性。

React context 是 React 提供的基本工具，用于在组件间共享状态。

本文介绍 React context 的基本用法。

封面图：升空近三个月的 James Webb 望远镜传回第一张清晰的图像，用于镜片对齐评估。

科学技术见闻和评论。分享优秀的文章、视频、软件、服务和摘录。

封面图：M1 系列芯片。

科学技术见闻和评论。分享优秀的文章、视频、软件、服务和人生感悟等。

首先大家好，我是 Eson，然后感谢小红花为我提供的这么一个分享的机会，今天我来分享的是我用业余时间开发的一个控制作网络遥控车的开源项目，叫做 Network RC。

我先做个简单的自我介绍，我做了九年的 web 前端开发，现在在广州天河一家智能硬件公司做技术 Leader。

微任务和宏任务的执行顺序是面试中经常会被问到的问题，这里就来解析一下。

下面的代码中，打印的顺序是什么呢？

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

console.log("script 1");

setTimeout(() => console.log("timeout 1"));

Promise.resolve().then(() => console.log("promise 1"));

Promise.resolve().then(() =>
  setTimeout(() => console.log("timeout in promise"))
);

Promise.resolve().then(() => console.log("promise 2"));

setTimeout(() => console.log("timeout 2"));

console.log("script 2");

答案是：