雨浣潇湘

提到显示器，很多同学第一时间想到的可能是分辨率（2K、4K）、尺寸（24、27、32）、面板（IPS、TN、LED）等，常玩游戏的同学可能还会想到刷新率、响应时间等参数。不过色域却常常被大家所忽视，其实色域是一个特别直接的影响视觉体验的参数。 色域是什么？维基百科给的概念是这样的： 色域是对一种颜色进行编码的方法，也指一个技术系统能够产生的颜色的总合。 顶级显示器制造商艺卓是这样解释的：... 阅读全文…

本来是写给同事的一个攻略，感觉可能有同学会用得上，在这里也分享一下。 文中的『车程』不包含游览时间 南山-天涯海角-椰梦长廊-鹿回头-太阳湾（单程 75 公里，车程约 2 小时）路线总览 路线1总览 ... 阅读全文…

去年这个时候，曾经写过一篇文章 Polyfill 的前世今生，总结了常见的 polyfill 方案。受限于当时的认知以及 Babel 版本，有很多疏漏，觉得有必要更新一篇目前（2020.03） polyfill 的一些进展。 core-js@3在我写下上一篇文章之后两周，2019.03.19，Babel@7.4.0 正式发布了。在 Babel@7.4.0 中，提供了对管道运算符、私有方法、T... 阅读全文…

自从去年末在苹果店里看到了 UltraFine 5K 之后，就觉得自己的 AOC U2790VQ 一点都不香了，但是9948的价格哪怕是24期免息也只能告辞。 UltraFine 4K 看起来倒是很合适，但是用惯了27寸，总觉得24寸的屏幕实在太小。看来看去，3000-5000 的价位只剩下3款备选：DELL U2718Q、BenQ PD2700U、LG 27UL850，对比了很久，还是觉得... 阅读全文…

本文所用环境：操作系统： Linux September 5.3.11-1.el7.elrepo.x86_64 GNU/Linux内核版本： centos-release-7-7.1908.0.el7.centos.x86_64 HTTP3目前，最新版本的 nginx （1.17.5） 仍然不能原生支持 HTTP3，好在 CloudFlare 提供了基于 Quiche 和 Borings... 阅读全文…

为了提升页面加载性能，改善用户体验，我们希望我们的静态资源能够长期缓存在用户的浏览器中，为此，我们通常会给静态资源设置一个较长的 max-age ，而在资源内容有更新时，则生成一个名字不同的新文件，以便用户能够及时收到最新的内容。 我们都知道， HTTP 缓存可以分为强缓存和协商缓存，根据我们的配置，强缓存过期后，浏览器会向服务器发出一个校验请求，如果服务器判断资源没有更新过，则通知浏览器使... 阅读全文…

node 模块现状在我们执行 npm install 时，npm 会做出如下操作： 向 registry 查询获取模块的地址 根据 package.json 中的配置确定需要安装的模块版本 下载对应的压缩包，存放在 ~/.npm 目录 解压压缩包到当前项目的 node_modules 目录 而在 Node.js 中，我们提供给 require 方法的参数如果不是一个路径，也不是 node... 阅读全文…

我们知道，ES2015+ 在低版本浏览器中存在严重的兼容问题，为此前人们尝试了各种方式： Shim/Sham在远古时代的代码中，我们可能看到过这样的处理： 12<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/0.34.2/es5-shim.min.js"></script><script ... 阅读全文…

本文基于 Webpack@4.28.3 版本 在现代前端工程中，为了更有效的利用浏览器和 CDN 的缓存，我们通常会给静态资源设置一个比较长的缓存时间（cache-control等），在有内容更新的时候，通过在静态资源路径中加入 hash 的方式来实现。具体可以参考这里： 大公司里怎样开发和部署前端代码？。 但是在 Webpack 中，实现可靠的长期缓存并不容易。在 github 上，关... 阅读全文…

最近看到了美团的前端团队的一篇文章，文中提到前端发布仅需10秒，默默的看了一下我们自己的发布时间。。。 先定一个小目标，争取把 Webpack 的打包时间优化到10秒以内吧。 先看一下现在打包一次需要的时间，73013ms，下面开始一步一步见证奇迹： ... 阅读全文…