乐趣区

关于前端:每日一荐月刊每天分享一点好玩的东西

每日一荐

每天给你举荐一个离奇,好玩,高品质的开源库,好文,观点或舆论等。

我的项目主页保护以后月份的内容,想看往期内容,能够翻到下方历史汇总局部,而后抉择本人感兴趣的月份点进去即可。

2021-03

2021-03-31[工具]

一个能够实时翻译不同语言,以反对不同语言的人一起散会。这或者就是跨国近程办公党的胜利?

更容易赚美刀 ^\_^ 啦?

https://business-review.eu/te…

2021-03-30[类库]

prisma 是一个 Nodejs 端的 ORM 框架。和 waterline 相似,也提供了多种支流数据库的接入,以及对立的便捷的封装函数。

从应用体验上来看,prisma 更加难受。prisma 通过本人定义一套 DSL(prisma 文件中应用的语法),并本人解析,使得开发体验更加敌对。另外从 Github 的 star 数以及 npm 上的下载量来看,prisma 都体现地不错。

应用示例(Create a new User and a new Post record in the same query):

// Run inside `async` function
const user = await prisma.user.create({
  data: {
    name: "Alice",
    email: "alice@prisma.io",
    posts: {create: { title: "Join us for Prisma Day 2021"},
    },
  },
});

Update an existing Post record

// Run inside `async` function
const post = await prisma.post.update({where: { id: 42},
  data: {published: true},
});

地址:https://github.com/prisma/prisma

2021-03-29[工具]

一个能够运行在多端 (window, linux 和 mac) 的 switch 模拟器。从此畅玩 switch?

地址:https://ryujinx.org/download

2021-03-26[工具]

https://github.com/azl3979858…

2021-03-25[好文]

OpenSSH 是应用 SSH 透过计算机网络加密通信的开源收费实现。大多数程序员都或多或少和它打过交道。

OpenSSH 实际手册具体解说了如何应用 ssh,比方 sshpass 实现无明码登录,做 Socks 代理,端口转发等。我想 大多数人都没有彻底利用好 ta

地址:https://engr-z.com/326.html

2021-03-24[类库]

vue-use-gesture 是一个 vue 的 hooks 库,用于手势管制。能够使得任意的元素可拖动。你还能够配合 vue-use-spring 实现更多动画成果。

地址:https://vue-use-gesture.netli…

2021-03-23[工具]

明天介绍的是一个打包工具 snowpack。它借助了古代浏览器反对 ESM 的个性,使得开发的时候不进行打包,而是每次批改文件只批改扭转局部的 ESM 模块,使得热更新的工夫复杂度从 $O(n)$, 升高到 $O(1)# 其中 n 为模块数目。

举荐的做法是开发中用 snowpack 的 ESM 构建使得构建速度不会随着我的项目变大而增长,公布的时候依据本人我的项目的须要反对的浏览器进行打包。

snowpack 也提供了相似 React 的 create-react-app。应用形式很简略,敲以下命令就能够了:

npx create-snowpack-app react-snowpack --template @snowpack/app-template-react

地址:https://www.snowpack.dev/

2021-03-22[类库]

console-ban 是一个脑洞很大的库。其能够让你的前端代码免于被人关上控制台查看,缩小了前端代码被剖析,盗取的危险。

地址:https://github.com/fz6m/conso…

2021-03-19[类库]

nolimits4web(一个俄国程序员)写的 swiper 或者是最好的 swiper 插件了。惟一的毛病就是太大了,不过你能够懒加载它。如果你的需要比拟轻量,不想引入那么大的文件可思考应用 tiny-swiper,地址:https://github.com/joe223/tin…

swiper 地址:https://github.com/nolimits4w…

2021-03-18[仓库]

波兰的的一个牛人用 JS 实现了一个十分火爆的像素风游戏《我的世界》。服务端和客户端代码全副开源。

地址:https://github.com/michaljaz/…

2021-03-17[网站]

OrbitDB 一个去中心化的 p2p 数据库,十分有意思。绝对于传统的集中式,OrbitDB 将数据分布在咱们每个人的机器上。你能够通过他们的网站来感受一下。

地址:https://orbitdb.org/

2021-03-16[类库]

一些网站会有一些老手导航,就是下一步上一步的那个蒙层,用来帮忙用户疾速理解网站的应用形式。

之前刚毕业的时候用过一个这种类库,是基于 React 的 reactour。相似的还有 react-wizard-tour 等。

明天给大家介绍的是一个原生 JS 写的类库 – shepherd,其不仅反对原生,还提供了所有支流框架的集成版本,比方 react,vue,angular 等等。此外其 api 设计比拟好,star 也比拟多。

地址:https://github.com/shipshapec…

2021-03-15[好文]

广告无处不在,它是撑持互联网高速倒退的经济基石。互联网广告对互联网公司意味着什么?互联网的产业组成有哪些?CPC/CPM/CPS/CPI,这些术语意味着什么?各种 Vlog 博主能赚多少钱?普通人如何利用互联网广告赚钱?这篇文章通知你答案。

地址:https://www.bmpi.dev/dev/what…

2021-03-12[好文]

很多技术人员到了肯定的阶段(年纪)都会转到治理岗。而技术转治理很多人一开始是不适应的,毕竟工作内容以及责任产生了很大的变动。从对本人负责变成了对整个团队负责。

人的习惯是难以扭转的,这须要大家一直地无意识地揭示本人并纠正才能够。除此之外一个领导准则也很重要,这几篇文章是我整顿的适宜技术转治理看的文章列表。

列表后续也会继续更新

  • 如何做好技术 Team Leader?
  • 想要做小事,就要有高效的合作机制

2021-03-11[好文]

很多公司都在讲 OKR。但说实话落地起来都成果不好,各种走偏。这其实也和以后的倒退阶段无关。相干的 OKR 文章我也看过一些,而这篇文章是字节飞书团队写的,是我见过 实操性最强的文章。不仅有大量的例子还有工具(飞书 OKR 模块)配合。如果你正在用 OKR 或者行将应用 OKR,肯定不要错过~

文章列表:

  • 5 分钟疾速把握 OKR 管理法 – OKR 实践篇
  • 5 分钟疾速把握 OKR 管理法 – OKR 施行篇
  • 制订与撰写 OKR | 两种思路与七类办法

2021-03-10[好文]

文章名《如何构建一款超级玛丽》。尽管说是教你构建超级玛丽,其实就是一个简略的君子静止,并没有什么吃蘑菇的场景。不过基于它的代码再去实现也不是难事,毕竟入门是最难的。作者写了好几篇博客来讲构建超级玛丽的细节。

文章地址:http://www.wopaige.cn/views/J…

2021-03-09[仓库]

随着 vue3.0 的公布 elementui 也开始跟进,推出了 elementui-plus。如果你对 element-ui 比拟相熟,那么应用它的话过渡也会比拟天然。

地址:https://github.com/element-pl…

2021-03-08[仓库]

一个对于 JS 统计的仓库,收集一些比拟风行的框架,工具等,并依照多个维度进行整合,帮忙大家 疾速理解最近有哪些 JS 技术值得关注

地址:https://github.com/bestofjs/j…

2021-03-05[好文]

有道前端团队出品的《有道云笔记新版编辑器架构设计》,分为高低两篇。具体讲述了 富文本编辑器 的采坑之路。如果你对 富文本编辑器 感兴趣,千万不要错过。

文章地址:

  • 上篇:https://zhuanlan.zhihu.com/p/…
  • 下篇:https://zhuanlan.zhihu.com/p/…

2021-03-04[仓库]

相似于 Rust,deno 等,rome 是对 JS,TS, JSON, HTML, CSS 等资源进行治理的一体化工具。之所以说是一体化,指的是其提供 lint,编译,打包,测试等全生命周期。

它的呈现就是位了取代 babel,eslint,webpack,prettier,jest 等等,能够看出其野心之大。这或者也是没有被大家宽泛应用的起因之一吧。当初我的项目曾经 14.8 star,值得大家关注一波。

地址:https://github.com/rome/tools

2021-03-03[好文]

一个对于 Ryan Dahl(nodejs 和 deno 的作者)的采访。来看看,大佬是如何对待以后大环境的,以及大佬有哪些良好的习惯能够借鉴吧!

地址:https://evrone.com/ryan-dahl-…

2021-03-02[网站]

有时候你想疾速运行一个代码片段,而不想繁琐地筹备一大堆环境。JS 有相似的工具浏览器控制台或者 runjs,而其余语言呢?

其实很多语言都有在线运行网站,这里举荐一个在线运行各种语言的网站(当初反对语言有十余种)。免去了你筹备环境的懊恼,间接关上浏览器输出代码就可运行看成果。

地址:https://www.onlinegdb.com/onl…

2021-03-01[好文]

91 天学算法是我和几个算法大佬一起组建的一个算法提高班。通过 91 天的集中化的学习,让你 遇见更好的本人

这是 91 天学算法第三期视频会议的一个文字版总结。

地址:https://lucifer.ren/blog/2021…

关注我

我重新整理了下本人的公众号,并且我还给它换了一个名字 脑洞前端,它是一个帮忙你关上大前端新世界大门的钥匙 🔑,在这里你能够听到离奇的观点,看到一些技术尝新,还会收到系统性总结和思考。

在这里我会尽量通过图的模式来论述一些概念和逻辑,帮忙大家疾速了解,图解是我的指标。

之后我的文章会同步到微信公众号 脑洞前端,你能够关注获取最新的文章,并和我进行交换。

另外你能够回复大前端进大前端微信交换群,回复 leetcode 拉你进 leetcode 微信群,如果想退出 qq 群,请回复 qq。

退出移动版