微游技术部一周分享 20231105期
本周关键字：Android自动加载，产品的形色字构质动，网页可见性，React路由鉴权，Css颜色编码，物理画线，go generate，go新循环语义，go wasi，postman tests。
大家好，以下是微游互娱技术部本周的分享：
1. [Android开发] Android RecyclerView — 实现自动加载更多
在App中，使用列表来显示数据是十分常见的。使用列表来展示数据，最好不要一次加载太多的数据，特别是带图片时，页面渲染的时间会变长，常见的做法是进行分页加载。
本文介绍一种无感实现自动加载更多的实现方式。
2. [产品设计] 关于形色字构质动
在用户体验设计中，通常将产品设计的过程抽象为5层，即战略层、范围层、结构层、框架层和表现层。其中，表现层即视觉层，是用户所能看见的一切，也是离用户最近的一层，它是用户可以直观感受的层面，同时也是设计师可以直接影响的层面。
定义一个产品风格以及品牌调性也是从视觉层出发，“形色字构质动”是构成一个app视觉语言最基本的六个维度。
本文对这六个维度做了分析。
3. [Web开发] 网页可见性
最近项目需要统计游戏在线时长，当数据量大的时候可以忽略一些特殊情况的数据(浏览器最小化、页面菜单切换、锁屏等)。但是在数据量少的情况下，需要把这些特殊情况排除掉，避免数据收到干扰。针对这种情况，浏览器有自带一种api，用来监听网页的可见性。
本文针对这种情况，做个小测试。
4. [Web开发] 如何实现 React Router 的路由鉴权
React Router 是 React 应用中最常用的路由库之一，路由鉴权是确保应用安全性和数据保护的关键部分。
本文将介绍如何使用 React Router 实现路由鉴权，以及如何限制用户访问特定页面，确保只有经过鉴权的用户可以访问（如登录后、购买会员后等条件）。
5. [Web开发] 如何记忆CSS颜色编码
在前端开发中，给页面元素设置颜色是最常见的一个操作之一。如果一个产品需求有UI设计稿，可以在上面拾取颜色编码，但如果有些产品需求没有UI设计稿，就需要前端开发者自己去选择和设置颜色。要是能记住常见的CSS颜色编码，在开发过程中就可以快速写出来，在一定程度上可以提升开发效率。
本文将简单介绍一些常见的CSS颜色编码以及记住这些颜色编码的方法。
6. [Cocos Creator] 拯救狗狗系列之物理画线
这几年出了一系列益智类物理画线玩法的爆款产品，比如拯救狗狗，救救小鸡等。本文介绍如何基于Cocos Creator 3.8.1来实现物理画线。
7. [go开发] Go工具之generate
go generate命令是go 1.4版本里面新添加的一个命令，当运行go generate时，它将扫描与当前包相关的源代码文件，找出所有包含//go:generate的特殊注释，提取并执行该特殊注释后面的命令，命令为可执行程序，形同shell下面执行。
本文介绍go generate命令的使用。
8. [go开发] Go1.22 新循环语义
本文介绍Go1.22 新循环语义，该语义尝试修复现有循环语义可能带来的风险。
9. [go开发] Go1.21：Go WASI 初试
WebAssembly是一种二进制指令格式，旨在提升Web的性能。WASI提供了跨平台应用程序开发的一种标准化的接口，使得WebAssembly模块能够在不同的操作系统和平台上运行，同时保持可移植性、安全性和高性能。Go 1.21 添加了WebAssembly 系统接口 (WASI)的实验端口,可以在构建程序是添加GOOS=wasip1 GOARCH=wasm实现。wasmtime为快速、安全的 WebAssembly 运行时，文中演示了wasmtime运行一个简单的go-wasi应用例子的过程。
10. [QA] Postman-Tests模块介绍
我们检验一个测试点是否通过，一般会将我们心理预期的结果 与实际结果进行比对，如果结果一致则证明测试通过，如果结 果不一致，则证明测试不通过，这即是我们经常所说的断言。 在 postman 中封装了我们常见的断言(Tests)，当然 Tests 除 了可以作为断言，还可以当做后置处理器，经常应用于：
- 获取当前接口的响应，传递给下一个接口
- 控制多个接口间的执行顺序。
本文介绍postman tests模块的几种常见使用场景。
以上。