说起来也是有趣，本来是研究一下 WebSocket 准备给论坛/博客增加实时更新之类的特性，结果看着看着就脑洞大开搞了这么个玩意儿（（
首先明确一下，这里说的 Web Terminal 是指再网页中实现的，类似于终端模拟器的玩意儿。举例的话应该是类似于 Linode 的 LiSH 和 Visual Studio Code 中内置的那个终端，而不是 ConoHa 提供的 VNC 式的终端（其实那玩意儿是个远程桌面了）。最终目标的效果就是和 Secure Shell 类似：打开一个网页，就能启动一个网页所在服务器的 shell，比如到处都有的 bash 或者非常强大的 zsh，然后就可以与这个终端进行交互式的操作，比如使用 vim 编辑文件，或者查阅 man 中的手册。
UglifyJS 是一个著名的 JavaScript 源码处理工具，可以用于压缩或是格式化 JavaScript 代码。同时他也是 JavaScript 编写，所以只要有 Node.js 就能很方便的使用。其项目主页：https://github.com/mishoo/UglifyJS
安装方法很简单， 假定你已经安装了 node 和 npm，你只需要执行以下命令即可完成：
npm install -g uglify-js
使用也是很简单的，我就举个压缩代码的例子吧，假设我们一个 script.js，需要进行压缩，可以执行以下命令：
uglifyjs script.js -o script.min.js
以上会对代码进行压缩，并保存为 script.min.js。值得注意的是这个压缩方法不会修改变量名，如果需要更彻底的压缩，则可以：
uglifyjs script.js -m -o script.min.js
实际效果的话，cnVintage 所使用的 flarum 中有一个 1.4MB 大小的 forum-7a006006.js，如果对其进行压缩能将大小缩减至 824K；如果对其使用更彻底的压缩，则能缩减至 611K，效果十分可观。
之前我们已经看到了如何利用 HTML 的 WebAudio API 播放一段自定义的音频，其实难度并不大，主要步骤就是创建音频上下文，创建缓冲区和音频源，之后在缓存区内暴力写入波形数据，就可以播放了。
有了这些功能，理论上我们是可以在浏览器里使用 JavaScript 解码任意的音频文件并播放的，然而实际上 JavaScript 本身算是个半残废语言，而且既然能用 HTMLAudio 标签来播放音频，为什么要自己解码呢（
不过话说回来，不是所有代码都是写了拿去用的，有的时候折腾折腾一些比较奇怪的东西也非常有趣。想到世界上有一个叫 WAV(audio/x-wave) 的音频格式，其结构听说也是非常的简单粗暴，在解码上基本没有什么复杂度。于是为什么不尝试着自己用 JavaScript 把 wav 音频通过音频上下文接口播放出来呢？
前天尝试了一波那个什么 MediaSourceExtension，结果发现那套API目前限制蛮大的，而且对我来说没什么帮助（audio/x-wav 完全不正常支持，audio/mpeg 也只能在 Chrome 上使用）于是只能放弃折腾了 QAQ
昨天突然想起之前写 nanoPlayer 的时候，使用了一个叫 Audio Context 的接口，nanoPlayer 用了这个 API 里的 createAnalyser 方法，来获得音频的频率数据，进而实现了一个频谱可视化功能。之前就注意到了这个接口中有个自定义 AudioBufferSource 的方法，可以指定若干 Float32Array 并交给浏览器播放，应该是蛮有意思的。
这里就实现一个可制定频率的正弦波音频吧，如果这个实现起来没有什么难度的话，就准备试试浏览器端解码 WAV 音频。
JavaScript 自己也看了一段时间了，Node.js 相关的内容也随手糊过一点了，但是总是没有一个像样的作品，这样是不行的。
所以就必须想点办法，搞个大新闻，把脑子里的知识运用一番，顺带学学新的姿势，提高自己的水平。不编了好吧我承认是自己在家无聊了QAQ
在基佬集线器上逛逛的话，会发现很多人都自己撸过一个简单的 Blog 框架，毕竟这种简单的网页应用逻辑简单，同时实现的参考啊也很多，比如 PHP 就有 WordPress， Node.js 就有 Hexo，等等。所以我也就学着做个玩玩咯～
花了大概一天吧，撸出了现在的这个最简单的 Blog Framework，虽然还没想到取什么名字。前段框架使用了 Vue.js，并且才用了 Materialize 提供的部分样式和组件。后端使用了 Express.js，数据存储则按照国际惯例选择了 MySQL（MariaDB）。全站数据使用 Ajax 获得，并完全在浏览器端渲染，同时除了博客名称以外没有任何触发刷新的组件。整体风格自认为是极简风格，实际上是自己没本事搞出什么好看的设计。
现在这个框架准确的说还在开发阶段，需要解决的问题是评论以及管理页面。当然部分代码需要优化优化，写得实在是太随性了。
样例页面可以在这里查看，里面的内容大多是从这里搬运过去的。源代码则可以前往GitHub来查看（顺便请允许我无耻的求个 Star QwQ）。
卧槽我这个 Framework 国内访问速度真他喵快啊
虽然现在我在的学校很辣鸡，但是偶然间发现所有的教学区设备，在通过网关认证后，就可以获得一个江苏省常州市教育网的公网 IP 地址，同时拥有 10Mbps 的上下对等带宽，还是蛮良心的（
然后我们就在某办公室内放置了一个配置极其破烂的台式机，用来转发内网端口，VPN 远程接入和其他奇奇怪怪的服务。然而所有这些的前提就是通过了网关认证。比较尴尬的是那台电脑并没有显示器，所以我们只能想其他办法实现这一步骤。
之前的代码实现了描绘一个巨大的、正方形的、红色的点，但是，稍有常识的人都能看出，那个点的颜色、位置、大小，都是无法在运行时改变的，这就比较尴尬了……
毫无疑问，Web 前端的编程语言是 ECMAScript，然而顶点着色器和片元着色器的控制用的却是 GLSL ES。为了能动态的修改着色器代码，我们就需要在着色器代码里添加需要动态编辑的变量，并且通过已有的方法来通过 JavaScript 获取并修改他们的值。
相关库的地址：WebGLBook/lib at master
效果预览见最后。
注意：这只是个人的理解，不保证正确。如有错误欢迎指正！
首先准备具有一个画布（canvas）的页面，所有的 WebGL 程序都会通过这个 canvas 展现出来：
