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入門 - 6

by vivid 6. 三月 2019 03:56
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N190320501 出刊日期: 2019/3/6 TypeScript中的類別(Class)類似C#、Java程式語言中的類別,可以包含函式(function)與變數(Variable),方法(function)與變數(Variable)可以套用「public」、「private」等等修飾詞來控制可視性。TypeScript類別可以繼承一個類別(Class),並實作多個介面(Interface)。本篇文章將延續《TypeScript入門》系列文章,介紹類別的繼... [更多...]

Tags:

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

Fetch API與async / await

by vivid 20. 二月 2019 05:48
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N190220402 出刊日期: 2019/2/20 在本站《Fetch API》文章中,介紹了Fetch API 提供類似XMLHttpRequest(XHR)的功能,讓我們可以送出HTTP請求,也說明如何透過撰寫JavaScript程式碼,利用Fetch API來送出HTTP請求,取得遠方伺服器上的資料。Fetch API使用ECMAScript 2015標準的「Promise」非同步程式設計功能來實作,比起XMLHttpRequest(XHR)更簡單,更容易使用... [更多...]

Tags:

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

使用Babel與Webpack轉換JavaScript程式碼

by vivid 23. 一月 2019 03:14
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N190120302 出刊日期: 2019/1/23 在這篇文章中,將要介紹如何在ASP.NET網站應用程式之中,使用Babel編譯JavaScript程式碼,以及利用Webpack來打包JavaScript到生產環境(Production)。 要開始之前,我們心回顧一下在Javaccript之中使用模組(Module)的好處: 1. 程式碼易於維護。可以將程式封裝在一起,不易被其它程式所影響。 2. 提供程式私有範圍。將變數與函式包裝在一個私有範圍(Priva... [更多...]

Tags:

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

在Node.Js存取SQL Server資料庫

by vivid 27. 六月 2018 10:53
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N180619602 出刊日期: 2018/6/27 這篇文章主要介紹如何在Node.js中撰寫程式碼,連結到微軟SQL Server / SQL Server Express資料庫,並執行資料查詢的作業。本篇文章將從建立Node.js專案開始,並利用Visual Studio Code進行開發。 要進行程式設計之前,你要先確保開發環境正確安裝了以下軟體: · Node.js:下載網址為:「https://nodejs.org/en/」。 · Visual Stu... [更多...]

Tags:

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

使用jsGrid

by vivid 13. 六月 2018 11:59
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N180619601 出刊日期: 2018/6/13 本文將介紹如何在MVC 5的專案之中,整合「jsGrid」以表格的方式呈現從資料庫取回的資料,並且能夠根據不同欄位排序、設計資料分頁等功能。 「jsGrid」是一個前端的輕量Grid jQuery Plugin,以「jQuery」為基礎,支援表格資料的排序、分頁、新增、篩選、編輯、刪除等功能,詳細功能說明可以參考以下官網:「http://guriddo.net」。「jsGrid」是使用MIT授權條款的自由軟體... [更多...]

Tags:

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

NET Magazine國際中文電子雜誌

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

月分類Month List