微游技术部一周分享 20230503期

本周关键字:安卓自动填充,ApiSix基于SNI TCP代理,浏览器Cache API, Handlebars预编译, Index.ts重新导出模块, 尼尔森十大设计原则, go wasi。

minigame-logo

大家好,以下是微游互娱技术部本周的分享:

1. [Android开发] Android 实现自动填充功能与自定义自动填充服务

https://juejin.cn/post/7227363129457328165

使用App时,经常会需要输入账号密码进行登录,账号密码很容易输错或者忘记。

本文介绍如何使用自动填充框架实现自动填写账号密码功能与如何自定义自动填充服务。

2. [ApiSix] Apisix基于SNI代理TCP、UDP

https://luckytking.github.io/2023/04/apisix基于sni代理tcpudp/

本文介绍如何在ApiSix中配置基于SNI代理TCP、UDP流量

3. [Web开发] Cache API

https://juejin.cn/post/7228821430988898364

浏览器的缓存主要有memoryCache、diskCache、ServiceWorker cache,本文介绍如何使用ServiceWorker cache缓存资源,来提高页面的加载速度。

4. [Web开发] Handlebars 模版预编译与使用

https://juejin.cn/post/7228849155451437093/

服务端渲染中使用模版引擎组织页面常见的操作,Handlebars 是 Node.js 生态中流行的模版引擎之一。除了在服务端渲染将模版转换成页面返回浏览器以外,Handlebars 也支持将模版预编译为 Javascript 脚本文件,在 HTML 中引入预编译后的模版,降级为客户端渲染页面。在服务端渲染需要降级为客户端渲染的场景适用,也可以复用已编写好的 Handlebars 模版。

本文在官方文档介绍模版预编译之上,额外介绍了如何预编译多个模版。

5. [TypeScript] 使用 index.ts 文件重新导出模块:提高 TypeScript 项目的可读性、可维护性和可重用性

https://juejin.cn/post/7221004205271646245

TypeScript 项目中,模块管理和组织是至关重要的。一个良好组织的项目可以提高开发效率,降低维护成本,使代码更易于理解和重用。
本文将介绍如何使用 index.ts 文件重新导出模块,以提高 TypeScript 项目的可读性、可维护性和可重用性。

6. [产品设计] 尼尔森十大设计原则

https://juejin.cn/post/7228827988132315196

尼尔森(Jakob Nielsen) 是一位人机交互学博士,于1995年1月1日发表了「十大可用性原则」。1995年以来,他通过自己的 Alertbox 邮件列表以及 useit.com 网站,向成千上万的 Web 设计师传授 Web 易用性方面的知识。

本文介绍尼尔森的十大可用性原则:

  • 状态可见原则。
  • 环境贴切原则。
  • 撤销重做原则。
  • 一致性原则。
  • 防错原则。
  • 易取原则。
  • 灵活高效原则。
  • 易扫原则。
  • 容错原则。
  • 人性化帮助原则。

7. [Go开发] Go wasi简介

https://overstarry.vip/posts/go-wasi/

WebAssembly是一种新的编码方式,可以在现代的网络浏览器中运行。但是WebAssembly绝不仅仅被设计为仅限于在Web浏览器中运行,核心的WebAssembly语言是独立于其周围环境的,WebAssembly完全可以通过API与外部世界互动。然而,在浏览器之外,之前还没有一套标准的API可以让WebAssembly程序使用。这使得创建真正可移植的非Web WebAssembly程序变得困难。WebAssembly System Interface(WASI)是一个填补这一空白的倡议,它有一套干净的API,可以由多个引擎在多个平台上实现,并且不依赖于浏览器的功能(尽管它们仍然可以在浏览器中运行)。

Go 1.21将增加对WASI的支持,初期先支持WASI Preview1版本,之后会支持WASI Preview2版本,直至最终WASI API版本发布!

本文介绍了go wasi的基本使用。

以上。