歡迎來到第 78 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介
🔥強烈推薦
- Node.js 紀錄片
- emgithub - github 嵌入鏈接獲取
- Emojisplosion - 表情煙花效果
🔧開源工具&技術資訊
- Chrome DevTools 現在與 Chrome 主題相匹配！
- CartoSVG - SVG 地圖製作
- MistCSS - 僅使用CSS編寫React組件
🤖AI工具&資訊
- kimi - 支持20萬漢字輸入
- Suno v3 - AI 創作音樂
也推薦大家關注一下最後的推薦內容（週刊的主要內容來源渠道）
下面開始本期內容的介紹，預計閱讀時間 7 分鐘。
🔥強烈推薦
1. Node.js 紀錄片
對 node.js 感興趣的朋友可以看看。
AI 總結：
Node.js的創始人布萊恩是一位有數學背景的軟件工程師，最初使用Node的目標是迫使開發人員輕鬆地構建最佳服務器。他在南美工作時開始接觸編程，並在德國遇見了一位女孩麗莎，跟隨她一起去科隆。在科隆時，布萊恩開始嘗試在服務器上使用JavaScript，因爲他認爲JavaScript可以成爲一種強大的編程語言。他在雅虎工作時感到沮喪，因爲需要在PHP和JavaScript之間切換上下文。最終，布萊恩開始專注於開源項目Node.js，但在項目發展過程中出現了治理問題，導致分裂和不滿。最終，他決定叉出一個名爲io.js的項目，以實現貢獻者對項目工作有更多控制權的目標。
2. emgithub - github 嵌入鏈接獲取
只需要在訪問倉庫是，將域名改爲 emgithub.com 即可獲取代碼的嵌入腳本。
分享代碼，寫文章時插入GitHub 的部分代碼 都是很方便的。
想起了之前的 github1s.com ，在線 VS Code 預覽 GitHub 倉庫
3. Emojisplosion - 表情煙花效果
效果十分炸裂 hhhh
使用非常簡單。
<!-- cdn引入 -->
<script src="https://unpkg.com/emojisplosion/lib/global.js"></script>
<script>
// 一行代碼即可調用
emojisplosion();
</script>
🔧開源工具&技術資訊
4. Chrome DevTools 現在與 Chrome 主題相匹配！
5. CartoSVG - SVG 地圖製作
輕鬆設計華麗且輕量級的 SVG 地圖 - 提供編輯器直接搭建自定義地圖的幾乎任何部分。並且可以直接導出並內聯到 HTML 中。
6. MistCSS - 僅使用CSS編寫React組件
該庫提供了一種將純 CSS React 組件編譯成 TypeScript 等效組件的方法。
① 編寫代碼
/* src/Button.mist.css */
@scope (.button) {
button:scope {
/* Default style */
font-size: 1rem;
border-radius: 0.25rem;
&[data-size='lg'] {
font-size: 1.5rem;
}
&[data-size='sm'] {
font-size: 0.75rem;
}
&[data-danger] {
background-color: red;
color: white;
}
}
}
② 編譯
npx mistcss ./src
③ 使用
import { Button } from '.components/Button.mist'
export default const App = () => (
<main>
{/* Use it like a normal React component */}
<Button size="lg">Submit</Button>
<Button size="lg" danger>Delete</Button>
<Button onClick={handleClick}>Cancel</Button>
{/* 💥 TypeScript will catch the wrong size here */}
<Button size="foo">Oops</Button>
</main>
)
當然還處於很早的實驗階段，思路很有創新感覺。
🤖AI工具&資訊
7. kimi - 支持20萬漢字輸入
如題，目前這些都是免費使用，可以拖入一本小說然後開始詢問。
也支持傳入在線文章的鏈接，然後直接開始詢問。
除了 PC 還提供了手機 APP。
8. Suno v3 - AI 創作音樂
只需要傳入歌詞即可自動創作歌曲（含演唱），下面是“《水調歌頭（明月幾時有）》”。
😛趣圖
篇幅有限，如果你還沒看夠，可移步後面的推薦渠道，繼續遊覽，歷史週刊（<20）移步博客
⭐️強力推薦關注
- 阮一峯: 科技愛好者週刊 - 記錄每週值得分享的科技內容，週五發佈
- 雲謙：MDH 前端週刊 - 前端資訊和分享
- 童歐巴：前端食堂 - 你的前端食堂，喫好每一頓飯
- 前端RSS - 根據 RSS 訂閱源抓取最新前端技術文章
- 值得一讀技術博客 - 每天進步一點點，每天分享有料的技術文章！
- FRE123 技術週刊精選 - 前後端技術週刊精選推薦信息流