选择 giscus 连接到的仓库。请确保：

1. 该仓库是公开的，否则访客将无法查看 discussion。

2. giscus app 已安装，否则访客将无法评论和回应。

3. Discussions 功能已在你的仓库中启用。

我们可以在网页的CSS文件中添加以下的CSS代码，来实现网页黑白色，也就是网站变灰

CSS代码

html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}

一般来说，跳槽找工作要经历投递简历、准备面试、面试和谈 offer 四个阶段。

其中面试题目会因你的等级和职位而异，从入门级到专家级，广度和深度都会有所增加。

不过，不管什么级别和职位，面试题目一般都可以分类为理论知识、算法、项目细节、技术视野、开放性题、工作案例等内容。

接下来重点来说下简历和知识点梳理的方法。

准备一份合适的简历

首先，什么样子的简历更加容易拿到面试邀请？

笔者作为一名在 BAT 中待过两家的面试官，见过各种各样的简历，先说一下一些比较不受欢迎的简历：

招聘网站上的简历：有些简历是 HR 直接从某招聘网站直接下载下来的，格式统一，而且对于自己的技能还有自己打分，这类简历有可能是候选人根本就没自己精心准备简历，而是网站根据他填写的内容自动生成的，遇到这样的简历笔者一定会让 HR 或者候选人更新一份简历给我。

JavaScript 是一种弱类型脚本语言，所谓弱类型指的是定义变量时，不需要什么类型，在程序运行过程中会自动判断类型。

ECMAScript 中定义了 6 种原始类型：

• Boolean

• String

• Number

• Null

• Undefined

• Symbol（ES6 新定义）

注意：原始类型不包含 Object。

题目：类型判断用到哪些方法？

BOM（浏览器对象模型）是浏览器本身的一些信息的设置和获取，例如获取浏览器的宽度、高度，设置让浏览器跳转到哪个地址。

• navigator

• screen

• location

• history

这些对象就是一堆非常简单粗暴的 API，没任何技术含量，讲起来一点意思都没有，大家去 MDN 或者 w3school 这种网站一查就都明白了。

面试的时候，面试官基本不会出太多这方面的题目，因为只要基础知识过关了，这些 API 即便你记不住，上网一查也都知道了。

CSS 选择器有很多，不同的选择器的权重和优先级不一样，对于一个元素，如果存在多个选择器，那么就需要根据权重来计算其优先级。

权重分为四级，分别是：

1. 代表内联样式，如style="xxx"，权值为 1000；

2. 代表 ID 选择器，如#content，权值为 100；

3. 代表类、伪类和属性选择器，如.content、:hover、[attribute]，权值为 10；

4. 代表元素选择器和伪元素选择器，如div、p，权值为 1。

由冯·诺依曼机组成我们知道：数据存储和运算是计算机工作的主要内容。

程序=数据结构+算法，所以计算机类工程师必须掌握一定的数据结构和算法知识。

数据结构

数据结构决定了数据存储的空间和时间效率问题，数据的写入和提取速度要求也决定了应该选择怎样的数据结构。

根据对场景需求的不同，我们设计不同的数据结构，比如：

读得多的数据结构，应该想办法提高数据的读取效率，比如 IP 数据库，只需要写一次，剩下的都是读取；

读写都多的数据结构，要兼顾两者的需求平衡，比如 LRU Cache 算法。

算法是数据加工处理的方式，一定的算法会提升数据的处理效率。比如有序数组的二分查找，要比普通的顺序查找快很多，尤其是在处理大量数据的时候。

可将加载过程和渲染过程分开说。

回答问题的时候，关键要抓住核心的要点，把要点说全面，稍加解析即可，简明扼要不拖沓。

题目：浏览器从加载页面到渲染页面的过程

加载过程

要点如下：

• 浏览器根据 DNS 服务器得到域名的 IP 地址

• 向这个 IP 的机器发送 HTTP 请求

• 服务器收到、处理并返回 HTTP 请求

• 浏览器得到返回内容

本小节会重点介绍 Git 的基本用法、代码部署和开发中常用的 Linux 命令，然后以 webpack 为例介绍下前端构建工具，最后介绍怎么抓包解决线上问题。

这些都是日常开发和面试中常用到的知识。

IDE

题目：你平时都使用什么 IDE 编程？有何提高效率的方法？

前端最常用的 IDE 有 Webstorm、Sublime、Atom 和 VSCode，我们可以分别去它们的官网看一下。

Webstorm 是最强大的编辑器，因为它拥有各种强大的插件和功能，但是我没有用过，因为它收费。不是我舍不得花钱，而是因为我觉得免费的 Sublime 已经够我用了。跟面试官聊到 Webstorm 的时候，没用过没事儿，但一定要知道它：第一，强大；第二，收费。

面试是个技术活，不仅仅是技术，各种软技能的面试技巧也是非常重要的，尤其是程序员一般对于自己的软技能不是很看重，其实软技能才是决定你职场能够走多远的关键。

程序员应该具备的软技能

程序员除了业务技能外，应该具有下面的软技能：

韧性：抗压能力，在一定项目压力下能够迎难而上，比如勇于主动承担和解决技术难题

责任心：对于自己做过的项目，能够出现 bug 之类主动解决

持续学习能力：IT 行业是个需要不断充电的行业，尤其 Web 前端这些年一直在巨变，所以持续学习能力很重要

团队合作能力：做项目不能个人英雄主义，应该融入团队，跟团队一起打仗