???? News
Nuxt 3 即將發(fā)布
經(jīng)過(guò)漫長(zhǎng)的等待，Nuxt 3 即將發(fā)布。Nuxt 3 進(jìn)行了一次徹底的重構(gòu)，對(duì)內(nèi)核進(jìn)行了精簡(jiǎn)，速度更快，體驗(yàn)更好！
新特性包括：
- 更輕量：以現(xiàn)代瀏覽器為目標(biāo)的服務(wù)器部署和客戶端產(chǎn)物最多可縮小 75 倍
- 更快：基于 nitro 提供動(dòng)態(tài)代碼分割能力，以優(yōu)化冷啟動(dòng)性能
- Hybrid：增量靜態(tài)生成和其他的高級(jí)功能現(xiàn)在都成為可能
- Suspense：在任意組件和導(dǎo)航前后都可以獲取數(shù)據(jù)
- Composition API：使用 Composition API 和 Nuxt 3 的 composables 實(shí)現(xiàn)真正的代碼復(fù)用
- Nuxt CLI：沒(méi)有任何依賴，幫你輕松搭建項(xiàng)目和集成模塊
- Nuxt Devtools：通過(guò)直接在瀏覽器中查看信息和快速修復(fù)實(shí)現(xiàn)更快地工作
- Nuxt Kit：具有 Typescript 和跨版本兼容性的全新模塊開發(fā)
- Webpack 5：更快的構(gòu)建時(shí)間和更小的包大小，無(wú)需配置
- Vite：使用 Vite 作為打包工具，體驗(yàn)閃電般快速的 HMR
- Vue 3：Vue 3 是你下一個(gè) Web 應(yīng)用程序的堅(jiān)實(shí)基礎(chǔ)
- TypeScript：使用原生 TypeScript 和 ESM 構(gòu)建，無(wú)需額外步驟
詳細(xì)信息：nuxtjs.org/v3/
layui 即將退出歷史舞臺(tái)
layui 公告：layui 官網(wǎng)將于 2021 年 10 月 13 日進(jìn)行下線。
layui 是一款很不錯(cuò)的 jQuery 組件庫(kù)，雖然 jQuery 在 npm 的下載量仍遠(yuǎn)高于 React / Vue，但不可否認(rèn)的是在生態(tài)和社區(qū)活躍度上，React / Vue 更勝一籌。
技術(shù)也有自己的生命周期，無(wú)論怎樣，浪潮退去，只要還有人記得，就有存在的價(jià)值和意義。正如公告里的結(jié)尾：請(qǐng)大家懷揣對(duì) Web 前端技術(shù)的熱忱，去擁抱更好的新時(shí)代，以及，所有那些值得去追求的美好事物。
???? Open Source
Interactive Learning Tools For Front-End Developers
這是一個(gè)交互式前端學(xué)習(xí)教程，以玩游戲的形式來(lái)學(xué)習(xí) CSS、JavaScript、React、Vim 和正則表達(dá)式等知識(shí)點(diǎn)，基本涵蓋了前端開發(fā)者的所有技術(shù)棧。
你可以在里面以種菜的方式學(xué)習(xí) CSS 的 Grid 布局，還可以使用在線 IDE 做 TypeScript 練習(xí)等等。
游戲都非常精致，邊玩邊學(xué)：
還有非常多其他游戲，包括下面這些知識(shí)點(diǎn)：
合集鏈接：www.smashingmagazine.com/2021/09/int…
unjs/siroc
siroc 是一個(gè)零配置且可擴(kuò)展的框架，用于開發(fā) Node.js 應(yīng)用程序和庫(kù)。
在日常開發(fā) Node.js 應(yīng)用程序或庫(kù)的時(shí)候會(huì)遇到一個(gè)痛苦的問(wèn)題：需要配置各種各樣的工程工具，需要編寫各種各樣的啟動(dòng)或構(gòu)建腳本。這些配置一定程度上影響了編碼效率，同時(shí)還可能踩很多坑。
如果你在工作中也備受這樣的問(wèn)題困擾，不妨試試 siroc，它為你提供了許多內(nèi)置的能力，只需要配置 package.json 中一些字段，就能夠在啟動(dòng)或構(gòu)建時(shí)自動(dòng)讀取并使用 rollup 和 esbuild 生成你想要的產(chǎn)物。這些能力對(duì) monorepo 的支持也很好，能夠極大地減少配置 monorepo 的時(shí)間。
GitHub Repo：github.com/unjs/siroc
Nano Colors
Nano Colors 是一個(gè)比 chalk 執(zhí)行速度快 2 倍、node_modules 體積小 5 倍的命令行著色工具。
特性包括：
- 簡(jiǎn)單場(chǎng)景下比
chalk快 4 倍 - 無(wú)依賴：
node_modules體積比chalk小 5 倍 - 積極維護(hù)：很多大項(xiàng)目比如
PostCSS和Browserslist在用 - 支持自動(dòng)檢測(cè)顏色：你也可以手動(dòng)切換顏色模式
- 支持 Tree-Shaking：基于 ESM / CJS 兩種模塊化方案分別打包
- 支持 Node.js ≥ 6 并且在 Node.js 和瀏覽器項(xiàng)目中通用
GitHub Repo：github.com/ai/nanocolo…
unjs/unplugin
unplugin 是一個(gè)為 Vite、Rollup、Webpack 等構(gòu)建工具開發(fā)的統(tǒng)一插件系統(tǒng)，目前還處于實(shí)驗(yàn)階段。
目前為 Vite、Rollup、Webpack 的插件封裝了統(tǒng)一的 API 接口，基于統(tǒng)一的 API 接口自動(dòng)生成 Vite、Rollup、Webpack 的插件。
用法也非常簡(jiǎn)單易懂：
GitHub Repo：github.com/unjs/unplug…
Tailwind Mobile
基于社區(qū)熱門的 Atomic CSS 方案 Tailwind CSS 實(shí)現(xiàn)的一個(gè)移動(dòng)端組件庫(kù)，支持 iOS 和 Material Design 兩種主題風(fēng)格，同時(shí)與框架解耦，支持在不同的框架中使用。
Home Page：tailwind-mobile.com/
???? Article
Tubi 工程師文化
文章從為什么要討論工程師文化這個(gè)問(wèn)題入手，介紹了 Tubi 技術(shù)團(tuán)隊(duì)的六大文化，在技術(shù)團(tuán)隊(duì)建設(shè)方面提供了很多值得學(xué)習(xí)的內(nèi)容。
原文鏈接：mp.weixin.qq.com/s/p_em5wfzh…
Rome will be written in Rust ????
文章對(duì)比了 JavaScript / TypeScript 和 Rust 在 Rome 中的優(yōu)劣，講解了從產(chǎn)品、技術(shù)和團(tuán)隊(duì)的角度進(jìn)行分析，最終決定將 Rome 遷移至 Rust 的整個(gè)決策過(guò)程。其中對(duì)于技術(shù)選型的思考和權(quán)衡很值得學(xué)習(xí)！
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/121554.html
