PIXNET Logo登入

Bug倉庫 // 程式日記

跳到主文

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

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

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 9月 23 週六 201700:52

  • bootstrap交錯式排版（圖文+文圖+圖文+文圖）


<!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">
<!--[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 class="product-item">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="pic">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/00a/FFF/?text=A">
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="txt">
<h2>民間裡面電池女友她的</h2>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
</div>
</div>
</div>
</div>
</div>
<div class="product-item">
<div class="container">
<div class="row">
<!-- left:50% -->
<div class="col-xs-12 col-sm-6 col-sm-push-6">
<div class="pic">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/0a0/FFF/?text=B">
</div>
</div> <!-- right:50% -->
<div class="col-xs-12 col-sm-6 col-sm-pull-6">
<div class="txt">
<h2>不願意夫妻絶對體制本</h2>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
</div>
</div>
</div>
</div>
</div>
<div class="product-item">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="pic">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/a00/FFF/?text=C">
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="txt">
<h2>不管下去字幕那就工作</h2>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
</div>
</div>
</div>
</div>
</div>
<div class="product-item">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-sm-push-6">
<div class="pic">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/00a/FFF/?text=D">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-sm-pull-6">
<div class="txt">
<h2>規模高校之下這個問題</h2>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
</div>
</div>
</div>
</div>
</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>
</body>
</html>
(繼續閱讀...)
文章標籤

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

  • 個人分類：Bootstrap
▲top
  • 9月 23 週六 201700:52

  • bootstrap交錯式排版（圖文+文圖+圖文+文圖）


<!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">
<!--[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 class="product-item">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="pic">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/00a/FFF/?text=A">
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="txt">
<h2>民間裡面電池女友她的</h2>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
</div>
</div>
</div>
</div>
</div>
<div class="product-item">
<div class="container">
<div class="row">
<!-- left:50% -->
<div class="col-xs-12 col-sm-6 col-sm-push-6">
<div class="pic">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/0a0/FFF/?text=B">
</div>
</div> <!-- right:50% -->
<div class="col-xs-12 col-sm-6 col-sm-pull-6">
<div class="txt">
<h2>不願意夫妻絶對體制本</h2>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
</div>
</div>
</div>
</div>
</div>
<div class="product-item">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="pic">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/a00/FFF/?text=C">
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="txt">
<h2>不管下去字幕那就工作</h2>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
</div>
</div>
</div>
</div>
</div>
<div class="product-item">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-sm-push-6">
<div class="pic">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/00a/FFF/?text=D">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-sm-pull-6">
<div class="txt">
<h2>規模高校之下這個問題</h2>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
<p>五年醫生黑</p>
</div>
</div>
</div>
</div>
</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>
</body>
</html>
(繼續閱讀...)
文章標籤

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

  • 個人分類：Bootstrap
▲top
  • 9月 23 週六 201700:40

  • bootstrap五欄排版，122221


<!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">
<!--[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 class="container">
<div class="row">
<!-- 五欄排版應該是122221 -->
<!--768以上 992以上 多一個8.333%的margin-left-->
<div class="col-sm-5 col-md-2 col-md-offset-1">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/00a/FFF/?text=A">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto ducimus et vitae hic reprehenderit, esse quia aliquam, eius molestias iste!</p>
</div>
<div class="col-sm-5 col-md-2">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/0a0/FFF/?text=B">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed vel, blanditiis itaque fugit animi repellat harum natus molestiae dolorem magnam.</p>
</div>
<div class="col-sm-5 col-md-2">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/a00/FFF/?text=C">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt eius laborum, nulla ad consequuntur perferendis commodi voluptates ipsam architecto quod.</p>
</div>
<div class="col-sm-5 col-md-2 ">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/00a/FFF/?text=D">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum vitae magnam expedita repellendus nulla quae accusamus accusantium placeat eligendi autem?</p>
</div>
<div class="col-sm-5 col-md-2">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/0a0/FFF/?text=E">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi quae a, fugiat incidunt eaque omnis voluptate necessitatibus, aspernatur maiores nam.</p>
</div>
</div>
</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>
</body>
</html>
(繼續閱讀...)
文章標籤

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

  • 個人分類：Bootstrap
▲top
  • 9月 23 週六 201700:40

  • bootstrap五欄排版，122221


<!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">
<!--[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 class="container">
<div class="row">
<!-- 五欄排版應該是122221 -->
<!--768以上 992以上 多一個8.333%的margin-left-->
<div class="col-sm-5 col-md-2 col-md-offset-1">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/00a/FFF/?text=A">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto ducimus et vitae hic reprehenderit, esse quia aliquam, eius molestias iste!</p>
</div>
<div class="col-sm-5 col-md-2">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/0a0/FFF/?text=B">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed vel, blanditiis itaque fugit animi repellat harum natus molestiae dolorem magnam.</p>
</div>
<div class="col-sm-5 col-md-2">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/a00/FFF/?text=C">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt eius laborum, nulla ad consequuntur perferendis commodi voluptates ipsam architecto quod.</p>
</div>
<div class="col-sm-5 col-md-2 ">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/00a/FFF/?text=D">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum vitae magnam expedita repellendus nulla quae accusamus accusantium placeat eligendi autem?</p>
</div>
<div class="col-sm-5 col-md-2">
<img class="img-responsive" src="https://api.fnkr.net/testimg/500x500/0a0/FFF/?text=E">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi quae a, fugiat incidunt eaque omnis voluptate necessitatibus, aspernatur maiores nam.</p>
</div>
</div>
</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>
</body>
</html>
(繼續閱讀...)
文章標籤

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

  • 個人分類：Bootstrap
▲top
  • 9月 23 週六 201700:20

  • bootstrap板型66+66+66


<!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">
<!--[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]-->
<style type="text/css">
.item{
border: 1px solid #aaa;
text-align: center;
padding: 20px;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="item">
<img class="img-responsive center-block" src="https://api.fnkr.net/testimg/500x500/A00/FFF/?text=A">
<h2>標題</h2>
<p>內文</p>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="item">
<img class="img-responsive center-block" src="https://api.fnkr.net/testimg/500x500/0a0/FFF/?text=B">
<h2>標題</h2>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="item">
<img class="img-responsive center-block" src="https://api.fnkr.net/testimg/500x500/0a0/FFF/?text=B">
<h2>標題</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="item">
<img class="img-responsive center-block" src="https://api.fnkr.net/testimg/500x500/00a/FFF/?text=C">
<h2>標題</h2>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="item">
<img class="img-responsive center-block" src="https://api.fnkr.net/testimg/500x500/00a/FFF/?text=C">
<h2>標題</h2>
</div>
</div>
</div>
</div>
</div>
</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>
</body>
</html>
(繼續閱讀...)
文章標籤

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

  • 個人分類：Bootstrap
▲top
  • 9月 23 週六 201700:20

  • bootstrap板型66+66+66


<!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">
<!--[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]-->
<style type="text/css">
.item{
border: 1px solid #aaa;
text-align: center;
padding: 20px;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="item">
<img class="img-responsive center-block" src="https://api.fnkr.net/testimg/500x500/A00/FFF/?text=A">
<h2>標題</h2>
<p>內文</p>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="item">
<img class="img-responsive center-block" src="https://api.fnkr.net/testimg/500x500/0a0/FFF/?text=B">
<h2>標題</h2>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="item">
<img class="img-responsive center-block" src="https://api.fnkr.net/testimg/500x500/0a0/FFF/?text=B">
<h2>標題</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="item">
<img class="img-responsive center-block" src="https://api.fnkr.net/testimg/500x500/00a/FFF/?text=C">
<h2>標題</h2>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="item">
<img class="img-responsive center-block" src="https://api.fnkr.net/testimg/500x500/00a/FFF/?text=C">
<h2>標題</h2>
</div>
</div>
</div>
</div>
</div>
</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>
</body>
</html>
(繼續閱讀...)
文章標籤

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

  • 個人分類：Bootstrap
▲top
  • 9月 22 週五 201723:38

  • Package Control安裝


1.選擇第三代，複製程式碼
https://packagecontrol.io/installation
(繼續閱讀...)
文章標籤

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

  • 個人分類：開發工具相關
▲top
  • 9月 22 週五 201723:38

  • Package Control安裝


1.選擇第三代，複製程式碼
https://packagecontrol.io/installation
(繼續閱讀...)
文章標籤

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

  • 個人分類：開發工具相關
▲top
  • 9月 17 週日 201701:18

  • 使用變數存選取器，並與物件的屬性值連動，更改此變數時，物件屬性值跟著改變


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<style type="text/css">
span{
color:#a00;
}
</style>
</head>
<body>
<a href="https://api.fnkr.net/testimg/100x100/a00/FFF/?text=A"><img src="https://api.fnkr.net/testimg/100x100/a00/FFF/?text=A"></a>
<a href="https://api.fnkr.net/testimg/100x100/0a0/FFF/?text=B"><img src="https://api.fnkr.net/testimg/100x100/0a0/FFF/?text=B"></a>
<a href="https://api.fnkr.net/testimg/100x100/00a/FFF/?text=C"><img src="https://api.fnkr.net/testimg/100x100/00a/FFF/?text=C"></a>
<h2>cache[<span id="srcforindex"></span>].$img.attr('src')的值是<span id="src"></span></h2>
<script type="text/javascript">
var cache={};
$(document).on('click','a',function(e){
var $img;
var src = this.href;
e.preventDefault();
$img=$('<img/>');
cache[src]={
$img:$img,
isLoading:false
};
/*不用透過cache這個物件去定義，也可以影響到裡面的值*/
$img.attr({
'src':src
});
$('#srcforindex').text(src);
$('#src').text(cache[src].$img.attr('src'));
});
</script>
</body>
</html>
(繼續閱讀...)
文章標籤

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

  • 個人分類：jQuery
▲top
  • 9月 17 週日 201701:18

  • 使用變數存選取器，並與物件的屬性值連動，更改此變數時，物件屬性值跟著改變


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<style type="text/css">
span{
color:#a00;
}
</style>
</head>
<body>
<a href="https://api.fnkr.net/testimg/100x100/a00/FFF/?text=A"><img src="https://api.fnkr.net/testimg/100x100/a00/FFF/?text=A"></a>
<a href="https://api.fnkr.net/testimg/100x100/0a0/FFF/?text=B"><img src="https://api.fnkr.net/testimg/100x100/0a0/FFF/?text=B"></a>
<a href="https://api.fnkr.net/testimg/100x100/00a/FFF/?text=C"><img src="https://api.fnkr.net/testimg/100x100/00a/FFF/?text=C"></a>
<h2>cache[<span id="srcforindex"></span>].$img.attr('src')的值是<span id="src"></span></h2>
<script type="text/javascript">
var cache={};
$(document).on('click','a',function(e){
var $img;
var src = this.href;
e.preventDefault();
$img=$('<img/>');
cache[src]={
$img:$img,
isLoading:false
};
/*不用透過cache這個物件去定義，也可以影響到裡面的值*/
$img.attr({
'src':src
});
$('#srcforindex').text(src);
$('#src').text(cache[src].$img.attr('src'));
});
</script>
</body>
</html>
(繼續閱讀...)
文章標籤

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

  • 個人分類：jQuery
▲top
«1...10111237»

文章搜尋

文章搜尋

文章分類

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

熱門文章

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

最新留言

    最新留言

      動態訂閱

      動態訂閱

      誰來我家

      誰來我家

      參觀人氣

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

      參觀人氣

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