Blazor Server App

by vivid 27. 十一月 2019 01:32
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N191121302 出刊日期: 2019/11/27 本站2018年《初探Blazor》文章中第一次介紹了「Blazor」,它是從這句話衍生出來的: Browser + Razor = Blazor 「Blazor」是一個新的.NET網站框架(.NET web framework),以WebAssembly標準為基礎,可以取代以往使用JavaScript語言,改用C# / Razor語法與HTML標籤建立執行在瀏覽器上的用戶端應用程式,有了「Blazor」就可以... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | 許薰尹Vivid Hsu | Blazor

Vuetify

by vivid 13. 十一月 2019 02:47
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N191121301 出刊日期: 2019/11/13 在這篇文章之中,將介紹如何在「Vue」專案之中透過「Vuetify」來設計網站的版面,即使你不熟悉UX設計的原則,也能夠輕鬆做出具吸引力的、符合質感設計(Material Design)的互動式網頁介面。   建立Vue CLI專案 讓我們先利用Vue CLI 3.11版建立一個專案,在命令提示視窗輸入使用以下指令,建立一個專案,將專案命為「myvuetify」後按下「Enter」鍵: vue ... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | JavaScript | VueJS | 許薰尹Vivid Hsu

定義模板

by vivid 30. 十月 2019 11:53
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N191021203 出刊日期: 2019/10/30 在Vue應用程式之中,要定義組件(Component)的模板(Template)方式有很多種,包含以下常用的作法: 字串模板(String Template) 模板字符串(Template literal) 內聯模版(Inline Templates) x-template 渲染函數(Render Function) 單文件組件(Single File Compo... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | JavaScript | VueJS | 許薰尹Vivid Hsu

非同步組件

by vivid 16. 十月 2019 11:32
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N191021202 出刊日期: 2019/10/16 當Vue應用程式為了提供新功能,不斷的成長,你就會開始意識到,該為應用程式調校效能了,如此方可讓它能夠更快的執行。非同步組件(Async Components)是這個問題的其中一種解法。有些組件並不是一開始就要呈現在網頁上,例如進度提示、對話盒等等,因此一開始將這些可能不需要呈現的組件載入並不是很有意義,在必要時再進行載入會比較理想,這種作法稱做延遲載入(Lazy Loading)。 雖然Vue支援非同步組件,... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | VueJS | JavaScript | 許薰尹Vivid Hsu

使用Vue CLI與Vuex建立應用程式 - 2

by vivid 2. 十月 2019 01:22
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N191021201 出刊日期: 2019/10/2 本篇文章延續《使用Vue CLI與Vuex建立應用程式》一文的說明,利用REST API設計留言應用程式的新增、刪除、修改留言功能。   指定遠端資料來源 JSONPlaceholder網站提供偽線上REST API服務,以提供給應用程式開發、測試時使用,您不需要自行建立一個真實的REST API,節省開發的時間。其官網在以下網址:「https://jsonplaceholder.typicode... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | JavaScript | 許薰尹Vivid Hsu

使用Vue CLI與Vuex建立應用程式 - 1

by vivid 18. 九月 2019 08:57
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N190921102 出刊日期: 2019/9/18 本系列文章將要介紹如何透過Vue CLI 3.x版來快速的建立一個Vue專案,並了解專案中相關的檔案用途,以設計一個小型的留言應用程式,可以新增、刪除、修改留言。 Vue CLI是命令列介面(Command Line Interface)的縮寫,提供一個完整的開發環境讓你能夠更容易撰寫Vue應用程式,例如讓你選擇要使用的其它程式庫(Library),並自動安裝到專案。Vue CLI自動會設定透過Webpack來打... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | JavaScript | 許薰尹Vivid Hsu

路由

by vivid 4. 九月 2019 07:13
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190921101 出刊日期:2019/9/4 Vue預設不含路由的功能,官網文件上說明,對於大部分的單頁應用程式(Single Page Applications)而言,推荐使用官方支援的「vue-router」程式庫,參考網站在:「https://github.com/vuejs/vue-router」。「vue-router」程式庫支援的功能包含: 巢狀式路由/檢視對應(View mapping) 模組化,以組件為基礎的路由組態。 ... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | JavaScript

自定義過濾器(Custom Filter)

by vivid 21. 八月 2019 07:56
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190821002 出刊日期:2019/8/21 Vue可以允許你自定義過濾器(Custom Filter),針對文字來進行格式化的動作,或在{{}}符號中,進行字串插值處理,也可以搭配「v-bind」表達式(expression)來使用。自定義過濾器(Custom Filter)要使用「|」(pipe)符號,套用在JavaScript表達式後方。 自定義過濾器(Custom Filter)包含兩種類型:全域過濾器(Global Filter)與區域過濾器(Local... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | JavaScript | 許薰尹Vivid Hsu

自定義指令(Custom Directive)

by vivid 7. 八月 2019 07:48
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190821001 出刊日期:2019/8/7 在這篇文章將延續本站《Vue.js入門》系列文章,來介紹如何設計自定義指令(Custom Directive)。回顧一下,指令(Directives)是前置「v-」符號的特殊特性(Attribute),讓你可以透過Vue套用一些特效到DOM物件上。預設Vue提供多樣的指令來供你使用,例如「v-if」、「v-show」、「v-else」、「v-model」、「v-bind」等等。 除了這些預設的指令之外,Vue可以讓你自定... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | JavaScript | 許薰尹Vivid Hsu

Vue.js事件

by vivid 24. 七月 2019 07:31
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190720902 出刊日期:2019/7/24 在這篇文章將延續本站《Vue.js入門》系列文章,來介紹如何透過Vue來註冊事件。 JavaScript利用事件(Event)和網頁中的HTML項目進行互動,例如,當使用者利用滑鼠點選網頁中的項目時,就會觸發此項目的Click事件,我們可以撰寫程式碼來註冊接聽這個事件,在接聽的事件「click」發生時,執行特定的程式碼,這段程式碼稱為事件接聽程式(Event Listener)。 Vue提供簡易的「v-on」指示詞,... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | JavaScript | 許薰尹Vivid Hsu

NET Magazine國際中文電子雜誌

NET Magazine國際中文電子版雜誌,由恆逸資訊創立於2000,自發刊日起迄今已發行超過500篇.NET相關技術文章,擁有超過40000名註冊讀者群。NET Magazine國際中文電子版雜誌希望藉於電子雜誌與NET Developer達到共同學習與技術新知分享,歡迎每一位對.NET 技術有興趣的朋友們多多支持本雜誌,讓作者群們可以有持續性的動力繼續爬文。<請加入免費訂閱>

月分類Month List