Chris在掘金74651

snippets 是片段的意思，VSCode 支持自定义 snippets，写代码的时候可以基于它快速完成一段代码的编写。 不只是 VSCode，基本所有的主流编辑器都支持...

网页开发中我们经常要处理用户交互，我们会用 addEventListener 添加事件监听器来监听各种用户操作，比如 click、mousedown、mousemove、i...

今天给大家分享一些使用 “Chrome 开发者工具” 的小技巧。包括调试，优化页面渲染速度等。希望能提升 Web 开发人员的工作效率。...

虽说文章还是比较老的，但浏览器发展也会变成一步历史，从有记录的历史的源头去了解当初的浏览器，进而更好的理解当代的浏览器。 这些基础的计算机概念还是要弄不清楚的。 知乎上这篇...

Charles 是目前最主流的网络调试工具（Charles、Fiddler、Wireshark...）之一，对于一个开发者来说与网络打交道是日常需求，因此很多时候我们需要调...

1. 前言 注意，问得是几个！我当时还真答不上来几个，他问得那两个，我刚好又没答对。 我们应该有一个目标：尽量只操作键盘即可满足我们对浏览器的日常使用，摆脱鼠标的依赖，因为...

当浏览器截获到一个页面请求后，将会按照顺序做如下图所示的4件事。 首先会将所有需要加载的资源进行分类。 然后根据浏览器相关的安全策略，来决定资源的加载权限。 接着对各个资源...

接下来按照这个顺序给大家解说。 也就是我们所说的网络白名单，限制浏览器对各类资源的加载，提高网站的安全性。一种常用的应用就是通过限制非信任域名的脚本加载来预防XSS攻击 设...

本文主要介绍preload的使用，以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令，让浏览器提前加载指定资源(加载后并不...

对浏览器加载资源有很多不确定性，例如： css/font的资源的优化级会比img高，资源的优化级是怎么确定的呢？ 资源优先级又是如何影响加载的先后顺序的？ 有几种情况可能会...

在实际的开发过程中，我们有时候会遇到动态加载静态资源的需要，这当然是一个很简单的需求，但是如何做到更优雅的实现呢？ 参考优秀的vue-ueditor-wrap库 首先，我们...

通过测试得出 JS 和 CSS 的位置对资源加载顺序的影响，并且介绍 prefetch、defer async 的用途。...

总结了11个可以极大提升我们开发效率的chrome调试技巧，一键重发请求、条件断点、复制内容、截取全屏等等。相信对你也会有所帮助噢！！！...

前言 最近在网上有个真实发生的案例比较火，说的是一个新入职的员工，不会用 git 拉代码，第二天被开除。由此，可见 git 对我们工作的重要性，无论是前端后端，都是离不开 ...

背景 Polyfill是什么 众所周知，现在的web网站是不兼容ie678的，这辈子是不可能兼容。啊，，，真香。 好吧，兼容一下也没什么大不了的。无非就是干练的箭头函数不能...

为什么要开启gZip我们给某人发送邮件时，我们在传输之前把自己的文件压缩一下，接收方收到文件后再去解压获取文件。这中操作对于我们来说都已经司空见惯。我们压缩文件的目的就是为...

sourceMap对现在的项目来说也是比较重要的，因为在打包完成之后的代码是经过混淆、压缩的，不能很好的进行定位。如果想看到准确的代码位置，Source Maps（源映射）...

WebP 是什么？ WebP 是一种同时提供了有损压缩与无损压缩的图片文件格式。可以大大压缩图片的大小，并且图片的质量和 png、jpeg 等相同。...

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 有兴趣的同学可以关注 [实践系列] 。 求star求follow~ 全称 Domain Name System ...

设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当...