你有沒有想過哪一天能用自己熟悉的語言來撰寫網頁嗎?
由 Mozilla、Google、Microsoft、Apple 所組成的開發團隊,也就是瀏覽器四大天王 Firefox、Chrome、Microsoft Edge、Safari 共同推動名為 WebAssembly 的新技術,讓網頁開發者能運用自己熟悉的程式語言,編譯再藉虛擬機器引擎在瀏覽器內執行,而微軟陣營的新框架 Blazor 從此誕生。
你有沒有想過哪一天能用自己熟悉的語言來撰寫前端嗎? 由 Mozilla、Google、Microsoft、Apple 所組成的開發團隊,也就是瀏覽器四大天王 F...
想要變一個華麗的魔術,表演場地是不可或缺的,無論你是用 VSCode、Visual Studio 2019 甚至是 Visual Studio 2019 for...
在介紹魔術前,要先跟大家展示的是魔術道具,不了解道具的魔術師,不是好的魔術師。 Blazor = Browser + Razor Browser 是瀏覽器,而...
昨天提到當 @ 後面接著 Razor 保留關鍵字時,它才會轉換成 Razor 特定的標記,而今天就要來介紹第一批的關鍵字,也就是 Razor 指示詞(Direc...
今天要來介紹第二批的關鍵字 Razor 指示詞屬性,與昨天的不同,是需要寫在 HTML 元素屬性上,所以即便有著同樣的名稱,但意義是不同的喔。 @attrib...
大致介紹完名為 Razor 的魔術材料後,要來一一填坑了,首先要介紹的就是路由魔術。 路由是一種檢查瀏覽器 URL 並將其匹配到要呈現的頁面的技術。當同一個應...
介紹完路由魔術後,是不是覺得手打網址來測試很麻煩,所以今天先來介紹導覽元件。 題外話:本系列文的魔術材料版本並不支援萬用路由,但將會在之後的更新支援(add B...
這邊先插播一個內容,雖然使用 Blazor 可以透過開發環境來下中斷點,但還是有人會希望印在瀏覽器的 console 視窗上吧?此時 Blazor 就提供了一個...
前置作業也差不多告一段落了,終於要邁向寫網頁最基本的需求了,也就是撰寫表單,畢竟如果沒有表單,也就不會有 CRUD 等的資料連動,沒有資料連動的網頁也就會只是靜...
今天要來介紹的是表單的驗證,畢竟不可能讓每一份表單都交由後端來驗證並返還結果,往往都會由前端來排除最基本的使用者操作失誤,如說好密碼要大小寫與數字兼具,卻只給小...