回想起来我折腾博客和各类网站已将近 10 年光阴，在维护 0xFFFF 的几年来，也尝试过各类不同的建站方案。当前用到的各类服务，综合速度和成本而言，感觉可能的选择方向差不多已经成型，可以做一个总结。若你也想低成本搭建属于自己的网站，且想拥有不俗的访问速度，这里的方案也许可以是你的一个参考。

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

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

回想最近独立负责开发的一个需求：App 中的一个子模块，客户端提供的 WebView 加载网页，实现的一个单页应用（SPA）。其中功能拆分到多个不同的子页面分别实现，各个子页面实质上只作为这一 WebView 页面中的一个模块，通过 React Router 去分发路由和渲染它们。

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

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

World Wide Web，简称 WWW，中文“万维网”，又叫 Web，而不是 internet 这个只有物理意义的一层。加之如今移动互联网发达，许多刚接触网络的人，对于网络的了解可能仅限于微信、QQ 和各种各样的 APP，已不知道 WWW 为何物。我想应该尝试通过一些简单的语言，理一理其中涉及的概念。

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

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

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

最近在尝试基于 PHP 做一个反向代理 HTTP 的程序，其中一个需求是将程序收到的HTTP请求还原回 RFC2616 的原始格式。

最近在用 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一键安装包）

对于我们这些不怎么方便用电脑的人来说，管理网站什么的实在是不方便，网站出了什么问题又要找电脑，实在是麻烦，而且处处受限。作为新一代的技术宅，这点东西怎么可能难倒我们？！在几乎人手一部安卓机的今天，其实有很多实用的app可以帮我们很多忙。

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

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

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

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

第一次写html，开始觉得随随便便就弄出来了，但是做起来才发现，其实也并不简单