PIXNET Logo登入

Bug倉庫 // 程式日記

跳到主文

Bug倉庫 // 程式日記已經搬家到 https://bugswarehouse.blogspot.tw/ 了喔

部落格全站分類：數位生活

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 9月 12 週二 201718:34

  • v-on，設定按鈕的click事件，簡寫法，事件物件的屬性（其他事件如mouseover和keypress同理）


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
</head>
<body>
<div id="app">
<button v-on:click='toggleView'>登入或登出</button>
<div v-if="login">你登入囉</div>
<div v-if='!login'>你登出囉</div>
</div>
<script type="text/javascript">
var vm = new Vue({
el: "#app",
data:{
login:false
},
methods:{
toggleView:function(value){
this.login ^= true;
}
}
})
</script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：Vue.js
▲top
  • 9月 12 週二 201718:34

  • v-on，設定按鈕的click事件，簡寫法，事件物件的屬性（其他事件如mouseover和keypress同理）


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
</head>
<body>
<div id="app">
<button v-on:click='toggleView'>登入或登出</button>
<div v-if="login">你登入囉</div>
<div v-if='!login'>你登出囉</div>
</div>
<script type="text/javascript">
var vm = new Vue({
el: "#app",
data:{
login:false
},
methods:{
toggleView:function(value){
this.login ^= true;
}
}
})
</script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(14)

  • 個人分類：Vue.js
▲top
  • 9月 12 週二 201718:12

  • component，製作可重複使用的模板


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
</head>
<body>
<div id="app">
<cars></cars>
<moto></moto>
</div>
<script type="text/javascript">
Vue.component('moto',{
template:'<div>有最新的機車喔</div>'
});
var vm = new Vue({
el: "#app",
components:{
'cars':{
template:'<div>新車快訊</div>'
}
}
})
</script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(181)

  • 個人分類：Vue.js
▲top
  • 9月 12 週二 201718:12

  • component，製作可重複使用的模板


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
</head>
<body>
<div id="app">
<cars></cars>
<moto></moto>
</div>
<script type="text/javascript">
Vue.component('moto',{
template:'<div>有最新的機車喔</div>'
});
var vm = new Vue({
el: "#app",
components:{
'cars':{
template:'<div>新車快訊</div>'
}
}
})
</script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：Vue.js
▲top
  • 9月 12 週二 201718:01

  • v-if、v-else、v-show、v-text、v-html，做出登入登出顯示不同字樣


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
</head>
<body>
<div id="app">
<div v-text='message'></div>
<div v-html='message'></div>
<div v-if='login'>你登入囉</div>
<div v-else='login'>你登出囉</div>
<div v-show='login'>你登入囉</div>
<!-- 如果是false，if是不見，show是display none -->
<input type="checkbox" v-model="login">切換登入登出
</div>
<script type="text/javascript">
var vm = new Vue({
el: "#app",
data:{
message:'hello<br>world',
login:true
}
});
</script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(70)

  • 個人分類：Vue.js
▲top
  • 9月 12 週二 201718:01

  • v-if、v-else、v-show、v-text、v-html，做出登入登出顯示不同字樣


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
</head>
<body>
<div id="app">
<div v-text='message'></div>
<div v-html='message'></div>
<div v-if='login'>你登入囉</div>
<div v-else='login'>你登出囉</div>
<div v-show='login'>你登入囉</div>
<!-- 如果是false，if是不見，show是display none -->
<input type="checkbox" v-model="login">切換登入登出
</div>
<script type="text/javascript">
var vm = new Vue({
el: "#app",
data:{
message:'hello<br>world',
login:true
}
});
</script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：Vue.js
▲top
  • 9月 12 週二 201717:35

  • 使用computed，做一個計算總數的方法、一個計算總計的方法


<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="app">
<div class="container">
<div class="row">
<div class="col-sm-8">
<h1>products</h1>
<input type="text" v-model="search">
<div v-for='product in products | filterBy search in "name"' class="col-md-12">{{product.name | capitalize}}
<ul>
<li v-for='opts in product.options'>{{opts.details}}{{opts.price | currency}}</li>
</ul>
</div>
</div>
<div class="col-sm-4">
<h1>shopping cart</h1>
<div class="row" v-for='product in shopping_cart'>
<div class="col-xs-12 col-sm-4">
{{product.quantity}} @ {{product.price | currency}}
</div>
<div class="col-xs-12 col-sm-5">
{{product.listitem}}
</div>
<div class="col-xs-12 col-sm-3 text-right">
<small>{{product | subvalue | currency}}</small>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-4">count:{{count}}</div>
<div class="col-xs-12 col-sm-8">total:{{total | currency}}</div>
</div>
</div>
</div>
</div>
<!-- <pre>{{$data | json}}</pre> -->
</div>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
var inventory=[
{
name:'Usb stick',
options:[{
id:1,
details:'16GB',
price:6.95
},{
id:2,
details:'32GB',
price:12.95
},{
id:3,
details:'64GB',
price:25.95
}]
},{
name:'Usb plug',
options:[{
id:4,
details:'3ft cable',
price:4.35
}]
},{
name:'small phone',
options:[{
id:5,
details:'nokia phone',
price:4.35
}]
},{
name:'camera',
options:[{
id:6,
details:'blue camaera',
price:76.50
},{
id:7,
details:'red camaera',
price:76.50
},{
id:8,
details:'yellow camaera',
price:76.50
},{
id:9,
details:'purple camaera',
price:76.50
}]
}
];
var incart=[
{
price:100,
listitem:'some product',
quantity:4,
id:1
},{
price:10,
listitem:'some other product',
quantity:2,
id:2
}
];
Vue.filter('subvalue',function(value){
return value.price * value.quantity;
});
var vm=new Vue({
el:'#app',
data:{
products:inventory,
shopping_cart:incart,
subtotal:0,
search:'',
order:1
},
computed:{
count:function(){
var iteminCart=0;
for (var i in this.shopping_cart) {
iteminCart += parseInt(this.shopping_cart[i].quantity);
}
return iteminCart;
},
total:function(){
var totalinCart=0;
for (var i in this.shopping_cart) {
var attr = this.shopping_cart[i];
totalinCart += parseInt(attr.quantity*attr.price);
}
return totalinCart;
}
}
});
Vue.config.devtools = true;
</script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(9)

  • 個人分類：Vue.js
▲top
  • 9月 12 週二 201717:35

  • 使用computed，做一個計算總數的方法、一個計算總計的方法


<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="app">
<div class="container">
<div class="row">
<div class="col-sm-8">
<h1>products</h1>
<input type="text" v-model="search">
<div v-for='product in products | filterBy search in "name"' class="col-md-12">{{product.name | capitalize}}
<ul>
<li v-for='opts in product.options'>{{opts.details}}{{opts.price | currency}}</li>
</ul>
</div>
</div>
<div class="col-sm-4">
<h1>shopping cart</h1>
<div class="row" v-for='product in shopping_cart'>
<div class="col-xs-12 col-sm-4">
{{product.quantity}} @ {{product.price | currency}}
</div>
<div class="col-xs-12 col-sm-5">
{{product.listitem}}
</div>
<div class="col-xs-12 col-sm-3 text-right">
<small>{{product | subvalue | currency}}</small>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-4">count:{{count}}</div>
<div class="col-xs-12 col-sm-8">total:{{total | currency}}</div>
</div>
</div>
</div>
</div>
<!-- <pre>{{$data | json}}</pre> -->
</div>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
var inventory=[
{
name:'Usb stick',
options:[{
id:1,
details:'16GB',
price:6.95
},{
id:2,
details:'32GB',
price:12.95
},{
id:3,
details:'64GB',
price:25.95
}]
},{
name:'Usb plug',
options:[{
id:4,
details:'3ft cable',
price:4.35
}]
},{
name:'small phone',
options:[{
id:5,
details:'nokia phone',
price:4.35
}]
},{
name:'camera',
options:[{
id:6,
details:'blue camaera',
price:76.50
},{
id:7,
details:'red camaera',
price:76.50
},{
id:8,
details:'yellow camaera',
price:76.50
},{
id:9,
details:'purple camaera',
price:76.50
}]
}
];
var incart=[
{
price:100,
listitem:'some product',
quantity:4,
id:1
},{
price:10,
listitem:'some other product',
quantity:2,
id:2
}
];
Vue.filter('subvalue',function(value){
return value.price * value.quantity;
});
var vm=new Vue({
el:'#app',
data:{
products:inventory,
shopping_cart:incart,
subtotal:0,
search:'',
order:1
},
computed:{
count:function(){
var iteminCart=0;
for (var i in this.shopping_cart) {
iteminCart += parseInt(this.shopping_cart[i].quantity);
}
return iteminCart;
},
total:function(){
var totalinCart=0;
for (var i in this.shopping_cart) {
var attr = this.shopping_cart[i];
totalinCart += parseInt(attr.quantity*attr.price);
}
return totalinCart;
}
}
});
Vue.config.devtools = true;
</script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：Vue.js
▲top
  • 9月 12 週二 201717:19

  • 使用filter方法，計算小計，豎線後直接放自己做的filter


<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="app">
<div class="container">
<div class="row">
<div class="col-sm-8">
<h1>products</h1>
<input type="text" v-model="search">
<div v-for='product in products | filterBy search in "name"' class="col-md-12">{{product.name | capitalize}}
<ul>
<li v-for='opts in product.options'>{{opts.details}}{{opts.price | currency}}</li>
</ul>
</div>
</div>
<div class="col-sm-4">
<h1>shopping cart</h1>
<div class="row" v-for='product in shopping_cart'>
<div class="col-xs-12 col-sm-4">
{{product.quantity}} @ {{product.price | currency}}
</div>
<div class="col-xs-12 col-sm-5">
{{product.listitem}}
</div>
<div class="col-xs-12 col-sm-3 text-right">
<small>{{product | subvalue | currency}}</small>
</div>
</div>
</div>
</div>
</div>
<!-- <pre>{{$data | json}}</pre> -->
</div>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
var inventory=[
{
name:'Usb stick',
options:[{
id:1,
details:'16GB',
price:6.95
},{
id:2,
details:'32GB',
price:12.95
},{
id:3,
details:'64GB',
price:25.95
}]
},{
name:'Usb plug',
options:[{
id:4,
details:'3ft cable',
price:4.35
}]
},{
name:'small phone',
options:[{
id:5,
details:'nokia phone',
price:4.35
}]
},{
name:'camera',
options:[{
id:6,
details:'blue camaera',
price:76.50
},{
id:7,
details:'red camaera',
price:76.50
},{
id:8,
details:'yellow camaera',
price:76.50
},{
id:9,
details:'purple camaera',
price:76.50
}]
}
];
var incart=[
{
price:100,
listitem:'some product',
quantity:4,
id:1
},{
price:10,
listitem:'some other product',
quantity:2,
id:2
}
];
Vue.filter('subvalue',function(value){
return value.price * value.quantity;
});
var vm=new Vue({
el:'#app',
data:{
products:inventory,
shopping_cart:incart,
subtotal:0,
search:'',
order:1
}
});
Vue.config.devtools = true;
</script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(12)

  • 個人分類：Vue.js
▲top
  • 9月 12 週二 201717:19

  • 使用filter方法，計算小計，豎線後直接放自己做的filter


<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="app">
<div class="container">
<div class="row">
<div class="col-sm-8">
<h1>products</h1>
<input type="text" v-model="search">
<div v-for='product in products | filterBy search in "name"' class="col-md-12">{{product.name | capitalize}}
<ul>
<li v-for='opts in product.options'>{{opts.details}}{{opts.price | currency}}</li>
</ul>
</div>
</div>
<div class="col-sm-4">
<h1>shopping cart</h1>
<div class="row" v-for='product in shopping_cart'>
<div class="col-xs-12 col-sm-4">
{{product.quantity}} @ {{product.price | currency}}
</div>
<div class="col-xs-12 col-sm-5">
{{product.listitem}}
</div>
<div class="col-xs-12 col-sm-3 text-right">
<small>{{product | subvalue | currency}}</small>
</div>
</div>
</div>
</div>
</div>
<!-- <pre>{{$data | json}}</pre> -->
</div>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
var inventory=[
{
name:'Usb stick',
options:[{
id:1,
details:'16GB',
price:6.95
},{
id:2,
details:'32GB',
price:12.95
},{
id:3,
details:'64GB',
price:25.95
}]
},{
name:'Usb plug',
options:[{
id:4,
details:'3ft cable',
price:4.35
}]
},{
name:'small phone',
options:[{
id:5,
details:'nokia phone',
price:4.35
}]
},{
name:'camera',
options:[{
id:6,
details:'blue camaera',
price:76.50
},{
id:7,
details:'red camaera',
price:76.50
},{
id:8,
details:'yellow camaera',
price:76.50
},{
id:9,
details:'purple camaera',
price:76.50
}]
}
];
var incart=[
{
price:100,
listitem:'some product',
quantity:4,
id:1
},{
price:10,
listitem:'some other product',
quantity:2,
id:2
}
];
Vue.filter('subvalue',function(value){
return value.price * value.quantity;
});
var vm=new Vue({
el:'#app',
data:{
products:inventory,
shopping_cart:incart,
subtotal:0,
search:'',
order:1
}
});
Vue.config.devtools = true;
</script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：Vue.js
▲top
«1...18192037»

文章搜尋

文章搜尋

文章分類

toggle 伺服器架設 (1)
  • AWS (2)
toggle 伺服器架設 (1)
  • AWS (2)
toggle 前端框架 (2)
  • Vue.js (26)
  • Angular.js (2)
toggle 前端框架 (2)
  • Vue.js (26)
  • Angular.js (2)
toggle HTML與開發工具 (2)
  • HTML (2)
  • 開發工具相關 (8)
toggle HTML與開發工具 (2)
  • HTML (2)
  • 開發工具相關 (8)
toggle CSS與framework (4)
  • CSS (9)
  • Bootstrap (26)
  • CSS插件 (1)
  • CSS工具 (3)
toggle CSS與framework (4)
  • CSS (9)
  • Bootstrap (26)
  • CSS插件 (1)
  • CSS工具 (3)
toggle JS與函式庫 (3)
  • js套件 (1)
  • jQuery (28)
  • Javascript (46)
toggle JS與函式庫 (3)
  • js套件 (1)
  • jQuery (28)
  • Javascript (46)
toggle 後端框架 (1)
  • Laravel (26)
toggle 後端框架 (1)
  • Laravel (26)
  • 自學資源 (1)
  • 自學資源 (1)
  • 未分類文章 (1)

文章分類

toggle 伺服器架設 (1)
  • AWS (2)
toggle 伺服器架設 (1)
  • AWS (2)
toggle 前端框架 (2)
  • Vue.js (26)
  • Angular.js (2)
toggle 前端框架 (2)
  • Vue.js (26)
  • Angular.js (2)
toggle HTML與開發工具 (2)
  • HTML (2)
  • 開發工具相關 (8)
toggle HTML與開發工具 (2)
  • HTML (2)
  • 開發工具相關 (8)
toggle CSS與framework (4)
  • CSS (9)
  • Bootstrap (26)
  • CSS插件 (1)
  • CSS工具 (3)
toggle CSS與framework (4)
  • CSS (9)
  • Bootstrap (26)
  • CSS插件 (1)
  • CSS工具 (3)
toggle JS與函式庫 (3)
  • js套件 (1)
  • jQuery (28)
  • Javascript (46)
toggle JS與函式庫 (3)
  • js套件 (1)
  • jQuery (28)
  • Javascript (46)
toggle 後端框架 (1)
  • Laravel (26)
toggle 後端框架 (1)
  • Laravel (26)
  • 自學資源 (1)
  • 自學資源 (1)
  • 未分類文章 (1)

最新文章

  • 部落格搬家囉！ 網址：https://bugswarehouse.blogspot.tw/
  • 部落格搬家囉！ 網址：https://bugswarehouse.blogspot.tw/
  • 用vue寫出：有頁碼表格，可排序，搜尋，限制出現之資料
  • 用vue寫出：有頁碼表格，可排序，搜尋，限制出現之資料
  • 使用laravel內建的vue componet
  • 使用laravel內建的vue componet
  • Vuetify
  • Vuetify
  • VS code安裝後相關
  • VS code安裝後相關

最新文章

  • 部落格搬家囉！ 網址：https://bugswarehouse.blogspot.tw/
  • 部落格搬家囉！ 網址：https://bugswarehouse.blogspot.tw/
  • 用vue寫出：有頁碼表格，可排序，搜尋，限制出現之資料
  • 用vue寫出：有頁碼表格，可排序，搜尋，限制出現之資料
  • 使用laravel內建的vue componet
  • 使用laravel內建的vue componet
  • Vuetify
  • Vuetify
  • VS code安裝後相關
  • VS code安裝後相關

個人資訊

Jerry
暱稱：
Jerry
分類：
數位生活
好友：
累積中
地區：

個人資訊

Jerry
暱稱：
Jerry
分類：
數位生活
好友：
累積中
地區：

文章精選

文章精選

熱門文章

  • (1,572)用vue寫購物車（小計、總計、數量計算）
  • (473)用js寫一個時鐘，用Date物件
  • (387)Autoprefixer CSS 自動加前綴工具（以符合各瀏覽器）
  • (43)過濾器，排列方式依據名稱字首，1與-1切換升冪與降冪
  • (42)createElement、createTextNode、appendChild，動態新增元素組合技
  • (12)Laravel，view視圖
  • (8)面試會考：寫出5的倍數的乘法表
  • (7)counter-increment與counter-rest，文章分段可用
  • (6)childNode和nodeValue，我的html是一棵樹，啊哩啊紮都是節點
  • (2)on綁定傳入四個參數，事件物件的type和data.自定義

熱門文章

  • (1,572)用vue寫購物車（小計、總計、數量計算）
  • (473)用js寫一個時鐘，用Date物件
  • (387)Autoprefixer CSS 自動加前綴工具（以符合各瀏覽器）
  • (43)過濾器，排列方式依據名稱字首，1與-1切換升冪與降冪
  • (42)createElement、createTextNode、appendChild，動態新增元素組合技
  • (12)Laravel，view視圖
  • (8)面試會考：寫出5的倍數的乘法表
  • (7)counter-increment與counter-rest，文章分段可用
  • (6)childNode和nodeValue，我的html是一棵樹，啊哩啊紮都是節點
  • (2)on綁定傳入四個參數，事件物件的type和data.自定義

最新留言

    最新留言

      動態訂閱

      動態訂閱

      誰來我家

      誰來我家

      參觀人氣

      • 本日人氣：
      • 累積人氣：

      參觀人氣

      • 本日人氣：
      • 累積人氣：