自定義指令(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

Vue.js單一元件檔案資料繫結

by vivid 10. 七月 2019 01:16
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190720901 出刊日期:2019/7/10 在本站《Vue.js資料繫結》文章中介紹基本的資料繫結概念、各種表單欄位資料繫結,例如文字方塊、多行文字方塊、核取方塊、圓型按鈕、清單方塊等等繫結,本文將延續此篇文章,來介紹單一元件檔案資料繫結,以讓你的元件資料與DOM同步。 繫結至單一元件檔案(Single File Component) 現在讓我們來看看如何繫結CSS樣式到單一元件檔案(Single File Component)。單一元件檔案專案的建立請參考本... [更多...]

Tags:

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

Vue.js資料繫結

by vivid 26. 六月 2019 00:42
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190620802 出刊日期:2019/6/26 本文將延續本站《Vue.js入門》系列文章,介紹基本的資料繫結概念、各種表單欄位資料繫結,例如文字方塊、多行文字方塊、核取方塊、圓型按鈕、清單方塊等等繫結,以便讓你的網頁應用程式資料與DOM能夠同步,並進行雙向更新的動作。   雙向資料繫結 表單輸入項目、清單方塊、多行文字方塊等項目,可以利用「v-model」關鍵字建立與Vue之間的雙向繫結功能,設定「v-model」之後,Vue便會監聽輸入事件來更新資... [更多...]

Tags:

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

Vue.js入門 - 3

by vivid 12. 六月 2019 09:52
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190620801 出刊日期: 2019/6/12 在本站《Vue.js入門 - 1》、《Vue.js入門 - 2》系列文章中,介紹了Vue.js開發環境安裝與設定,以及基本的資料繫結語法、如何設計單一元件檔以達共用,本文將延續前文的介紹,說明計算屬性(Computed property)與條件式生成標籤的「v-if」指示詞用法。   什麼是計算屬性(Computed property)? 在樣板(Template)之中的運算式(Expres... [更多...]

Tags:

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

Vue.js入門 - 2

by vivid 29. 五月 2019 01:45
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190520703 出刊日期: 2019/5/29 在本站《Vue.js入門 - 1》文章中,介紹了Vue.js開發環境安裝與設定,以及基本的資料繫結語法,和元件的使用,在這篇文章中,將要繼續介紹如何設計Vue.js的單一元件檔案。 單一元件檔案(Single File Component) 若建立的應用程式不是屬於單一網頁應用程式(Single Page Application,SPA),而只有部分的網頁使用到Vue.js,那麼可以使用標準的「new Vue()... [更多...]

Tags:

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

Vue.js入門-1

by vivid 15. 五月 2019 01:43
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190520702 出刊日期: 2019/5/15 Vue.js是一個開放源碼(Open Source),漸進式框架(Progressive JavaScript Framework),用於開發互動式的網頁使用者操作介面。目前有許多類似的漸進式框架可以簡化前端網頁程式的開發動作,那麼Vue.js有什麼不同呢? Vue.js的特色是專注在使用者檢視層(View),簡單、易用,容易整合到現有的大型專案之中使用。 Vue.js是由前Google工程師尤雨溪(Evan Yo... [更多...]

Tags:

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

Angular 入門

by vivid 1. 五月 2019 10:13
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N190520701 出刊日期: 2019/5/1 在這篇文章中,將要介紹如何利用Angular CLI(Command Line Interface)工具程式建立Angular 7 專案,安裝Angular CLI開發環境,以及介紹一個Angular專案的檔案結構與項目,以讓你了解如何透過Angular來開發前端網頁程式的準備與基本入門。 安裝Angular CLI(Command Line Interface)工具程式 首先開發環境之中要先安裝Angular ... [更多...]

Tags:

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

TypeScript -組態檔與宣告檔

by vivid 3. 四月 2019 03:56
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N190420601 出刊日期: 2019/4/3 在這篇文章中,將要介紹TypeScript組態設定檔案的基本用法,以及常用的選項設定以進一步控制程式編譯的細節,並了解如何透過宣告檔案來描述型別資訊。   「tsconfig.json」組態設定檔案 「tsconfig.json」檔案用來指定TypeScript程式編譯的選項,以便於引導編譯器編譯程式碼。「tsconfig.json」檔案所在的資料夾就是TypeScript專案的根目錄。 只要利用命... [更多...]

Tags:

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

TypeScript入門 - 7

by vivid 20. 三月 2019 11:43
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N190320502 出刊日期: 2019/3/20 在物件導向程式語言,如C#、Java之中,為了達到程式碼的重複使用性,支援一個特殊的型別--「泛型(Generic)」,以讓程式設計師,在設計元件時,可以指定想要使用的型別。這一篇文章中將介紹TypeScript中的泛型以及型別推論(Type Inference)行為。 我們先來看一個非泛型的範例,參考以下範例程式碼,「showData」函式有一個字串型別的引數,「showData」函式將會回傳字串型別的資料: ... [更多...]

Tags:

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

NET Magazine國際中文電子雜誌

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

月分類Month List