原创 Vue的學習之路三:this

<body> <div id="app"> <input type="button" value="浪起來" @click="lang" /> <input type="button" value=

原创 Vue的學習之路一:MVVC

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=dev

原创 Vue的學習之路十四:按鍵修飾符

<input type="text" class="form-control" v-model="name" @keyup.enter="add"/> 綁定鍵盤事件,按下回車後觸發 add 函數 爲了在必要的情況下支持舊瀏覽器

原创 Vue的學習之路十二:過濾器

<body> <div id="app"> <p>{{ msg | msgFormat('瘋狂', '123') | test }}</p> </div> <div id="app2">

原创 MySQL必知必會八:用通配符進行過濾

8.1 LIKE操作符 通配符(wildcard):用來匹配值的一部分的特殊字符。 搜索模式(search pattern):由字面值、通配符或兩者組合構成的搜索條件 爲在搜索子句中使用通配符,必須使用LIKE操作符。 LIKE指

原创 Vue的學習之路十六:自定義私有指令

var vm = new Vue({ el: '#app', data: { id: '', name: '', keywords: '', list: [ { id: 1, n

原创 Vue的學習之路十:v-for中key的應用

<body> <div id="app"> <label for="">Id: <input type="text" v-model="id"> </label> <l

原创 MySQL必知必會一:瞭解SQL

1.1 數據庫基礎 1.1.1 什麼是數據庫 數據庫(database)保存有組織的數據的容器(通常是一個文 件或一組文件)。 誤用導致混淆 人們通常用數據庫這個術語來代表他們使用的數據庫軟件。這是不正確的,它是引起混淆的根源。

原创 MySQL必知必會四:檢索數據

4.1 SELECT語句 SELECT:用途是從一個或多個表中檢索信息。爲了使用SELECT檢索表數據,必須至少給出兩條信息——想選擇什麼,以及從什麼地方選擇。 4.2 檢索單個列 mysql> SELECT prod_name

原创 Vue的學習之路十三:品牌列表案例實戰

<body> <div id="app"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="

原创 Vue的學習之路十五:自定義全局指令

// 注意:Vue中所有的指令,在調用的時候,都以 v- 開頭 // 使用 Vue.directive() 定義全局的指令 // 其中參數1:指令的名稱,注意,在定義的時候,指令的名稱前面,不需要加 v- 前綴, // 但是在調用

原创 Vue的學習之路八:v-bind綁定style樣式

<body> <div id="app"> <!-- 對象是無序鍵值對的集合 --> <h1 :style="styleObj1">這是一個h1</h1> <h1 :style="[s

原创 Vue的學習之路六:使用v-model製作簡易計算器

<body> <div id="app"> <input type="text" name="" id="" v-model="n1" /> <select name="" id="" v-mo

原创 MySQL必知必會九:用正則表達式進行搜索

1. 基本字符匹配 我們從一個非常簡單的例子開始。下面的語句檢索列prod_name包含文本1000的所有行: mysql> SELECT prod_name FROM products WHERE prod_name REGEX

原创 MySQL必知必會五:排序檢索數據

5.1 排序數據 子句(clause) SQL語句由子句構成,有些子句是必需的,而有的是可選的。一個子句通常由一個關鍵字和所提供的數據組成。 mysql> SELECT prod_name FROM products ORDER