网页能展示什么能做什么，很大程度上是由浏览器宿这个主环境提供的基础能力决定的，这些能力就是 Web API，而这些基础能力也会时间发生变化。今天就一起欣赏一些有意思有前端的Web API。

网页开发中，我们经常要计算各种距离。 比如 OnBoarding 组件，我们要拿到每一步的高亮元素的位置、宽高： 比如 Popover 组件，需要拿到每个元素的位置，然后确定浮层位置： 比如滚动到页面

你好，我是泰罗凹凸曼，最近在使用几个软件的时候，发现了一些很有意思的文件相关API，可以直接操作电脑上的文件并且进行修改，今天我们就简单梳理一下 Javascript 文件系统的相关知识。

都是 TypeScript 的骚操作，20 种内置Utility Types和 16 个手写工具类型，如果你看不懂 16 个中最后一个，就从头到尾把这篇文章看一遍吧，相信会对你的 TS 水平有很大提升

TypeScript 相信大家都见的很多了，但总有些时候不知道类型怎么写才能不报错 有时候你满脑子疑惑“哈？这都能报错？我写的明明是对的啊，到底该怎么写？” 来看看下面的小技巧吧，总有一个能提高你的效

自从 ES6 加入了类的基础语法以来，Javascript 中的 class 已经 5 年没有更新了。早在 2019 年，class-fields 的一系列提案就已经进入了 stage 3，其中就包括给 class 加上 public / private 成员字段，而私有成员由…

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…

你可以完全使用console.warn来代替console.log方法，但前提是该条打印信息是属于警告级别而不是普通信息级别，因此浏览器遇到一条警告级别的信息会区别对待，最明显的是它的左侧会有一个警告图标，并且背景色和文字颜色也会不一样。 相比于普通信息，警告信息会出现在上图左…

返回新对象。 简单版深拷贝，列举三个例子 array object function，可以自行扩展。主要是引发大家的思考 鄙人公众号【前端技匠】，一起来学习吧。