【每日一薦月刊】天天分享一點好玩的東西~

每日一薦

天天給你推薦一個新奇,好玩,高品質的開源庫,好文,觀點或言論等。javascript

項目主頁維護當前月份的內容,想看往期內容,能夠翻到下方歷史彙總部分,而後選擇本身感興趣的月份點進去便可。

2021-03

2021-03-31[工具]

一個能夠實時翻譯不一樣語言,以支持不一樣語言的人一塊兒開會。這或許就是跨國遠程辦公黨的勝利?html

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

https://business-review.eu/te...前端

2021-03-30[類庫]

prisma 是一個 Nodejs 端的 ORM 框架。和 waterline 相似,也提供了多種主流數據庫的接入,以及統一的便捷的封裝函數。vue

從使用體驗上來看,prisma 更加舒服。 prisma 經過本身定義一套 DSL(prisma 文件中使用的語法),並本身解析,使得開發體驗更加友好。另外從 Github 的 star 數以及 npm 上的下載量來看,prisma 都表現地不錯。java

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

// 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 recordpython

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

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

2021-03-29[工具]

一個能夠運行在多端(window, linux 和 mac)的 switch 模擬器。今後暢玩 switch?linux

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

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[好文]

不少技術人員到了必定的階段(年紀)都會轉到管理崗。而技術轉管理不少人一開始是不適應的,畢竟工做內容以及責任發生了很大的變化。從對本身負責變成了對整個團隊負責。

人的習慣是難以改變的,這須要你們不斷地有意識地提醒本身並糾正才能夠。除此以外一個指導準則也很重要,這幾篇文章是我整理的適合技術轉管理看的文章列表。

列表後續也會持續更新

2021-03-11[好文]

不少公司都在講 OKR。但說實話落地起來都效果很差,各類走偏。這其實也和當前的發展階段有關。相關的 OKR 文章我也看過一些, 而這篇文章是字節飛書團隊寫的,是我見過實操性最強的文章。不只有大量的例子還有工具(飛書 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[好文]

有道前端團隊出品的《有道雲筆記新版編輯器架構設計 》,分爲上下兩篇。詳細講述了富文本編輯器的採坑之路。若是你對富文本編輯器 感興趣,千萬不要錯過。

文章地址:

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。

相關文章
相關標籤/搜索