看到张鑫旭大佬的文章讲禁止图片拖动的，我看了看手头的项目，拖了拖一些 icon，拖动会有虚影。于是准备把图片的拖动禁用掉，第一反应是在 App 文件中等视图加载完毕，获取所有的图片，设置为不可拖动，一劳永逸

mounted() {
  this.$nextTick(() => {
    const imgs = document.querySelectorAll('img');
    imgs.forEach((el, i) => { imgs[i].draggable = false; });
  });
}

滚动条样式在火狐、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];