Mayo的前端技术记录与生活

最近在看《七周七语言》这本书，其中有讲到 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 的实现方法。

最近在做一个 ts 语言编译的项目，了解了一下 ts 库提供的一些 api，以及编译流程。ts 自身提供了强大的 api，可以帮助我们进行 ts 语言编译器的开发。

JavaScript 作为弱类型的语言，开发时不需要复杂的类型定义，可以快速实现需求完成业务迭代。但当项目越来越大，周期越来越长，弱类型反而会使得开发成本变高，利用 JSDoc + VS Code 可以一定程度上解决这个问题。

最近需要在业务中加一个全局的 filter，filter 会对输入进行验证，用于进行前端监控。其中一个要处理的问题，就是验证失败后如何发送异常日志，这个过程中顺便了解了一下 Vue 的异常处理机制。

在移动端开发时，一个很常见的情况是客户端开启一个 WebView 来展示 h5 页面，端上会给这个 WebView 提供一个返回按钮等功能，当点按返回没有历史记录时，就会退出当前 WebView。PM 有时会有需求在退出 h5 应用时弹窗提示用户，在用户点击确认后，才真正退出，这里提供一个实现这个需求的思路。

最近因为业务需要，实现了一个简单的前端 router，正好也来看一下 Vue-router 是怎么实现的。这次先来一起看看 Vue-router 初始化时做了什么💪。