第 30 天:發布 Svelte 專案 他相信著那盞橘燈,這個一年一年在我們眼前變得更加琳瑯滿目的前端框架們。但沒關係,明天將有更多的雲端平台讓我們各種方法佈...
第 29 天:Svelte 在 HTML 元素上的修飾 第 29 天要講的事 複習 Svelte 在 HTML 元素上的修飾 HTML 元素的 class 及...
轉眼間就來到了第30篇,在此回顧一下我們演示了哪些東西: 01 簡介 02 安裝 rust 開發環境 node.js 開發環境 03 桌面A...
第 28 天:Svelte 的動態效果:tweened 第 28 天要講的事 介紹 Svelte 的動態效果:tweened 利用 tweened 實作動態...
第 27 天:Svelte 的過場:transition 第 27 天要講的事 替 HTML 元素加入過場效果 過場效果的參數 載入跟卸載時的過場 昨天...
之前我們在第11篇把前端換成SvelteKit後,其實有衍生一點小問題,就是SvelteKit預設是啟用SSR,而我們放進tauri裡面要使用SPA模式,所以需...
第 26 天:Svelte 的互動百寶箱:Store(三) 「恩,就是這麼一回事了。我漸漸離我的抱負越來越遠,漸漸在她的愛中沉的越來越深,然後突然之間我什麼都...
第 25 天:Svelte 的互動百寶箱:Store(二) 第 25 天要講的事 可複寫的 Store:writable Store(續) Store 的自動...
第 24 天:Svelte 的互動百寶箱:Store(一) 第 24 天要講的事 簡介 Store 可複寫的 Store:writable Store ...
第 23 天:Svelte 資料綁定 bind(二) 「那兒的資料都綁定完成了嗎?」他焦慮地問道。「對的,都綁定好了。」我猶豫了一下:「你還是回家好好休息休息...
再次把後端搬進前端 這篇再來replay一下把後端塞進前端,試著把自動產訊息的功能塞進前端tauri app。 讓 tauri 主動發送訊息給前端 先安裝隨機功...
前一篇完成了後端的websocket,我們接下來來進行前端的部分。 讓 Svelte 接上 websocket 直接到我們遊戲的頁面,把之前寫的ws_clien...
第 22 天:Svelte 資料綁定 bind 「要不我們都用資料綁定如何?」Svelte 如此建議。他從那張又熱又厚的綠色皮革椅子當中起身。「我剛好把它停在...
第 21 天:Svelte 的生命週期函式:onMount 「今天下午我們自個兒在這邊能做些什麼呢?」黛西激動的說:「明天能做些什麼呢?接下來的三十年又可以做...
第 20 天:Svelte 中的邏輯運作:await 邏輯區塊 「然而她卻不明白。」說道這,他頓了一頓:「她以前是能夠明白的。我們會送出請求,然後在那兒 aw...
第 19 天:Svelte 中的邏輯運作:if 邏輯區塊 第 19 天要講的是 介紹 Svelte 的 if 邏輯區塊語法 在專案中使用 if 邏輯區塊 ...
第 18 天:Svelte 中的邏輯運作:each 邏輯區塊(三) 差不多在這個時候,一位滿懷抱負的年輕記者在某天早晨來到 Svelte 家門口,採訪他是否有...
第 17 天:Svelte 中的邏輯運作:each 邏輯區塊(二) 第 17 天要講的事 在 each 邏輯段落使用解構賦值 具有鍵值的 each 段落 重新...
第 16 天:Svelte 中的邏輯運作:each 邏輯區塊(一) 「我的 each 邏輯區塊看起來真棒,不是嗎?」他徵詢我的意見。「看看它是如何將繁瑣的工作...
第 15 天: Svelte 的事件:事件修飾(二) 最後他起身,用一種不很確定的聲音,告訴我他要回去了。「怎麼回事?」「沒有事件會傳過來的。所有的事件都被...
第 14 天: Svelte 的事件:事件修飾(一) 「我將在今天向你提出一個莫大的請求,」他一邊說一邊心滿意足的用 modifier 修飾手邊的事件。「所以...
第 13 天:Svelte 的事件:客製化事件 「有那麼一段時間我過著像公子哥一樣的生活,在歐洲的大城市到處打轉:巴黎、威尼斯、羅馬,終日忙著收集寶石,打獵,...
第 12 天:Svelte 的事件:事件傳遞 他側過身體看向我。我可以理解為什麼貝克兒小姐會認為他說謊隱瞞了整個事件傳遞。當他說 on:click 的時候,要...
第 11 天:Svelte 的事件:事件處理 在七月的一個早晨九點鐘,Svelte 氣派的轎車顛顛頗簸的開上我家門口那條滿布碎石的車道,從三音階的喇叭裡爆出了...
前一篇把前端完成了,本篇來優化一下內容。 讓code儘可能的乾淨 一般開發都是先求有,再求好,功能完成了之後,先來清理一下,看一下 我們之前寫的code有多髒...
第 10 天:Svelte 元件的 Property 「我想說你可能會在這邊。」她漫不經心的回應了我的招呼。「我記得你說你就住在這附近。」接著,作為一個她會再...
Prepare 開始準備前端的工作,之前跑hello tauri的時候,我們用cargo tauri dev,這個會自己watch,所以我們不用寫cargo w...
第 09 天:Svelte 中的 Javascript:陳述 我是真的有被標註的。一個星期六早上,一位穿著 Svelte 官方橘的司機走進了我庭院的草坪,替他...
第 08 天:Svelte 中的 Javascript:宣告 在許多夏日的夜晚,我鄰居的家中總是傳來陣陣宣告變數的聲音。在他藍藍的花園裡頭,男人女人像飛蛾一般...
第 07 天:Svelte 中的 Javascript:賦值 凱瑟琳彎過身來悄聲對我說:「我的專案狀態 (state) 跟文件物件模型 (DOM) 總是沒辦法...