# 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)