微游技术部一周分享 20231119期

本周关键字:监听dom,css 阴影特效,css图片变黑白,启动页、闪屏、引导页,dlv远程调试,迭代器模式,Android 14适配,Postgresql CTE,飞金币效果,Postman mock。

minigame-logo

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

1. [Web开发] 监听 dom 变化

https://juejin.cn/post/7302348032543916044

本文介绍了监听dom节点变化的一种方法:MutationObserver。Mutation Observer API 用来监视 DOM 变动。DOM 的任何变动,比如节点的增减、属性的变动、文本内容的变动,这个 API 都可以得到通知。

2. [Web开发] 使用 CSS 实现 Logo 阴影特效

https://juejin.cn/post/7302439422672191523

本文介绍如何使用 CSS 实现 Logo 阴影特效。

3. [Web开发] 通过CSS实现将图片变黑白

https://juejin.cn/post/7302371147978588214

有时候,需要将页面中的一些图片变成黑白色。这类场景包括:一年中某些特殊的日期;某些重大空难发生之后;某个物品/关卡解锁之前等等。让设计师用 photoshop 把图片改成黑白再挂到网页上当然也是一种可行的办法,但其成本肯定高于直接通过 CSS 实现。

本文给出使用 CSS 实现图片转黑白的简单示例。

4. [产品设计] 关于启动页、闪屏、引导页的区别

https://juejin.cn/post/7302456005525880851

我们在打开APP时候总会跳出一些页面,有人说是启动页也有人叫开机图,各种叫法让人傻傻分不清楚。那么在启动APP的时候我们看到的页面到底是什么,又有什么区别呢?

本文介绍几个相似组件的区别:

  • 启动页
  • 闪屏
  • 引导页

5. [Go开发] GO开发利器之远程dlv调试

https://juejin.cn/post/7302712911712976946

本文总结了在linux通过delve上调试go代码的一些常用操作。无论是在调试应用,还是自己trace源码都挺好用的。

6. [Go开发] 设计模式 迭代器模式

https://juejin.cn/post/7302439422671945763

迭代器模式提供了一种顺序访问聚合对象元素的方法,而无需暴露其内部表示。迭代器模式适用于封装集合内部的复杂数据结构的场景,使用端只需关注容器提供的迭代器,不需要了解其内部实现的细节。

本文介绍如何用Go实现迭代器模式。

7. [Android开发] Android 14 正式版适配笔记(二)— 针对Android14或更高版本应用的变更

https://juejin.cn/post/7302348032544866316

本文主要介绍适配针对targetSdkVersion升级为34的应用的变更。

8. [Postgresql] Postgresql CTE 表达式

https://overstarry.vip/posts/postgresql_cte_expressions/

本文介绍如何使用 CTE 表达式来简化 PostgreSQL 中的一些复杂查询。

在 PostgreSql 中 WITH 提供了一种方式来书写在一个大型查询中使用的辅助语句。这些语句通常被称为公共表表达式或CTE(Common Table Expressions),它们可以被看成是定义只在一个查询中存在的临时表。

9. [Cocos Creator] 实现金币飞入钱包的动画

https://juejin.cn/post/7302618003886194714

金币从初始位置散开后逐个飞向指定位置,这是游戏中很常用的一个动画。本文介绍如何使用Cocos Creator 2.4.11版本实现。

10. [QA] Postman--Mock Server的使用

https://juejin.cn/post/7302712860806299675

本文介绍 Postman 的 Mock Server 的使用。Postman 提供了一种 mock服务,使团队能够模拟后端服务器。前端开发人员可以在不实际启动后端服务器的情况下,使用 Postman 模拟浏览器发送页面请求,而 mock 服务则可以提供前端页面与后端服务器之间的挡板服务,并模拟后台服务器的响应数据。

以上。