微游技术部一周分享 20230305期
本周关键字：TypeScript编译WebAssembly, WebView重写x-requested-with, go定时库cron, apisix根据hostname管理不同路径，vue表单验证失效解决方法
大家好，以下是微游互娱技术部本周的分享：
1. [WebAssembly] 如何将Typescript编译成WebAssembly
WebAssembly是一种面向Web的二进制格式，不是一种编程语言，它是一种可移植、高性能、低级别的虚拟机。它是由W3C（万维网联盟）设计的一种新型的Web标准，旨在通过在Web浏览器中运行高性能的本机二进制代码，提供更快速、更安全的Web应用程序。WebAssembly代码可以在任何支持WebAssembly的环境中运行，可以由多种编程语言（如C/C++、Rust、Go、Java，Typescript等）编译生成。
本文介绍如何将TypeScript代码编译成WebAssembly并运行。
2. [Android开发] Android WebView修改Headers中的x-requested-with
通过WebView打开网页时，WebView会在请求头中自动添加x-requested-with字段，字段值为应用的包名。
本文介绍如何修改x-requested-with的值。
3. [Go开发] Go定时任务库robfig Cron一些主要功能、实际应用场景
https://luckytking.github.io/2023/03/go定时任务库robfig-cron一些主要功能实际应用场景/
github.com/robfig/cron/v3 是一个功能强大且易于使用的定时任务管理库。
本文介绍robfig/cron在定时任务一些主要功能、如何使用它以及一些实际应用场景的例子。
4. [ApiSix] ApiSix根据请求host访问不同路径
ApiSix作为网关可以很方便的管理路由，但是默认情况下，无法直接对hostname进行解析，实现一条路由规则就能根据hostname自动分发请求。
但是，利用ApiSix强大的插件系统，可以实现这个略有特殊的需求。
本文介绍如何使用serverless-pre-function插件来实现根据请求host访问不同路径。
5. [Web开发] element-ui表单校验失效
在使用vue框架开发web应用时，如果使用v-if来控制表单组件的显示与否，可能会导致表单的校验规则失效，这是因为v-if导致dom树重绘，而校验规则却没有同步更新。
本文介绍如何处理这种由于v-if引起的表单校验失效的两种方法：
- 使用v-show，因为v-show不会重绘dom
- 为表单组件(如el-form-item)添加key字段
以上。