Mayo的前端技术记录与生活

mini-css-extract-plugin 中有一个直接执行字符串形式的 commonjs 代码，在编译阶段获取 css-loader 产物的方法。学习了一下这个方法所做的事情。

TypeScript 本身提供了一些 Compiler API，可以生成 TypeScript 代码对应的 AST 等操作。作为官方提供的编译工具，也可以说是目前唯一可用的工具了。TypeScript 官方有一个介绍 Compiler API 的 Wiki，但这个文档内容较少，还很晦涩，这里补充一些基本概念和使用例子。

最近开发了一个小工具：ts2php-diff-checker，用来简化 ts2php 的升级过程。其中需要安装 ts2php 的不同版本，发现在一个项目中同时安装一个库的多个版本是可行的。

VSCode 在调试 TypeScript 文件时，使用的 ts-node，会出现不识别全局定义文件的问题。

为了提高小程序的开发效率，我们团队开发了Mars 框架，可以使用 Vue 语法开发小程序，同时支持编译到 H5。近期我们进行了 Mars 框架的性能升级（0.3.x 版本），极大简化了 Vue 的 render 过程，去掉了 VNode 构建，省略了 patch 过程，从而获得了性能提升。

最近在看《七周七语言》这本书，其中有讲到 Prolog，感觉它跟平时自己用到的语言完全不同，是声明式的编程语言，因此安装尝试了一下。

WSL 全称为 Windows Subsystem for Linux，是一个为在 Windows 10 上能够原生运行 Linux 二进制可执行文件（ELF格式）的兼容层。微软早在 16 年就推出了 WSL，前一阵更是发布了 WSL 2.0，现在想必已经相对完善了。最近我在自己的 Windows 笔记本上安装了 WSL 并进行了体验，总体来说体验很棒，下面是具体的内容。

我们实现了一个工具 ts2php，可以将 TypeScript 文件转换为 PHP 文件，支持了大部分的 TypeScript 语法。它的意义在于可以让同一份逻辑，在前端（通过 JS）和后端（通过 PHP）都可以执行。

PWA(Progressive Web App) 可以使得 Web 站点拥有类似 Native App 的使用体验，虽然已经推出一段时间，但目前来看，PWA 离真正的 Native App 还有一个重要的差别，那就是进入应用商店。Trusted Web Activity 的发布，使得将 PWA 站点打包为 Native App 放入应用商店有了更好的体验。为什么要把一个 Web 站点放入应用商店呢？如何做呢？

Vue-cli 是创建 Vue 项目的一个好方法，之前只是使用，没有关注过内部结构是咋样的。最近在做一个组内项目的 cli 工具，参考了一下 Vue-cli 的实现方法。