滚动条样式在火狐、ie、chrome 等浏览器的样式是不一致的，工作中我们经常需要根据自己的需要定制滚动条，这里给出一个兼容的写法

/* The emerging W3C standard
that is currently Firefox-only */
* {
  scrollbar-width: thin;
  scrollbar-color: blue orange;
}

/* Works on Chrome/Edge/Safari */
*::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-track {
  background: orange;
}
*::-webkit-scrollbar-thumb {
  background-color: blue;
  border-radius: 20px;
  border: 3px solid orange;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(14, 77, 136);
}

在 WebKit 内核的浏览器中，当用户的设置中允许表单自动填充，填充后有一个背景颜色，打开控制台的 styles 看到 input:-internal-autofill-selected 设置了背景色和字体颜色，大喜。在 css 中改完发现无效，明明看到覆盖掉了这个的样式，怎么还是有背景色呢？

时隔四年，再一次面了阿里，上一次还是大三的时候面淘宝的实习岗位。感觉体验很不错，从项目出发，由浅入深，中规中矩的面试，发现了自己的一些不足之处，末了问面试官他们希望招怎样的人才，面试官回答的要点大致如下：

• 基础知识扎实

• 熟悉常用框架的底层原理，能自己实现框架

CSS 常用布局包括元素的水平、垂直居中，单栏布局、三栏布局等，本文分析多种情况下的布局方案。

最近 github 老是抽风，打不开，排查了一番，发现电脑端开启代理的 pac 模式就会出现这个问题，全局模式和不开代理是没问题的。手机端连了公司的 wifi 会打不开，不连 wifi 打得开，目测是 dns 被污染了。

解决方法就是去网上用 ping 工具 ping 一下 github 域名，看看哪些能用，然后在本地再 ping 一下，ok 的话就去 host 文件里面配置一下 github 的 ip 为刚刚测试的可用 ip。如果还是不行看看抓包一下，看看请求的哪几个域名失败嘞，重复以上步骤。

有一个深层嵌套的数组，需要输出拍平后的新数组

const input = [1, [2, [3, 4], [5], [6]]];
const output = [1, 2, 3, 4, 5, 6];

一、HTTP 1.0

1. 每请求一个资源都要新建一个TCP连接，而且是串行请求，性能比较差

用 Vue 已经有几年了，使用上大概是人们口中所说的老司机了吧，熟知 Vue 生态，用来开发了十来个项目，也可谓是驾轻熟路了吧。遇到问题也会通过 debug 找到问题出处，不明白的回去翻翻源码相应的位置。不过还是有很多地方是我不知道的，更确切的说是自己只是把他当做工具，能用就行，从来没有想过这个工具为什么这么设计，对于开发有什么借鉴意义，我想这也是大部分人的做法吧。