weekly

第 75 期 04/18 我在淘宝做弹窗,2022 年初的回顾与展望

###  技术热闻

本篇文章作者向各位介绍了自己加入 PopLayer 项目一年多时间以来,为产品所贡献的一份力量,既包含了站在产品视角对产品功能,易用性和未来发展的考量,也包括了站在技术视角,对技术架构,编程范式和功能实现上的思考。

知识图谱可视化技术在美团的实践与探索

本文主要介绍了美团平台在布局策略、视觉降噪、交互功能、可视化叙事、3D图谱可视化等方面的一些实践和探索,同时沉淀出了uni-graph图可视化解决方案,并支持了美团的很多业务场景,包括美团大脑、图数据库、智能IT运维、组件依赖分析、行业领域图谱等。

大前端

#### JS

今天我们来看一个进入 statge3 的新的 JavaScript 提案:ShadowRealm API。

#### Android

Now in Android #59(官方周刊):Google Play 的Target API需要面向Level 30(Android 11);MAD Skills系列更新;Android Attestation升级;TV、汽车、游戏平台开发等资讯介绍。

Android 13 DP2 值得关注的 5 大变化!

Android 13 DP2五大变化:增加通知推送权限,大屏设备多任务分屏交互,重新设计媒体通知卡片,快速设置面板调整,增强非英语语言的支持。详见Android 13 开发者概览版官方文档

Android修炼系列(33),内存监控技术方案(上)

Android内存监控方案:包括FD文件描述符监控(/proc/pid/fd),Java及Native线程栈内存监控,虚拟内存监控(/process/pid/status.VmSize),Java堆内存泄露监控,Native内存监控及内存泄露检测。

#### Flutter

A new Flutter Shop Ui Kit.

#### Vue

mini-vue:实现最简 vue3 模型,用于深入学习 vue3, 更轻松的理解 vue3 的核心逻辑。

#### React

将 React 内容整理为 86 张脑图,方便查阅

#### Angular

We’re happy to share that over 84% of developers replied that they are satisfied with Angular, and less than 8% of people replied that they are dissatisfied with their experience.

#### PWA

Starting on February 14th 2022, we ran a series of blog posts which lasted for 30 days, and covered all aspects of Progressive Web Apps development: what they are, how they’re built, what special powers they have, how to create, debug, test and optimize them, and how to publish them to app stores! #### Micro Frontends

https://stenciljs.com/

This architecture offers teams a way to develop independently and work in parallel, promoting progress and efficiency in the process.

#### 工具

using the Web Inspector with an iOS device or simulator

monorepo.tools

Everything you need to know about monorepos, and the tools to build them.

深入浅出前端监控

本文旨在提供一个相对体系的前端监控视图,帮助各位了解前端监控领域我们能做什么、需要做什么。此外,如果能对页面性能和异常处理有着更深入的认知,无论是在开发应用时的自我管理(减少 bug、有意识地书写高性能代码),还是自研监控 SDK 都有所裨益。

User Timing

This specification defines an interface to help web developers measure the performance of their applications by giving them access to high precision timestamps.

打造轻量级 WebIDE,看这一篇文章就够啦

本文意在分享在建设 WebIDE 中学到的一些经验及解决方案,希望能够帮助到有同样需求的同学。同时,这不是一篇手把手的文章,仅仅是介绍一些决策的思路及示例代码。

#### 性能

H5秒开优化是一个老生常谈的问题,本文将逐步介绍如何通过客户端 + H5 的优化手段(1+1>2)把秒开从 30% 提升到 75% ?后续接口预请求、客户端预渲染以及预加载2.0上线后还会再次助力指标提升。

#### 组件库

S2 是 AntV 在多维交叉分析表格领域的解决方案,主要用于看数分析, S2 采用 canvas 来进行表格绘制 (基于 易用、高效、强大的 2D 可视化渲染引擎 G ) , 同时内置大量的交互能力来辅助用户看数, 如 行列联动高亮 单选/多选高亮 刷选高亮 行高列宽动态调整 列头隐藏 等, 同时还支持 自定义交互, 本文主要介绍 S2 是如何实现这些交互的。

### 设计

我们准备做一个设计效率工具系列,整个系列将好的设计工具贯穿到完整的设计流程中,并结合日常我们使用的情况向大家做推荐。通常的设计流程分为日常的积累、研究分析、设计创作、测试评估、对外宣传这几个环节。此篇为综述篇,之后的篇章会针对不同环节进行深入的陈述。

### 发现

https://github.com/facebook/lexical

Facebook 开源的文本编辑器。 Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.

东京地铁实时 3D 地图

https://github.com/nagix/mini-tokyo-3d 实时显示东京每一部地铁列车的位置,还有摄像头直播

更多

科技爱好者周刊(第 203 期):英国的名校签证,伯克利的计算机教育

image.png

欢迎加入,一起共建「前端周刊」