查找并修复页面意外的overflow
· ☕ 1 分钟
响应式网站设计切换不同尺寸后偶尔会出现页面内容比屏幕要宽面导致出现横向滚动条。这里有个脚本可以方便的检测哪个元素超出了屏幕:
var docWidth = document.documentElement.offsetWidth;
[].forEach.call(
document.querySelectorAll('*'),
function(el) {
if (el.offsetWidth > docWidth) {
console.log(el);
}
}
);
找到元素后,修改适配即可。
家用游戏机的历史:世嘉、任天堂和 PlayStation 的故事
· ☕ 14 分钟
- 作者:阮一峰
- 原文链接:家用游戏机的历史:世嘉、任天堂和 PlayStation 的故事
今年是电子游戏业很重要的一年,下一代游戏主机 PlayStation 5 和 Xbox Series X 都将发布。
这件事有多重要,就这么说吧,大家都觉得,电影业很庞大,对不对?但是,你可能不知道,2019年全国电影总票房,只有全国游戏收入的五分之一!
关于NPM你应该知道的10个知识点
· ☕ 3 分钟
原文:10 things you should know about NPM - JavaScript in Plain English - Medium
翻译:码农真经
0 NPM归哪家公司
鉴于最近才发生的事情,第0点是码农真经自行补充的。
知名包管理工具npm,现在被GitHub收购了,鉴于GitHub现在是微软的,所以npm成了微软的“孙公司”。
如何选择开源许可证?
· ☕ 1 分钟
- 作者:阮一峰
- 原文链接:如何选择开源许可证?
如何为代码选择开源许可证,这是一个问题。
世界上的开源许可证,大概有上百种。很少有人搞得清楚它们的区别。即使在最流行的六种—-GPL、BSD、MIT、Mozilla、Apache和LGPL-—之中做选择,也很复杂。
乌克兰程序员Paul Bagwell,画了一张分析图,说明应该怎么选择。这是我见过的最简单的讲解,只用两分钟,你就能搞清楚这六种许可证之间的最大区别。
501 程序员宣言
· ☕ 2 分钟
原文:The 501 Developer Manifesto
翻译:码农真经
501程序员指的是,一到 5:01 就离开办公室下班回家的程序员。
我们是软件开发人员,为自身的工作感到自豪,但我们不选择完全被工作所定义所支配。
什么是闭包?
· ☕ 3 分钟
['1','7','11'].map(parseInt)反向面试题
· ☕ 2 分钟
经常看到这个面试题:
- 为什么 [‘1’, ‘7’, ‘11’].map(parseInt) 返回 [1, NaN, 3] - 掘金
- Why [‘1’, ‘7’, ‘11’].map(parseInt) returns [1, NaN, 3] in Javascript
想必大家已经非常熟悉Map的原理,因为:
map(callback, [thisArg])方法:
- 接受一个回调函数
callback,返回一个新的数组- 返回的数组的元素的值为调用
callback函数所返回的值(原数组有几个元素,就调用几次callback)callback接受 3 个参数:
- currentValue:当前正在处理的数组元素的值
- index:当前正在处理的数组元素的索引
- arr:调用
map方法的数组
而parseInt接收两个参数:string值和radix进制值:
人是怎么废掉的?
· ☕ 3 分钟
引以为戒!
1、只获取碎片化的信息。
十几秒看一个抖音视频,半分钟看一篇热点文章,刷到段子的时候会心一笑,看到深度内容的时候赶紧划走。
每遇意见分歧,胸中只知大概,嘴上却振振有词;



