視野修煉-技術週刊第104期 | 下一代 JavaScript 工具鏈

粥里有勺糖發表於2024-10-07
JavaScript

歡迎來到第 104 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介

🔥強烈推薦

  1. 🐙 尤大創辦公司 VoidZero
  2. Tauri 2.0 穩定版釋出
  3. Vite 時髦的新主頁

🔧開源工具&技術資訊

  1. qrframe - 漂亮二維碼生成
  2. HTTP QUERY 方法提案
  3. TinyJS - 輕量級的建立DOM元素
  4. 9月 Web 平臺的新功能
  5. ESLint 現在正式支援 Linting JSON 和 Markdown

下面開始本期內容的介紹，預計閱讀時間 6 分鐘。

🔥強烈推薦

1. 🐙 尤大創辦公司 VoidZero

願景：讓下一代 JavaScript 開發人員比以往任何時候都更加高效！

現在開源的所有內容都將保持開源狀態。除了開源專案之外，還將提供專為滿足企業環境的規模和安全要求而設計的端到端 JavaScript 工具解決方案

和之前 Bun 有類似的願景，只是側重點和路徑有所出入，開發確實越來越方便咯。

2. Tauri 2.0 穩定版釋出

Tauri 是一個框架，用於為所有主要桌面（macOS、Linux、Windows）和移動（iOS、Android）平臺構建微型快速的二進位制檔案。
前端使用 HTML/JS/CSS 構建，必要時後端使用 Rust, Kotlin, Swift 等語言實現邏輯。

當然大部分情況下不需要使用 Rust 等後端語言編寫程式碼，Tauri 已經提供了廣泛的 javaScript API。

搞桌面應用的時候，對相容問題不太苛刻的場景可以考慮考慮。

3. Vite 時髦的新主頁

趕上這周的 ViteConf，預計下週就有課代表總結會議精華內容，到時候再做分享！

🔧開源工具&技術資訊

4. qrframe - 漂亮二維碼生成

生成帶樣式的漂亮二維碼的 JS 庫。

當然存在部分裝置可能無法正確識別的風險。

5. HTTP QUERY 方法提案

定義為：可以攜帶請求內容的安全、冪等請求方法

當請求中傳輸的資料太大而無法編碼到請求的 URI 中時，是可採用的，它不完全是 GET，但也不完全是 POST。

估計落地還得有不短的時間，現在還很多隻用 GET/POST 的公司。

6. TinyJS - 輕量級的建立DOM元素

提供 $ 與 $$ 方法查詢 DOM 元素。

const $id = $('#id')
const items = $$('.item')

提供方法式建立元素。

const myDiv = div(
  { id: 'container', className: 'my-class' },
  h1('Hello World'),
  p('This is a dynamically generated paragraph.')
)

核心程式碼不到 10 行。

7. 9月 Web 平臺的新功能

有個比較新的 Intl.DurationFormat API 可以格式化展示的時間。

new Intl.DurationFormat('zh').format({
  hours: 1,
  minutes: 46,
  seconds: 40,
})
// 輸出結果 ↓
// 1小時46分鐘40秒

8. ESLint 現在正式支援 Linting JSON 和 Markdown

使用的例子如下。

npm install @eslint/json -D
npm install @eslint/markdown -D

import json from '@eslint/json'
import markdown from '@eslint/markdown'

export default [
  {
    plugins: {
      json,
    },
  },

  // lint JSON files
  {
    files: ['**/*.json'],
    language: 'json/json',
    rules: {
      'json/no-duplicate-keys': 'error',
    },
  },

  {
    files: ['**/*.md'],
    plugins: {
      markdown
    },
    language: 'markdown/commonmark',
    rules: {
      'markdown/no-html': 'error'
    }
  }
]

⭐️強力推薦關注

週刊部分內容來源如下渠道，推薦大家關注。

  • 阮一峰: 科技愛好者週刊 - 記錄每週值得分享的科技內容，週五釋出
  • 雲謙：MDH 前端週刊 - 前端資訊和分享
  • 童歐巴：前端食堂 - 你的前端食堂，吃好每一頓飯
  • 前端 RSS - 根據 RSS 訂閱源抓取最新前端技術文章
  • 值得一讀技術部落格 - 每天進步一點點，每天分享有料的技術文章！
  • FRE123 技術週刊精選 - 技術週刊精選推薦資訊流

相關文章