禁止图片拖动

看到张鑫旭大佬的文章讲禁止图片拖动的,我看了看手头的项目,拖了拖一些 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 常用布局及解决方案

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

阅读全文

我辞职了

如题,其实想辞职有一段时间了。去年下半年前端老大走了,那个时候其实也是一个职业迷茫期吧,也想辞职,但是因为结婚等种种事宜,一直没有辞职。年底结婚回来发现婚假也扣钱,工资少了很多,说实话当时觉得挺生气的,找老大和行政要说法,无果。

到今年初,我过来的这个组还有整个部门的人也陆陆续续的跑路,整个技术氛围开始变得很奇怪,感觉大家都没什么工作热情了,做事也拖拖沓沓的,各自迷茫,我也在考虑真的得换个环境了,温水煮青蛙,真的会把自己耗死的。

阅读全文

setTimeout 模拟 setInterval

本文主要讲一下为什么要用 setTimeout 去模拟 setInterval,以及如何实现

阅读全文

解决 Github Dns 污染问题

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

解决方法就是去网上用 ping 工具 ping 一下 github 域名,看看哪些能用,然后在本地再 ping 一下,ok 的话就去 host 文件里面配置一下 github 的 ip 为刚刚测试的可用 ip。

阅读全文

Lodash 源码解析 —— Slice

lodash slice 函数学习

阅读全文

实现数组拍平

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

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

阅读全文