博客 / 列表

冴羽 - 太好看了!3 個動漫變真人 Nano Banana Pro 提示詞

前言 本篇我和你分享 3 個將動漫變成真人的 Nano Banana Pro 提示詞。 原圖以最近很火的《羅小黑戰記 2》中的鹿野為例: 動漫直接轉真人 提示詞: 1:1 變真人 生成效果如下: 這個提示詞也可以: 精確複製原插圖中的姿勢、體態、手勢、面部表情和拍攝角度,生成一張女孩在 Comiket 上 cosplay 這個插圖的高度細節照片。保持相同的角度、透視和構圖,不做任何偏離。

教程 , aigc , 人工智能 , nano-banana-pro , 前端

冴羽 - 10 個 Nano Banana Pro 專業級生圖技巧

前言 如果你已經學會: 免費使用 Nano Banana Pro: 6 個白嫖 Nano Banana Pro 的網站 使用提示詞庫復刻驚豔圖片:一次找齊!1000 個 Nano Banana Pro 提示詞 學會如何自己寫提示詞:Nano Banana Pro 很強,但你要學會寫提示詞才能隨心所欲 本篇我們再分享 10 個技巧,幫助你將生成的圖片直接達到生產級別。 本篇主要內容整理自

gemini-pro , aigc , 人工智能 , nano-banana-pro , 前端

冴羽 - Nano Banana Pro 很強,但你要學會寫提示詞才能為所欲為

1. 前言 如果你已經學會: 免費使用 Nano Banana Pro: 6 個白嫖 Nano Banana Pro 的網站 使用提示詞庫復刻驚豔圖片:一次找齊!1000 個 Nano Banana Pro 提示詞 那本篇我們來點乾貨 —— 如何寫出好的提示詞。 之所以要學習如何寫提示詞,是因為絕大部分人在寫提示詞時,都是一種 “隨緣” 的狀態——有的地方寫得詳細,有的地方卻被遺漏了,這就

aigc , 人工智能 , nano-banana-pro , 前端 , Javascript

冴羽 - 6 個白嫖 Nano Banana Pro 的網站

前言 Nano Banana Pro 最近很火。 作為排名第一的 AI 圖片生成模型,其生成的圖片效果十分驚豔,但驚豔的效果往往都比較費錢…… 於是我註冊了十幾個網站,找了一些不費錢的 Nano Banana Pro 使用網站,對於日常使用完全足夠了。 10 年技術博主,最新資訊、前端知識、AI 乾貨,歡迎關注公眾號:“冴羽” 或者搜索“yayujs” 1. Gemini 每天 2 張 地址:h

ai開發 , gemini-pro , 人工智能 , nano-banana-pro , 前端

冴羽 - 漲見識了,Error.cause 讓 JavaScript 錯誤調試更輕鬆

1. 前言 在 JavaScript 中,拋出錯誤很容易,但追溯原因卻有些麻煩,這就是 cause屬性的用武之地。 這是我們傳統的處理錯誤的做法: try { JSON.parse("{ bad json }"); } catch (err) { throw new Error("Something went wrong: " + err.message); } 雖然包裝了錯誤,但已經丟失

react , vue.js , node.js , 前端 , Javascript

冴羽 - 能讓 GitHub 刪除泄露的蘋果源碼還有 8000 多個相關倉庫的 DMCA 是什麼?

1. 源碼泄露 上週蘋果 App Store 前端源碼泄露,因其生產環境忘記關閉 Sourcemap,被用户下載了源碼,上傳到 Github。短短几天就已經 Fork 和 Star 超 5k。 當然現在倉庫已經被 ban 了,當你打開倉庫的時候,GitHub 會提示: 千萬不要以為自己有 fork 就安全了,fork 的倉庫也一同被刪除了,據説刪了 8000 多個相關倉庫,足以看到當時大家湊熱鬧

react , node.js , typescript , 前端 , Javascript

冴羽 - 從 useState 到 URLState:為什麼大佬們都在刪狀態管理代碼?

1. 前言 當你打開這個網址時: https://prismjs.com/download.html#themes=prismlanguages=markup+css+clike+javascriptplugins=line-numbers 你會發現,所有你需要的主題、語言、插件已經被自動勾選: 當你在頁面修改配置時,URL 也會隨之改變。 你看,這個 URL 不僅僅是一個鏈接,更是一個完整的狀

react , vue.js , node.js , 前端 , Javascript

冴羽 - 為什麼在 JavaScript 中 NaN !== NaN?背後藏着 40 年的技術故事

1. 前言 初學 JavaScript 的時候,經常會遇到一些令人困惑的現象,比如: console.log(NaN === NaN); // false console.log(NaN !== NaN); // true 為什麼一個值會不等於它自己呢? 今天,我們就來深入探究這個問題。 2. NaN 的本質:一個特殊的“數字” NaN 其實是 Not a Number 的縮寫,表示它不是一個數字

react , node.js , typescript , 前端 , Javascript

冴羽 - 10 個被嚴重低估的 JS 特性,直接少寫 500 行代碼

前言 最近逛 Reddit 的時候,看到一個關於最被低估的 JavaScript 特性的討論,我對此進行了總結,和大家分享一下。 Hi,我是冴羽,學習前端,歡迎圍觀我的“網頁版朋友圈”、踏上“前端大佬成長之路”。 1. Set:數組去重 + 快速查找,比 filter 快 3 倍 提到數組去重,很多人第一反應是 filter + indexOf,但這種寫法的時間複雜度是 O (n²),而 Set

ecmascript-6 , typescript , 前端 , Javascript

冴羽 - JavaScript 異步循環踩坑指南

1. 前言 在循環中使用 await,代碼看似直觀,但運行時要麼悄無聲息地停止,要麼運行速度緩慢,這是為什麼呢? 本篇聊聊 JavaScript 中的異步循環問題。 2. 踩坑 1:for 循環裏用 await,效率太低 假設要逐個獲取用户數據,可能會這樣寫: const users = [1, 2, 3]; for (const id of users) { const user = awa

node.js , ecmascript , typescript , 前端 , Javascript

冴羽 - 今日,字節發佈全新 AI IDE:Trae! 它將成為最懂中文開發者 AI IDE

前言 今日,字節發佈了一款 AI Coding 產品 —— Trae,它是一款對標 Cursor 和 Windsurf 的全新 IDE,也是一款真正為中文開發者量身定製的工具,可謂是中文開發者的福音。 其優雅的 UI、絲滑的交互、母語級的支持、更高的 AI 集成度、更‮然自‬的交‮式互‬對話開發、更‮‬精準的 AI 生‮效成‬果,都讓你感到親切和驚豔! 它不再是一個工具,而是一個能 “思考” 和

編輯器 , 人工智能 , ide , 後端 , 前端

冴羽 - SvelteKit 最新中文文檔教程(2)—— 路由

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

冴羽 - SvelteKit 最新中文文檔教程(4)—— 表單 actions

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

冴羽 - SvelteKit 最新中文文檔教程(5)—— 頁面選項

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

冴羽 - SvelteKit 最新中文文檔教程(13)—— Hooks

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

冴羽 - SvelteKit 最新中文文檔教程(14)—— 錯誤處理

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

冴羽 - SvelteKit 最新中文文檔教程(15)—— 鏈接選項

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

冴羽 - SvelteKit 最新中文文檔教程(16)—— Service workers

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

冴羽 - SvelteKit 最新中文文檔教程(17)—— 僅服務端模塊和快照

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

冴羽 - SvelteKit 最新中文文檔教程(18)—— 淺層路由和 Packaging

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

冴羽 - SvelteKit 最新中文文檔教程(19)—— 最佳實踐之身份認證

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

冴羽 - SvelteKit 最新中文文檔教程(20)—— 最佳實踐之性能

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

冴羽 - SvelteKit 最新中文文檔教程(21)—— 最佳實踐之圖片

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript