Web 领域已发展得十分庞杂，就知识规模来说已不是你我一个人可以穷尽。从 Web 前后端开发角度来看，前端当下正流行着 Next.js、Remix 等 SSR 方案、以及 React 后续继续开发的 Server Component 等等；后端方面则搞出了“云原生”相关的一整套技术生态，各路轮子百花齐放，一不留神就容易沉迷其中而难以自拔。对于开发者来说，越来越重要的事情也是，放下“穷尽一切”的执念，寻找属于自己的一隅落脚之地。

现代的 Web 开发中，CLS（Cumulative Layout Shift）是一个关键的 性能指标，它主要关注用户在 Web 网页的使用中，发生意外布局偏移（Layout Shift）、影响用户体验的情况。导致 Layout Shift 的因素很多，这里主要讨论的是图片加载过程的影响。

过去在微博遇到许多带来思考与快乐的内容，但常常因为时间太久远，回看收藏链接往往返回的是404，记忆也随之变成了一个个空洞。脑洞打开，是不是可以把一条微博涉及到的各种文件一键打包下载，在本地阅读呢，就像 docx 文档格式一样。

无意中发现和尝试了 Chrome DevTools 的 Layers 面板，Get 到了庖丁解牛的新视角。不禁感叹 Web 浏览器的巧夺天工，也从此打开了浏览器从 Layout->Paint->Composite 中的 Composite 过程的研究的大门。

宿舍有个树莓派常年开着吃灰，装了 Transmission 用来挂种子。由于挂下来的资源大部分都是视频类型，所以也不必下载下来。于是我配置了一个开了 autoindex 的 Nginx 服务器，在校园网内，直接通过一个内网的 URL 来实现资源的访问。

最近自己有个批量调用 API 抓取数据的需求，类似爬虫抓数据的感觉。听到爬虫二字，我们常常想到的是 Python, Beautiful Soup 之流，而对于简单地抓取数据这种需求来说，一个小米加步枪就能干掉的东西，拉个加农炮来，显得有些大材小用。实际上，只需要围绕着 抓取->格式转换处理->保存  这简单三步，然后用合适的工具或编程语言实现就好了。

这学期的安全学课程有个作业，内容是写一个软件实现 SHA3 Hash 值的快速计算。想一想老师这么安排，大致上也有一种推广新的密码学算法的意图。既然希望应用起来，天然跨平台的 Web 显然是一项非常具备优势的技术，想到 HTML5 有定义网页与文件系统交互的 File API 标准，而且很多浏览器已经实现，基于浏览器端，实现一个 Sha3 的在线哈希岂不是更好？

最近在用 Node 的 cheerio 类库整一个抓取课表的小爬虫，其中有部分不需要的信息的 HTML 标签内部只有一个   ，我想利用它作为特征来过滤掉无用的信息。

新学期伊始，年度抢课大戏同步上映，学校的正方教务系统也迎来了前所未有的流量冲击。教务系统这个跑在 Windows 2003 的上古时期的 ASP.NET 程序的服务器自然也承受不住，在选课高峰期频频崩溃，从而也导致了用户登录的账户在选课期间频频掉线的问题。

上一篇文章 Linux 下 Nginx + PHP 环境的配置 扯了那么多复杂的概念，现在让我来说一说怎么把它用在实践之中。最近我也想重新把 VPS 重装一遍，恰逢 PHP 发布了最新的 PHP 7.2.0 版本 (2017年12月14日)，所以就直接安装最新版本的 PHP 吧。

本文假定读者对 Linux 的命令、程序的文件IO、HTTP 协议、基本的PHP语法、正则表达式 有一些大致的了解。

之前我用 lnmp.org 的一键安装包来配置 web 服务器，一直懒得去动，对 nginx 的配置也是一知半解。买了新的 vps 之后需要重新配置服务器环境，趁这个机会让我手动一个个安装它们并且熟悉熟悉吧。

大概是几个月前我在 v2ex 上看到了 DaoCloud 的宣传，开始接触到了 Docker 这个神奇的容器引擎和 DaoCloud 这个基于 Docker 技术的云平台

博客上有一个用mediaelement-and-player.js弄的播放器，插件默认的是每个页面都加载一次mediaelement-and-player.min.js和mediaelementplayer.min.css，两个文件都十分的庞大，加起来接近100k，虽然gzip之后只剩下20多k但是也是十分地不爽，所以我便寻思着有没有什么办法能有播放器的时候就加载它，没有播放器的时候就不加载。

在这里分享一下我的博客的nginx.conf文件，因为nginx对pathinfo支持总是有那么一点问题。。参考了下70 的写法，然后弄出了下面那些玩意儿。。表示工作十分正常（用的lnmp.org的lnmp一键安装包）

最近打算做播放器，研究了下解析lrc歌词的算法，百度基本没有现成的，所以自己各种搜索各种折腾然后写了个~~~特分享给大家

其实原理很简单，把原来的数*100然后取整再除以100就是保留两位小数了~备忘一下

php菜鸟状态下山寨的插件。。。。不喜勿喷⊙▽⊙

翻了一遍服务器的控制面板都没发现子目录绑定这种东西。。百度了n久，终于找到利用.htaccess文件把域名绑定子目录的方法，这里是把qiandao.izgq.net绑定到sign目录下，其他情况的把域名和目录名换掉就好了