前端周刊 | 時隔8年，Chrome 發(fā)布全新 Logo; Vue 3 正式成為默認版本; Vite 2.8 發(fā)布

科技趣聞

1. 時隔8年，Chrome 發(fā)布全新 Logo

近日，Google 正式宣布將已經沿用 8 年的 Chrome 瀏覽器Logo進行設計升級。

第一眼看出什么區(qū)別了嗎？不少網(wǎng)友都在吐槽: 谷歌Chrome的這次Logo更新簡直是一場大家來找茬，找到算谷歌輸?shù)摹坝螒颉薄?/p>

2. 華為方舟編譯器開源項目 1.0 版本正式發(fā)布

2022年 2 月 8 日，方舟編譯器開源項目 OpenArkCompiler 的 1.0 版本正式發(fā)布，包含前端、中端、后端等，Maple 1.0 提供了一個 C 編譯器、穩(wěn)定的 aarch64 靜態(tài)代碼生成器，以及一整套優(yōu)化。

據(jù)介紹，OpenArkCompiler 能夠將不同語言代碼編譯成一套可執(zhí)行文件，在運行環(huán)境中高效執(zhí)行：

• 支持多語言聯(lián)合優(yōu)化、消除跨語言調用開銷；
• 更輕量的語言運行時；
• 軟硬協(xié)同充分發(fā)揮硬件能效；
• 支持多樣化的終端設備平臺。

2019 年，華為宣布方舟編譯器開源。方舟編譯器是為支持多種編程語言、多種芯片平臺的聯(lián)合編譯。

3. Vue 3 正式成為新的默認版本

2022 年 1 月 20 日， Vue 宣布?Vue 3?將在 2 月 7 日成為新的默認版本。目前官網(wǎng)已更新。

原文地址：https://blog.vuejs.org/posts/vue-3-as-the-new-default.html

4. iOS 15.4 Beta 建議 Apple 支持來自基于 Web 的應用程序的推送通知

Apple 正在努力將基于 Web 的通知引入 iOS，以解決基于 Web 應用程序的開發(fā)人員長期以來無法向 Apple 移動設備上的用戶發(fā)送通知的問題，嚴重限制了用戶體驗和應用程序的有效性。

與在 macOS 上常見的基于 Web 的通知不同，只有通過 Apple 的App Store下載的應用程序才能在 iOS 上發(fā)送通知。隨著 iOS 15.4 中包含“推送 API”切換，Apple 似乎正在為將基于 Web 的通知引入其移動設備奠定基礎。

更多詳見：https://www.macrumors.com/2022/02/01/ios-15-4-apple-support-web-based-notifications/

更新速遞

1. Apache ECharts v5.3.0 正式發(fā)布

近期，Apache ECharts v5.3.0 正式發(fā)布，Apache ECharts 5.3.0 在動畫表達力、渲染性能、服務端渲染上做了大幅度的增強，同時也新增了多坐標軸刻度自動對齊、tooltip 數(shù)值格式化、地圖投影等社區(qū)中期盼已久的特性。

ECharts是一款基于JavaScript的數(shù)據(jù)可視化圖表庫，提供直觀，生動，可交互，可個性化定制的數(shù)據(jù)可視化圖表。ECharts最初由百度團隊開源，并于2018年初捐贈給Apache基金會，成為ASF孵化級項目。

更新詳情：https://echarts.apache.org/handbook/en/basics/release-note/5-3-0/?ref=banner

2. Vite v2.8.0 正式發(fā)布

2022 年 2 月 9 日，Vite 正式發(fā)布 v2.8.0 版本，Vite 2.8.0 的發(fā)布大小幾乎是2.7.0發(fā)布大小的 1/4，安裝大小減少了 35%。

更新詳情：https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#280-2022-02-09

3. npm v8.5.0 正式發(fā)布

2022 年 2 月 10 日，npm v8.5.0 正式發(fā)布。

npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平臺的默認包管理工具。通過 npm 可以安裝、共享、分發(fā)代碼,管理項目依賴關系。

更新詳情：https://github.com/npm/cli/releases/tag/v8.5.0

開源趨勢

下面來看看本周 GitHub 上有哪些熱門的前端項目。

1. Medusa

Medusa是一個開源的商務引擎，使開發(fā)者能夠創(chuàng)造驚人的數(shù)字商務體驗。

Star?：8 k

本周Star??：1721

Github：https://github.com/medusajs/medusa

2. Trilium

Trilium Notes是一個分層的筆記應用程序，專注于建立大型個人知識庫。其特點如下：

• 筆記可以排列成任意深的樹。單個筆記可以放在樹中的多個位置（請參閱克?。?/section>
• 豐富的所見即所得筆記編輯功能，包括帶有markdown自動格式化功能的表格，圖像和數(shù)學
• 支持編輯使用源代碼的筆記，包括語法高亮顯示
• 筆記之間快速導航，全文搜索和筆記掛起
• 無縫筆記版本控制
• 筆記屬性可用于筆記組織，查詢和高級腳本編寫
• 同步與自托管同步服務器
• 具有按筆記粒度的強大的筆記加密
• 關系圖和鏈接圖，用于可視化筆記及其關系
• 腳本-請參閱高級展示
• 可用性和性能均能很好地擴展至超過10萬個筆記
• 針對智能手機和平板電腦進行觸摸優(yōu)化的移動前端
• 夜間主題
• Evernote和Markdown導入導出
• Web Clipper可輕松保存Web內容

Star?：14.1 k

本周Star??：910

Github：https://github.com/zadam/trilium

3. ToolJet

ToolJet 是一個開源的無代碼框架，無需工程團隊付出太多努力即可快速構建和部署內部工具。你可以連接到你的數(shù)據(jù)源，例如數(shù)據(jù)庫（如 PostgreSQL、MongoDB、Elasticsearch 等）、API 端點（ToolJet 支持導入 OpenAPI 規(guī)范和 OAuth2 授權）和外部服務（如 Stripe、Slack、Google Sheets、Airtable）并使用預先構建的 UI 小部件來構建內部工具。其特性如下：

• 帶有表格、圖表、模態(tài)、按鈕、下拉菜單等小部件的可視化應用程序構建器
• Mobile 和 desktop 布局
• Dark 模式
• 連接到數(shù)據(jù)庫、API 和外部服務
• 本地部署（支持 docker、kubernetes、heroku 等）
• 組織級別和應用級別的精細訪問控制
• 幾乎可以在構建器中的任何位置編寫 JS 代碼
• 所有支持的數(shù)據(jù)源的查詢編輯器
• 使用JS代碼轉換查詢結果
• 從 OpenAPI 規(guī)范導入端點
• 所有憑據(jù)都使用aes-256-gcm.
• ToolJet 僅充當代理，不存儲任何數(shù)據(jù)。
• 支持 OAuth

Star?：5.6 k

本周Star??：674

Github：https://github.com/ToolJet/ToolJet

4. n8n

n8n 是一個可擴展的工作流程自動化工具。n8n采用公平的代碼分發(fā)模式，它的源代碼始終是可見的，可供自我托管，并允許你添加自己的自定義功能、邏輯和應用程序。

• 用戶可以在本地或云端運行 n8n，并決定誰可以訪問以及你的數(shù)據(jù)儲存在哪里。
• 易于用定制的功能邏輯和應用程序進行擴展。
• n8n 的基于節(jié)點的編輯器讓你可以將任何東西映射到所有東西上，并超越基本的 ETL。

Star?：20.8 k

本周Star??：619

Github：https://github.com/n8n-io/n8n

5. Next.js

Next.js 是一個用于服務器渲染的通用 JavaScript Web 應用程序的小型框架，該框架基于React、Webpack 和 Babel 構建，為該網(wǎng)站提供了強大的支持。

Star?：81.3 k

本周Star??：451

Github：https://github.com/vercel/next.js

工具推薦

下面來推薦4個處理 Cookie 相關的第三方庫。

1. Js Cookie（適用于所有前端項目）

Js Cookie是一個簡單的、輕量級的JavaScript API，用于處理瀏覽器Cookie。它的特點如下：

• 支持AMD、CommonJS和ES模塊化；
• 適用于所有瀏覽器；
• 經過了大量的測試；
• 無依賴性；
• 支持自定義編碼和解碼；
• 壓縮后包小于800bytes。

GitHub（Star：18.8k）：https://github.com/js-cookie/js-cookie

2. React Cookie（適用于React項目）

React Cookie是React專用的cookie庫，它繼承了Universal Cookie庫的特征。它提供了一系列的組件和hooks，使得React中的cookie處理變得非常簡單。如果使用的React版本為16.8+，那么就可以使用hooks來處理cookie。

React Cookie的特點如下：

• 支持React hooks；
• 操作Cookie簡單方便；
• 配置簡單易用。

GItHub（ Star：2.2k）：https://github.com/reactivestack/cookies

3. Cookies（適用于Node.js項目）

Cookies是用于HTTP cookie配置的流行NodeJS模塊之一，Cookies的特點：

• 允許使用Keygrip來簽署cookie，以防止篡改；
• 延遲驗證cookie，以降低成本；
• 不允許通過不安全的套接字發(fā)送安全cookies；
• 默認情況下，所有cookie都僅適用于HTTP，并且通過SSL發(fā)送的cookie是安全的；
• 允許其他庫在不知道簽名機制的情況下訪問 cookie。

GItHub（Star：2.2k）：https://github.com/pillarjs/cookies

4. Nookies（適用于Next.js項目）

Nookies是Next.js開發(fā)人員的首選，它的特點如下：

• 服務器端支持設置、解析和銷毀cookie；
• 支持自定義Express服務器；
• 適合身份驗證；
• 體積小，體積只有21.8kb。

GItHub（Star：1.5k）：https://github.com/maticzav/nookies

文章推薦

最后來看看本周推薦的幾篇文章吧~

1. 助力春招，盤點 2022 年最值得去的互聯(lián)網(wǎng)公司！

本文列舉了部分一二線城市的互聯(lián)網(wǎng)公司，助力春招！

2. 實用 JavaScript 調試技巧

本文介紹了使用 Chrome 瀏覽器調試 JavaScript 代碼的實用技巧。

3. Visual?Studio?Code?常用快捷鍵大全

本文列舉了Visual Studio Code 在 Windows、Linux、Mac系統(tǒng)中一些常用的快捷方式。

4. 在?CSS?中隱藏元素的?10?種方法

本文介紹了在 CSS 中隱藏元素的 10 種方法，以及每種方法的優(yōu)缺點。

分享

收藏

點贊

在看