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

Chrome DevTools 是 前端开发人员最常用的工具之一，今天就来看 5 个Chrome DevTools 实用的实验性功能，开启这些隐藏功能，让你的Chrome更加强大！ 1. CSS Ov

写了这么久代码，居然没有思考过为什么web端能访问到process.env这个属性，有时候不能光写代码，还要学会思考

哈哈，之前是 2020 年必读文章，到了 2021 年了，感觉这些文章还都是经典，那就改个标题吧。[手动狗头] 之前写过一篇 一年半经验如何准备阿里巴巴前端面试，给大家分享了一个面试复习导图，有很多朋友说希望能够针对每个 case 提供一个参考答案。 写答案就算了，一是精力有限…

开发中,一直听到有人讨论是不是需要重复造轮子，我觉得有能力的人，轮子得造。但是往往开发周期短，轮子的使用节省的时间可以更好的去理解业务，使用到业务中,也能发现轮子的利弊，可以造更好的轮子。

图片延时加载十分重要，尤其是对于移动端用户。 从理论上来看，图像延迟加载机制十分简单，但实际上却有很多需要注意的细节。 此外，有多个不同的用例均受益于延迟加载。 首先，我们来了解一下在 HTML 中延迟加载内联图像。 延迟加载是一种在加载页面时，延迟加载非关键资源的方法， 而这…

在上一篇我提到了前端面试频率较高的几个网络基础知识，这一篇我会把上一篇遗留的五个尽力讲清楚。如果还没有来得及看上一篇，那么现在可以一起看。 主机地址：用于识别该网络中的主机。 D 类用于用于特殊用途. 又称做广播地址 一. A类地址 10.X.X.X是私有地址（所谓的私有地址就…

前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。 本文完整的源代码请猛戳github博客，纸上得来终觉浅，建议大家动手敲敲代码。 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSR…

DOM级别一共可以分为四个级别：DOM0级、DOM1级、DOM2级和DOM3级。而DOM事件分为3个级别：DOM 0级事件处理，DOM 2级事件处理和DOM 3级事件处理。由于DOM 1级中没有事件的相关内容，所以没有DOM 1级事件。 当希望为同一个元素/标签绑定多个同类型事…