整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
1）定義n初始值0,
<script>
Vue.config.productionTip = false
const vm = new Vue({
el: "#app",
data: {
"n": 0
},
methods: {},
computed: {},
})
</script>（2）定義自加按鈕，展示n的值，和判斷結果
<p><a class="btn btn-block btn-primary" @click="n++">自加</a></p>
<h2>n == {{n}}</h2>
<h3 v-text="n == 1"></h3><h1 style="color: red">使用v-show進行條件渲染</h1>
<h3 v-show="n == 1">使用v-show進行條件渲染</h3><h1 style="color: red">使用v-if進行條件渲染</h1>
<h3 v-if="n == 1">使用v-if進行條件渲染</h3><h1 style="color: red">使用if else-if else進行條件渲染 </h1>
<h3 v-if="n === 1">使用v-if進行條件渲染 if else-if - v-if="n === 1"</h3>
<h3 v-else-if="n == 2">使用v-if進行條件渲染 if else-if - v-else-if="n == 2"</h3>
<h3 v-else-if="n == 3">使用v-if進行條件渲染 if else-if - v-else-if="n == 3"</h3>
<h3 v-else>使用v-if進行條件渲染 if else-if - v-else</h3><h1 style="color: red">使用template v-if進行條件渲染 </h1>
<template v-if="n == 1">
<h3>使用v-if進行條件渲染 - template v-if="n == 1"</h3>
<h3>使用v-if進行條件渲染 - template v-if="n == 1"</h3>
<h3>使用v-if進行條件渲染 - template v-if="n == 1"</h3>
</template>執行結果
筆記分享
<pre v-show="true">
條件渲染：
1、v-if
寫法：
（1）v-if = "表達式"
（2）v-else-if = "表達式"
（3）v-else = "表達式"
適用于：切換頻率較低的場景
特點：不展示的DOM元素將被直接刪除
注意：v-if和v-else-if、v-else一起使用的時候，要求結構不可以被打斷
2、v-show
寫法：v-show = "表達式"
適用于：切換頻率較高的場景
特點：不展示的DOM元素未被移除，使用樣式進行隱藏
3、備注
使用v-if時，元素可能無法獲取到，使用v-show是可獲取到的
4、使用template v-if
寫的時候template對內容進行了包裹，
等最終頁面渲染的時候，將把template標簽刪掉，
這也就是說不破壞原來的樣式。
但是template只能配合v-if進行使用。
</pre>源碼截圖
首先，HTML是“超文本標記語言”的縮寫。這聽起來可能有點嚇人，但這僅僅意味著它是一種用普通文本描述網頁的語言。HTML不是一種復雜的編程語言。
每個網頁實際上都是一個HTML文件。每個HTML文件只是一個純文本文件，但擴展名為.HTML而不是.txt，由許多HTML標記和網頁內容組成。
一個網站通常包含許多互相鏈接的html文件。你可以用任何你喜歡的編輯器來編輯HTML文件。
HTML標記是網頁中隱藏的關鍵字，用于定義web瀏覽器必須如何格式化和顯示內容。
大多數標簽必須有兩個部分，一個開始部分和一個結束部分。例如，<html>是開始標記，</html>是結束標記。請注意，結束標記與開始標記具有相同的文本，但有一個附加的正斜杠（/）字符，稱為“結束”或“關閉”字符。
有些標記是例外，并且不需要結束標記，如用于顯示圖像的<img>標記就是一個例子。
每個HTML文件都必須存在一些有效的必要標記，這樣web瀏覽器才能理解并正確顯示該文件。
HTML文件的其余部分可以包含或多或少的標記，用來展現內容。
屬性允許你自定義標記的行為，在開始標記中定義，例如：
<img src="image1.jpg">或<p align="center">...</p>
屬性通常使用等號分配一個值，例如border="0"或width="50%"，但是有些屬性只需要在標記中聲明如下：<hr noshade>。
大多數標記的屬性都是可選的，僅當您要更改瀏覽器顯示標記的默認方式時才使用。但是，有些標記（如<img>標記）具有src和alt等必需的屬性，這些屬性是瀏覽器正確顯示網頁所必需的。
下面是一個基本的html文檔，包含所有必需的標記。
瀏覽器顯示內容如下所示：
、跳出新頁面：
<basetarget=”_blank”>target="_self"不跳轉
<form action="xxx.htm" target="_blank">form表單提交的跳轉設置
2、點擊按鈕跳出別的頁面添加
<a href="#" onclick="openZoosUrl();return false;">
onclick="return false"
3、display:block;塊級元素，也就是說它可以設置一些寬高，獨占一行，比如，div元素，p元素等display:inline-block,行級元素，也就說它可以使得同樣設置成行級元素的元素一起在一行，然后可以設置寬高，這個適應于制作一個導航菜單，將每個菜單項設置成行級元素。它的寬和高默認是內容的寬和高,典型的元素是表單類的元素。dispaly:inline.行級元素，不可設置寬和高，默認寬高是內容的寬和高，典型的比如，span,
4、html鼠標小手：
cursor:pointer;
5、html背景圖屬性：
background-size:100%;，但是你的圖片寬度，高度要設置成100% ，要注意的是.php的文件里面這個background-image:url();不好用，失效，你要使用網站的絕對路徑background:url('/20151106/404/image/404.png') no-repeat 4px 5px;}background:url("11111.jpg");background-repeat:no-repeat;background-size:100%;width:100%;height:100%;
這個是給頁面加背景的body{padding: 0px;margin: 0px;background-color:#494949;width:100%;height:100%;}.
還有在設置背景圖片的時候可以使用背景background-image:url("");這個屬性來設置背景，但是圖片要用gif的格式
6、按輸出方式來顯示文本格式:<pre></pre>橫線:<hr /><q></q>雙引號標簽下劃線<ins></ins>
7、html---position/relative/absolute/fixed/三種布局定位方式的總結relative是按照自身來說，absolute是按照瀏覽器來說，但是要注意的是，如果他有父級元素的話，那么他就是依照父級元素來進行改變位置的。
8、無序列表去掉前面黑點li{list-style:none;}
9、隱藏元素 - display:none或visibility:hidden
display-這個元素，設置之后原本的元素不會占用當前的空間，不會影響布局，但是后者，隱藏之后還會占用空間
10、HTML隱藏多余
Div{overflow:hidden}
10、隱藏自適應：overflow:auto;
11、關于框架的問題
這個是接受你要顯示頁面
indx.php是框架顯示的頁面，最上面，也就是沒按鍵顯示
<iframe src="index.php" style="width:100%;height:100%;border:none " name="main"></iframe>
這個是你點擊之后想在哪顯示后面加：target=""
<a href='../admin/shopclass/add.php' target="main">添加分類</a>
12、關于背景的高的問題，也就是說你定義了一個div但是沒有搞，是為了讓你的圖片在上面。那么就有這個屬性了
overflow:hidden;
也就是你本身是屬于父級元素的，但是你float就脫離了文本，變成浮動的，所有就不會在用父子元素的空間，所以就父級加上這個overflow:hidden;
13、錨點的設置
在你想跳轉的頁面的地方加上：<a name="miao">
然后在你想加鏈接的地方加上<a href="#miao">去找錨點</a>
14.點擊換驗證碼圖片
<img src="../public/common/yzm.php" alt="" style="cursor:pointer" onclick="this.src='../public/common/yzm.php?rand='+Math.random()">
15、圓角
border-radius:5px;
16、textarea的左側文字在最左邊
style="vertical-align:top"
17、html塊狀元素和內聯元素的總結，塊狀元素可以設置margin，但是使用margin的時候要符合：1.塊狀元素，2.有寬高，其中內聯元素不能設置margin和寬高的屬性，只能設置padding
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
