# 2022-06

![](https://p.ipic.vip/llyo44.jpg)

每天给你推荐一个新奇，好玩，高品质的开源库，好文，观点或言论等。

> 项目主页维护当前月份的内容，想看往期内容，可以翻到下方历史汇总部分，然后选择自己感兴趣的月份点进去即可。

## 2022-06

### 2022-06-30\[资讯]

W3C 出了一个新的标准，关于`多屏窗口放置`。

如果你是多屏幕玩家，那么就很可能因为此 API 的出现而受益。不过这需要时间来让开发者进行支持，个人还是很期待它给我带来的便利的，毕竟我是多屏的深度用户。

via: <https://mp.weixin.qq.com/s/d1IQyMPU7IReD9RB-sdc8g>

### 2022-06-29\[网站]

一个在线练习 Vue 的网站。 基本上是模仿（致敬）了之前很火的**TS 类型体操**。

via: <https://cn-vuejs-challenges.netlify.app/>

### 2022-06-28\[好文]

我想很多人都看见过这个按钮，但是不知道它是做什么的吧？（甚至不知道这个功能叫啥名字）

![](https://p.ipic.vip/lxqau2.jpg)

这个功能叫 live expression， 可以监听表达式的依赖，当依赖变化的时候更新表达式结果。 有点像 vue 的 reactive。

这个文章详细讲述了这个功能的使用方法以及解决的问题。

via: <https://blog.bitsrc.io/debugging-javascript-with-live-expressions-in-chrome-devtools-9f0af008af45>

### 2022-06-22\[动画]

Little Fox 出品的《西游记》动画版， 英文配音。台词都是常见的词汇，因此可以用来学习英语。

> 我要学外语 😏

via: <https://www.bilibili.com/video/BV1MS4y1f74y?p=1>

### 2022-06-21\[仓库]

一个可以将 VSCODE 进行私有化部署并在浏览器上直接访问的工具。

![](https://p.ipic.vip/khj72n.jpg)

via: <https://github.com/coder/code-server>

### 2022-06-20\[网站]

也许是 Github 和 Gitlab 的替代品？

via: <https://sr.ht/>

### 2022-06-12\[网站]

storybook 官方出品的 showcase，展示了各个使用 storybook 构建的组件库。其中有 Gitlab，Github，windows，BBC 等网站的 UI 组件，挺有意思的。如果你需要一些不太常见的组件库（我指的是和市面上常见的后台管理 UI 库（比如 antd，element ui 等）不一样的组件库），可以去看看有没有可以直接用的。

via: <https://storybook.js.org/showcase>

### 2022-06-09\[好文]

学习一个东西的最好方式就是动手实现一遍。

但是市面上的东西值得学习的通常都是非常成熟的，意味功能已经和刚开发出来的时候发生了很大的变化，这其实已经不那么适合学习了。

最小化实现在学习新东西的时候是非常有必要的。这篇文章《用 Node.js 手写一个 DNS 服务器》就带你最小化实现了一个 dns 服务器。

via: <https://mp.weixin.qq.com/s/Gl94ISY5N4BYyYmVT9-QFQ>

### 2022-06-08\[资讯]

6 月 10 日，中国证券投资基金业协会发布《基金管理公司绩效考核与薪酬管理指引》（以下简称《指引》），落实《公开募集证券投资基金管理人监督管理办法》和《关于加快推进公募基金行业高质量发展的意见》规定，对公募基金公司的薪酬结构、薪酬支付、绩效考核、薪酬内控管理等方面提出了具体要求。

这意味着基金经理等职业的绩效一部分要拿来买自己的基金，这对基民来说是一个很大的好消息。因为基金经理不得不为了自己的利益从而更加用心。

via: <https://xueqiu.com/8152922548/222330472>

### 2022-06-07\[好文]

web3 是什么？如何开发 web3 应用，什么 Dapp，DeFi？

这两篇简单入门的文章，让我们一起来看看 web3 应用的基本流程。

* Integrating Web3 into Vue applications via: <https://blog.logrocket.com/integrate-web3-into-vue/>
* Integrating WalletConnect into Vue.js DApps via: <https://blog.logrocket.com/integrating-walletconnect-vue-js-dapps/>

### 2022-06-02\[教程]

圣彼得堡国立研究性 信息技术，机械和光学大学 (ITMO University) 的老师写的算法竞赛专题教程。

教程更新在 codeforces，主要面向的是竞赛选手。目前更新了五个章节：

1. 前缀树组
2. 线段树
3. 二分查找
4. 并查集
5. 双指针

via: <https://codeforces.com/edu/course/2>

这是目前 cf 唯一的 course，之后如果更新，会在 <https://codeforces.com/edu/courses> 列出。

### 2022-06-01\[仓库]

一个浏览器扩展程序的脚手架。

通过它可以方便地编写各个主流浏览器的扩展，目前支持 chrome，firefo 和 safari 。

文件夹按照功能进行了分类，非常直观。

![](https://p.ipic.vip/8uxww4.jpg)

via: <https://github.com/Debdut/browser-extension>

## 关注我

我重新整理了下自己的公众号，并且我还给它换了一个名字`脑洞前端`，它是一个帮助你打开大前端新世界大门的钥匙 🔑，在这里你可以听到新奇的观点，看到一些技术尝新，还会收到系统性总结和思考。

在这里我会尽量通过图的形式来阐述一些概念和逻辑，帮助大家快速理解，图解是我的目标。

之后我的文章会同步到微信公众号 `脑洞前端` ，你可以关注获取最新的文章，并和我进行交流。

另外你可以回复大前端进大前端微信交流群， 回复 leetcode 拉你进 leetcode 微信群，如果想加入 qq 群，请回复 qq。

![](https://p.ipic.vip/bp35i7.jpg)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://leetcode-solution-leetcode-pp.gitbook.io/mz-ri-yi-jm/2022-06.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
