疯狂的技术宅

1

浅析 JavaScript 中的方法链

• 疯狂的技术宅   34 分钟前发布
• 1 收藏

方法链是一种流行的编程方法，可以帮助你写出更简洁易读的代码。在本文中我们一起学习 JavaScript 中的方法链是什么，以及它是怎样工作的。另外我们还会探讨如何使用方法链接来提高代码的质量和可读性。

5

Node.js 的 QUIC 支持

• 疯狂的技术宅   3月5日发布
• 3 收藏

在2019年3月，受到 NearForm 和 Protocol Labs 的支持，我开始为 Node.js 实现 QUIC 协议 支持。这个基于 UDP 的新传输协议旨在最终替代所有使用 TCP 的 HTTP 通信。

11

JS 中循环遍历数组方式总结

• 疯狂的技术宅   3月4日发布
• 9 收藏

作者：Axel Rauschmayer翻译：疯狂的技术宅[链接]本文比较并总结遍历数组的四种方式：for 循环： {代码...} for-in 循环： {代码...} 数组方法 .forEach()： {代码...} for-of 循环： {代码...} for-of 通常是最...

5

数组将要新增的方法：array.at(index)

• 疯狂的技术宅   3月3日发布
• 3 收藏

除了普通对象之外，数组是 JavaScript 中使用最广泛的数据结构。数组上最常使用的操作是按索引访问元素。本文介绍新的数组方法 array.at（index）。新方法最主要好处是可以用负索引从数组末尾访问元素，而平时使...

11

用WebAssembly在浏览器中对视频进行转码

• 疯狂的技术宅   3月2日发布
• 9 收藏

我们可以凭借 FFmpeg 的 WebAssembly 版直接在浏览器中运行这个能强大的视频处理工具。在本文中，我们来探索一下 FFmpeg.wasm，并写一个简单的代码转换器，把数据流传输到视频元素中并播放出来。

9

DOM节点和元素之间有什么区别？

• 疯狂的技术宅   3月1日发布
• 9 收藏

文档对象模型（DOM）是将 HTML 或 XML 文档视为树结构的接口，其中每个节点（node）都是文档的对象。 DOM 还提供了一组用于查询树、修改结构和样式的方法。

10

如果await 同一个 Promise 两次会怎么样？

• 疯狂的技术宅   2月26日发布
• 8 收藏

先看下面这道面试题： {代码...} 你认为 counter 的值是什么？什么是 promise ？这是否意味着“稍后再做”？实际上应该把 promise 看成是一个状态机。promise 以“pending”状态开始它的生命周期。如果你要在这个状态...

11

为什么 Promise 比setTimeout() 更快？

• 疯狂的技术宅   2月25日发布
• 10 收藏

打开执行并检查控制台。您会看到日志先打印了 'Resolved!' ，然后打印了 'Timeout completed!'。立即解决的承诺比立即超时处理得更快。

12

在vue中使用HTML 5 拖放API

• 疯狂的技术宅   1月14日发布
• 11 收藏

在本文中我们将用 Vue.js 构建一个简单的看板应用。看板是一种项目管理工具，使用户可以从头到尾直观地管理项目。 Trello、Pivotal Tracker 和 Jira 等工具都属于看板应用。

4

真的需要搭载 M1 处理器的Mac吗

• 疯狂的技术宅   1月13日发布
• 4 收藏

每次 Apple 的新品发布活动都吸引了很多目光，但是 2020 MacBook Air，MacBook Pro 和 Mac Mini 的发布不仅仅是新功能和时尚的工业设计。重大新闻隐藏在了新 MacBook 的阳极氧化铝机箱中的 M1 片上系统（SoC）中...

7

JavaScript中的回调函数看这篇就够了

• 疯狂的技术宅   1月12日发布
• 7 收藏

回调函数是每个前端程序员都应该知道的概念之一。回调可用于数组、计时器函数、promise、事件处理中。本文将会解释回调函数的概念，同时帮你区分两种回调：同步和异步。回调函数首先写一个向人打招呼的函数。只需...

14

你知道 这些HTML标签的作用吗？

• 疯狂的技术宅   1月11日发布
• 13 收藏

随着对 JavaScript 框架和库的依赖越来越深，很多人对 HTML 的重视程度降低了。这就导致了我们无法充分利用 HTML 的很多功能，这些功能可以大大的增强网站功能。另外通过编写语义化 HTML 可以在网站内容中添加正...

19

TypeScript 高级类型总结（含代码案例）

• 疯狂的技术宅   1月8日发布
• 13 收藏

代码中的 IntersectionType ”组合了两种类型： LeftType 和 RightType，并使用 & 符号来构造交 intersection 类型。

8

分析 gulp 的运作方式

• 疯狂的技术宅   2020-12-31 发布
• 7 收藏

vinyl 是 gulp 所使用的虚拟的文件格式，在它的自述文件是这么说的：“当提到文件时你首先想到的是什么？肯定是路径和内容吧”，它主要记录的信息有：

8

2020 年 Chrome 开发者峰会的亮点

• 疯狂的技术宅   2020-12-30 发布
• 8 收藏

2020 年的Chrome 开发者峰会和往年有所不同，今年是在线上召开的，每次谈话大约十分钟，讨论规模更大。虽然我没有在第一时间观看会议的直播，但是看回放也不会错过这些亮点。

6

这 10 别名让你把 git 的玩的更 6

• 疯狂的技术宅   2020-12-29 发布
• 5 收藏

对于咱们前端打工人来说， git 是工作中常用的一种基本工具，可能有一些人不喜欢用命令行操作 git，总是想要带图形界面的工具，当然能提供深色主题那就更好了。

8

手写一个 babel 插件

• 疯狂的技术宅   2020-12-28 发布
• 8 收藏

在前文《babel是怎样工作的》中介绍了 Bable 中的的AST，这次咱们给 bable 写一个插件，文中会覆盖大部份的用法，如果你对某些细节不是很明白，可以去看一下官方的 Babel 手册，中文版在这里：

12

在 JavaScript 中正确处理变量

• 疯狂的技术宅   2020-12-25 发布
• 11 收藏

用 const 或 let 声明自己的 JavaScript 变量。两者之间的主要区别是 const 变量在声明时需要初始化，并且一旦初始化就无法再重新赋值。

15

别只用 console.log() 调试 js 代码了

• 疯狂的技术宅   2020-12-24 发布
• 10 收藏

不过大多数人都只过 console.log() 在浏览器控制台中进行输出调试。 log 只是 console 对象的一种方法，除了它还有很多非常有用的方法。

34

9 个好用的 JavaScript 小技巧

• 疯狂的技术宅   2020-12-23 发布
• 27 收藏

黑客的方法论是一种涉及不断改进和迭代的构建方法。黑客们认为总有一天会变得更好，而且没有什么是永远不能够实现的。真正的黑客总是用不同的方式来解决没人关注的问题。下面给出了一些非常强大的 JavaScript 小...