正常的开场本应该是“什么是Service Worker”，但Service Worker往往会和PWA被一同提起。无论屏幕前的你是有丰富PWA开发经验的大佬，还是从没有听过这个概念的小佬，本文都有义务讲清楚Service Worker和PWA的关系，在此假设大家仅仅是一个对Se…

背景 当我们将图片，视频，音乐，PDF或者其他文件上传给后端时，后端为了文件名不重复，可能会做一些处理。比如使用日期+时间戳+随机数的方式名命，又或者使用UUID或其他方式生成文件名。这就会导致一个问

又到了愉快的总结时刻，这次我们来看看怎么优化项目中的 Icon。 直接一句话就可以引入 Icon，这样多方便呀。 svg-sprite-loader 会把你的 svg 塞到一个个 symbol 中，合成一个大的 svg。 最后将这个大的 svg 放入 body 中。 symbo…

登录是每个网站中都经常用到的一个功能，在页面上我们输入账号密码，敲一下回车键，就登录了，但这背后的登录原理你是否清楚呢？今天我们就来介绍几种常用的登录方式。 HTTP 是一种无状态的协议，客户端每次发送请求时，首先要和服务器端建立一个连接，在请求完成后又会断开这个连接。这种方式…

力荐~ 深度好文~ 深入理解 Javascript 10大设计模式

**一言以蔽之：你是要搞定一个 X5 上的兼容性问题，还是要搞定几百台安卓手机上的兼容性问题。**下面就从多个维度来分析兼容性问题： 从上面数据来看，当前绝大多数 Android 手机使用的都是 Android 4.4 或以上的系统， 这也是System WebView 内核大…

本文从这 2 个角度出发，收集一些相关优化资料。 resolve.modules 用于配置 Webpack 去哪些目录下寻找第三方模块，默认是 ['node_modules']。 但是，它会先去当前目录的 ./node_modules 查找，没有的话再去 ../node_mod…

1. 简介 本篇文章基于自己对chrome浏览器工作原理的一些理解，重点在于页面渲染的分析。此文会随着我理解的深入持续更新，若有错误，欢迎随时指正！比心 (｡♥‿♥｡) 作者是朱永盛，Chromium项目的committer。作者的个人博客：http://blog.csdn.n…

@argyleink在第四次的伦敦（LondonCSS 2020）CSS活动中分享了一个有关于CSS特性相关的话题。看了一下这个主题的PPT，里面有些新东西还是蛮有意思的。基于该PPT，我稍微整理近24个CSS方面的新特性，感兴趣的同学可以继续往下阅读。 接下来的内容我将分为：…