---
url: https://sugarat.top/weekly/2023-01-06.md
description: >-
  1. console.log会导致内存泄露？2.如何治伸手党 3.未来的前端路由实现 4.跨Web和RN的组件库 5. 2023的框架会是什么一的 6.
  Vue的2022总结
---

# 视野修炼第19期

欢迎来到第 19 期的【视野修炼 - 技术周刊】，下面是本期的资讯汇总。

\[\[toc]]

> ​也推荐大家关注一下最后的推荐内容（周刊的主要内容来源渠道）

下面开始本期内容的介绍**ღ( ´･ᴗ･\` )比心**。

## 🔥强烈推荐

### 1. [千万别让 console.log 上生产！](https://mp.weixin.qq.com/s/qOcRstlY7oYjbH25Cgyt1g)

### 2. [console.log 一定会导致内存泄漏？](https://mp.weixin.qq.com/s/qOcRstlY7oYjbH25Cgyt1g)

这两篇文章算是 `上下`篇章

光哥在本周四通过实践（文章1）得出了一个结论，**“console.log 打印对象一定会造成内存泄露”**

当然最终结论是：**不打开`devtools`看的话, `console.log` 就不会造成泄露**

🤣 这个就像是`薛定谔的log`，不看就没漏

::: danger 泄露原因
console 打印的对象在控制台是可以被展开的（前提是打开看了），所以这个对象不会被 `GC` 清理
:::

::: tip
当然笔者对这个结论是持怀疑态度，但从光哥的试验步骤也没看出毛病，也没私下去验证。

然后周会上和同事简单讨论了一个这个结论，周会结束后，光哥第二篇文章就出来了

![图片](https://img.cdn.sugarat.top/mdImg/MTY3MzEwMzIyMDAzNw==673103220037)
:::

### 3. [专治伸手党的网站](https://lmstfy.net/)

* 教你Google：https://lmstfy.net/
* 教你百度：https://lmstfy.net/baidu/

这个比较有趣，可以设置想搜索的内容，“通过动画的演示，告知谷歌&百度的步骤”

还会贴心的检测你是否开了 🪜，并帮你跳转到百度

下面是2个示例链接：

* https://lmstfy.net/?q=MjAyM+aYpeiKguaUvuWBh+aXtumXtA==
* https://lmstfy.net/baidu/?q=anPlrp7njrDmlofku7bop6PljovnvKk=

下面是个GIF演示

![图片](https://img.cdn.sugarat.top/mdImg/MTY3MzEwNDkxMTQ5MA==673104911490)

### [4. MDN 里暂时还查不到的 Navigation API](https://mp.weixin.qq.com/s/D4qm9SwS14mTUYS64skfGw)

![图片](https://img.cdn.sugarat.top/mdImg/MTY3MzE0NTQwNDc3OQ==673145404779)

* SPA现状：路由基于history API，重写部分方法（如pushState）实现

* Navigation API ：现代前端原生路由。
  * 支持事件注册
  * 也支持全局 API直接调用

目前兼容性有限

![图片](https://img.cdn.sugarat.top/mdImg/MTY3MzE0NTE1NjE1Ng==673145156156)

> 文章作者展望：Navigation API 将有可能是未来的趋势，或许在不久的将来，他将是实现 SPA 的主要方案，而 History API 则可能更多成为一种 fallback 方案

## 🔧开源&工具

### 1. [tamagui](https://github.com/tamagui/tamagui)

基于 `React` 的跨 `Web` 和 `React Native` 两侧的通用组件库

![图片](https://img.cdn.sugarat.top/mdImg/MTY3MzE0NTU4MTQyNw==673145581427)

实现方式值得借鉴，目前公司里和社区还是不少是实现的两套（一套UI标准） `XX-H5`，`XX-RN`

## 📚文章&资讯

### [1. JavaScript 框架之迈向 2023 年（英）](https://dev.to/this-is-learning/javascript-frameworks-heading-into-2023-nln)

2022年圈内出现了许多新的Web框架（`Astro`,`Qwik`），知名的老牌框架也发布了新的版本（`Next`，`React`），其中以 `SSR` 能力作为卖点的居多

同时还让大家Get了一个新的概念 `"孤岛架构（Islands Architecture）"`

展望2023

> 截选部分

* 2023 会是 web components 年吗？
* 2023 会是WASM年吗？
* 人工智能/无代码会在2023年接替我的工作吗？

详细可以阅读原文查看，配合翻译软件食用

### [2. 尤大原文（英）：2022 Vue 年终总结](https://blog.vuejs.org/posts/2022-year-in-review.html)

> 中文版可查阅 [掘金：尤雨溪：回顾2022，展望2023](https://juejin.cn/post/7183705937180524601?share_token=2411b1c1-805e-4a85-aa25-f40e08a330ce)，下面是部分截选

回顾2022

* 2022 年 2 月，Vue3.x 成为新的默认版本。在 2022 年，Vue3 的 npm 使用量增长了近 200%
* 将 Vue2 的源码切换到 TypeScript，并在 Vue2.7 中反向移植了 Vue3 的一些重要特性。此外，确保 Vite、Vue Devtools 和 Volar 都同时支持 Vue 2 和 Vue 3

展望 2023

* Vue 会有更小、更频繁的 Minor 版本发布、Vapor Mode 登场、多场技术大会已确定日期
* Vue 2 将于 2023 年 12 月 31 日结束生命周期 (EOL)

## 😛趣图

![图片](https://img.cdn.sugarat.top/mdImg/MTY3MzE0Njg4MzE4NA==673146883184)

![图片](https://img.cdn.sugarat.top/mdImg/MTY3MzE0Njg5NDY4OQ==673146894689)

## ⭐️强力推荐关注

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [云谦：MDH 前端周刊](https://www.yuque.com/chencheng/mdh-weekly) - 前端资讯和分享
* [童欧巴：前端食堂](https://github.com/Geekhyt/weekly) - 你的前端食堂，吃好每一顿饭
* [rottenpen：FE News](https://rottenpen.zhubai.love/) - 分享前端，生活
* [知识星球：咲奈的平行时空](https://public.zsxq.com/groups/28851452458181.html) - 前端前沿技术、资讯、方法论分享