影片 內容 講解解析 HTML 的過程以及有限狀態機。 Svelte 為了使用客製化的語法,所以在編譯時期會先解析一次 svelte 元件,其中 HTML 的...
Motion Tweened Motion Tweened 是今天要分享的內容,在分享完store之後另一個進階的 svelte的內容就是 motion,而第一...
named slots 子節點就是放這裡 named slots 是什麼呢,還記得昨天跟大家分享如何使用 slot 來製作複合式的元件,但是大家應該會問如果有多...
slide scale 昨天跟大家分享了fly fade兩種過場動畫的方式,今天接續分享 slide scale 這兩種。 本文同步放置於此 回顧怎麼使用...
writable store 是甚麼 writable store 是甚麼呢,在介紹完readable store後,今天要來跟大家分享的就是 writable...
svelte class tag 在說明完svelte的動態後,今天來分享一下html上常會用到的class標籤在svelte上的應用。 本文同步放置於此...
motion spring motion spring 是svelte motion的另一個工具,它的內容跟motion tweened很類似,簡單講就是在處理...
Prepare 開始準備前端的工作,之前跑hello tauri的時候,我們用cargo tauri dev,這個會自己watch,所以我們不用寫cargo w...
第 05 天:Svelte 中的 HTML 一天下午,我和湯姆搭火車進城,當我們停在中途的中繼站時,他突然跳了起來,拉住我的手肘,言下之意是要我跟他一起下車。...
第 21 天:Svelte 的生命週期函式:onMount 「今天下午我們自個兒在這邊能做些什麼呢?」黛西激動的說:「明天能做些什麼呢?接下來的三十年又可以做...
第 06 天:Svelte 中的 CSS 她就這麼大辣辣地走了進來,以一種檢視財產的姿態,將房間裡的 CSS 選擇器都看了個遍,讓我不禁思索她是否會干擾到他們...
第 22 天:Svelte 資料綁定 bind 「要不我們都用資料綁定如何?」Svelte 如此建議。他從那張又熱又厚的綠色皮革椅子當中起身。「我剛好把它停在...
再次把後端搬進前端 這篇再來replay一下把後端塞進前端,試著把自動產訊息的功能塞進前端tauri app。 讓 tauri 主動發送訊息給前端 先安裝隨機功...
第 04 天:認識 Svelte 元件 我不自覺的看了一眼 Svelte 元件,裡面除了 Javascript、HTML、還有 CSS 程式碼。既熟悉又陌生,...
前一篇把前端完成了,本篇來優化一下內容。 讓code儘可能的乾淨 一般開發都是先求有,再求好,功能完成了之後,先來清理一下,看一下 我們之前寫的code有多髒...
之前我們在第11篇把前端換成SvelteKit後,其實有衍生一點小問題,就是SvelteKit預設是啟用SSR,而我們放進tauri裡面要使用SPA模式,所以需...
第 23 天:Svelte 資料綁定 bind(二) 「那兒的資料都綁定完成了嗎?」他焦慮地問道。「對的,都綁定好了。」我猶豫了一下:「你還是回家好好休息休息...
第 09 天:Svelte 中的 Javascript:陳述 我是真的有被標註的。一個星期六早上,一位穿著 Svelte 官方橘的司機走進了我庭院的草坪,替他...
轉眼間就來到了第30篇,在此回顧一下我們演示了哪些東西: 01 簡介 02 安裝 rust 開發環境 node.js 開發環境 03 桌面A...
第 08 天:Svelte 中的 Javascript:宣告 在許多夏日的夜晚,我鄰居的家中總是傳來陣陣宣告變數的聲音。在他藍藍的花園裡頭,男人女人像飛蛾一般...
第 20 天:Svelte 中的邏輯運作:await 邏輯區塊 「然而她卻不明白。」說道這,他頓了一頓:「她以前是能夠明白的。我們會送出請求,然後在那兒 aw...
第 24 天:Svelte 的互動百寶箱:Store(一) 第 24 天要講的事 簡介 Store 可複寫的 Store:writable Store ...
第 30 天:發布 Svelte 專案 他相信著那盞橘燈,這個一年一年在我們眼前變得更加琳瑯滿目的前端框架們。但沒關係,明天將有更多的雲端平台讓我們各種方法佈...
第 29 天:Svelte 在 HTML 元素上的修飾 第 29 天要講的事 複習 Svelte 在 HTML 元素上的修飾 HTML 元素的 class 及...
第 28 天:Svelte 的動態效果:tweened 第 28 天要講的事 介紹 Svelte 的動態效果:tweened 利用 tweened 實作動態...
第 27 天:Svelte 的過場:transition 第 27 天要講的事 替 HTML 元素加入過場效果 過場效果的參數 載入跟卸載時的過場 昨天...
第 26 天:Svelte 的互動百寶箱:Store(三) 「恩,就是這麼一回事了。我漸漸離我的抱負越來越遠,漸漸在她的愛中沉的越來越深,然後突然之間我什麼都...
第 07 天:Svelte 中的 Javascript:賦值 凱瑟琳彎過身來悄聲對我說:「我的專案狀態 (state) 跟文件物件模型 (DOM) 總是沒辦法...
第 25 天:Svelte 的互動百寶箱:Store(二) 第 25 天要講的事 可複寫的 Store:writable Store(續) Store 的自動...
前一篇完成了後端的websocket,我們接下來來進行前端的部分。 讓 Svelte 接上 websocket 直接到我們遊戲的頁面,把之前寫的ws_clien...