整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
TML，即超文本標(biāo)記語言(HyperText Markup Language)，是構(gòu)建網(wǎng)頁和網(wǎng)絡(luò)應(yīng)用的基石。自從它的誕生以來，HTML經(jīng)歷了多次迭代，每個版本都對Web開發(fā)的可能性進(jìn)行了擴展。以下是HTML發(fā)展歷程的概述，包括每個主要版本的變化和未來趨勢。
HTML的歷史可以追溯到1989年，當(dāng)時**蒂姆·伯納斯-李（Tim Berners-Lee）**在CERN（歐洲核子研究組織）提出了一個創(chuàng)新的想法，即創(chuàng)建一個互聯(lián)的信息系統(tǒng)，這個系統(tǒng)后來演變成了萬維網(wǎng)（World Wide Web）。HTML是這個系統(tǒng)的核心組成部分，它允許文檔通過超鏈接互相引用，形成一個信息網(wǎng)絡(luò)。
隨著Web技術(shù)的不斷發(fā)展，HTML也在不斷進(jìn)化。未來的HTML可能會包括：
HTML的歷史是Web技術(shù)發(fā)展的縮影。從簡單的文檔標(biāo)記到復(fù)雜的Web應(yīng)用平臺，HTML已經(jīng)成為現(xiàn)代互聯(lián)網(wǎng)不可或缺的一部分。隨著技術(shù)的進(jìn)步，我們可以期待HTML將繼續(xù)演進(jìn)，以滿足未來網(wǎng)絡(luò)世界的需求。
嘍，大家好，我是雷工。
今天學(xué)習(xí)JavaScript基礎(chǔ)知識的分支語句，以下為學(xué)習(xí)筆記。
○寫幾句就從上往下執(zhí)行幾句，這種叫做順序結(jié)構(gòu)；
○有時要根據(jù)條件選擇執(zhí)行代碼，這種叫分支結(jié)構(gòu)；
○某段代碼被重復(fù)執(zhí)行，就叫循環(huán)結(jié)構(gòu)；
○分支語句可以讓我們有選擇性的執(zhí)行想要執(zhí)行的代碼
○分支語句包含：
→ if分支語句
→ 三元運算符
→ switch語句
2.1、if分支語句
● if語句有三種使用：單分支、雙分支、多分支
● 單條件分支語句：程序如果執(zhí)行的時候，如果條件成立就執(zhí)行某一行代碼，如果條件不成立則執(zhí)行其他代碼
使用語法：
if(條件)
{
滿足條件要執(zhí)行的代碼
}? 小括號內(nèi)的條件為true時，進(jìn)入大括號里執(zhí)行代碼。
? 小括號內(nèi)的結(jié)果若不是布爾類型時，會發(fā)生隱式轉(zhuǎn)換轉(zhuǎn)換為布爾類型。
? 如果大括號內(nèi)只有一個語句，大括號可以省略，但是，一般不提倡這么做~
● 雙分支if語法：
if(條件)
{
滿足條件要執(zhí)行的代碼
}
else
{
不滿足條件時要執(zhí)行的代碼
}語法解釋：
1>程序先判斷if中的條件是否成立（true），如果條件成立，則執(zhí)行if后面對應(yīng)的代碼，else中的代碼不會執(zhí)行。
2>如果if中的條件不成立（False），程序只執(zhí)行else后{}中的代碼，if后{}內(nèi)的代碼不會執(zhí)行。
● 多條件分支語句if：
應(yīng)用場景：當(dāng)有多個結(jié)果的時候，比如學(xué)習(xí)成績可以分為：優(yōu)秀、良好、及格、不及格四個選項。
語法：
if(條件1)
{
滿足條件1要執(zhí)行的代碼1
}
else if(條件2)
{
滿足條件2要執(zhí)行的代碼2
}
else if(條件3)
{
滿足條件3要執(zhí)行的代碼3
}
else
{
以上條件均不滿足時執(zhí)行代碼n
}語法說明：
? 先判斷條件1，若滿足條件1就執(zhí)行代碼1，其他代碼統(tǒng)統(tǒng)不執(zhí)行；
? 若不滿足則按順序向下判斷條件2，滿足條件2執(zhí)行代碼2，其他代碼不執(zhí)行；
? 若依然不滿足繼續(xù)往下判斷，依次類推 ；
? 若以上條件都不滿足，執(zhí)行else里的代碼n ；
? 注：可以根據(jù)實際需要寫N個條件，但這里演示只寫2個；
單條件分支語句和多條件分支語句總結(jié)：
a)不管是單條件分支語句，還是多條件分支語句，else都可以省略（前提else中沒有代碼）
b)條件分支語句，如果只有一行代碼，則{}可以省略。
例：if(3>0)alert("雷工筆記");
c)分支語句可以相互嵌套。
2.2、三元表達(dá)式
就是單條件分支語句的另外一種寫法
語法：
條件 ？ 代碼1 ： 代碼2；語法說明：
a)判斷條件的真假，如果為真，則執(zhí)行代碼1，后面的代碼2不執(zhí)行；
b)如果條件不成立，則執(zhí)行代碼2，前面的代碼1不執(zhí)行；
● 一般用來取值
2.3、switch分支語句
switch 分支語句就是多條件分支語句的另外一種寫法
語法：
switch(數(shù)據(jù)/變量)
{
case 值1：
代碼1；
break；
case 值2：
代碼2；
break；
case 值3：
代碼3；
break；
default：
代碼n；
break；
}釋義：
? 找到跟小括號里數(shù)據(jù)/變量全等的case值，并執(zhí)行里面對應(yīng)的代碼
? 若沒有全等 === 的則執(zhí)行 default里面的代碼
? 例：數(shù)據(jù)若跟值1全等，則執(zhí)行代碼1
注意事項：
1>. switch case語句一般用于等值判斷,不適合于區(qū)間判斷；
2>. switch case一般需要配合break關(guān)鍵字使用 沒有break會造成case穿透（default后面的break可以省略）；
3>.什么情況下使用switch語法？什么情況下使用多條件分支if語句？
a）在任何情況下都可以使用switch語句或者多條件分支語句；
b）如果變量的值是某些固定的值，推薦使用switch;
示例1：一年有12個月，1月-12月；
示例2：一年有4個季節(jié)，春，夏，秋，冬
c）如果變量的值是一個范圍，推薦使用if多分支語句
示例：
1，現(xiàn)在my-pro項目下，新建若干用于測試的分支。
git checkout master #將HEAD指向master分支
git branch testdel #在master分之下新建分支
git checkout testdel #將HEAD指向testdel分支
#在這里修改一下style.css，例如加一個背景色background:#d8d8d8
git commit css/style.css -m'just a test commit' #在testdel分之下執(zhí)行一個commit操作
git branch testagain
?
git checkout master
git branch anothertest
gitk --all #使用gitk可視化查看當(dāng)前分支狀況經(jīng)過多次分支新建及commit操作之后，我們的分支變成了如下圖的結(jié)構(gòu)：
2，使用git branch -d 【分支名稱】命令，刪除某個指定分支。
Yooye-2:my-pro yooye$ git branch -av #查看當(dāng)前分支狀態(tài)
anothertest dc7ecf7 let index.html link the style file
change-border-color 413552e change the box border-color
* master dc7ecf7 let index.html link the style file
testagain e1e471a just a test
testdel e1e471a just a test
Yooye-2:my-pro yooye$ git checkout master #進(jìn)入master分支
Switched to branch 'master'
Yooye-2:my-pro yooye$ git branch -d testagain #使用-d刪除某個分支
error: The branch 'testagain' is not fully merged.
If you are sure you want to delete it, run 'git branch -D testagain'. #提示我們使用-D進(jìn)行刪除
Yooye-2:my-pro yooye$ git branch -D testagain #使用-D再次嘗試刪除某個分支
Deleted branch testagain (was e1e471a). #刪除成功
Yooye-2:my-pro yooye$ gitk --all #查看刪除后的可視化分支狀態(tài)刪除testagain分之后的狀態(tài)如下：
3，當(dāng)我們使用git checkout在testdel與master分支間切換的時候，項目中的style.css等代碼文件，會隨之切換。如果刪除testdel分支，則在該分支下提交的所有commit操作記錄將全被移除。所以我們在刪除分支的之前一定要做版本確認(rèn)。
使用 git commit --amend命令，修改最近一次提交的commit的描述性文字。操作流程如下：
Yooye-2:my-pro yooye$ git checkout testdel #【1】進(jìn)入testdel分支
Switched to branch 'testdel'
?
Yooye-2:my-pro yooye$ git log -1 #【2】查看最近一次的提交記錄，注意這里是git log -[數(shù)字1]
commit e1e471a5945ab83673bc56055e3455e9fbec8e61 (HEAD -> testdel)
Author: 盧大濕 <dashi@vip.com>
Date: Fri Mar 1 10:26:49 2019 +0800
just a test # 【2-1】這是修改之前的描述文字
Yooye-2:my-pro yooye$ git commit --amend # 【3】執(zhí)行修改命令，進(jìn)入修改狀態(tài)，詳細(xì)操作看下面第【4】步
?
Yooye-2:my-pro yooye$ git log -1 #【5】查看確定是否修改成功
commit 1062fa43b85ad7111738d4eaee56436279768757 (HEAD -> testdel)
Author: 盧大濕 <dashi@vip.com>
Date: Fri Mar 1 10:26:49 2019 +0800
just a test and i had change this words 【5-1】修改后的描述文字
Yooye-2:my-pro yooye$【4】執(zhí)行g(shù)it commit --amend修改命令，修改的方式如下圖：
使用 git rebase -i [被修改的父級commit的唯一id] 命令進(jìn)入變基操作。
【注意】：上面使用的是父級commit進(jìn)入變基操作，進(jìn)去操作的是父級下面的commit。
1，因為rebase狀態(tài)下可以支持多種操作，這里我們要將需要修改的commit前面默認(rèn)pick操作方式改為reword（也就是修改的意思）。然后按照第二步中一樣的方式保存退出，進(jìn)入下一個操作界面。
2，這個操作界面，可以將原本commit的描述內(nèi)容進(jìn)行修改，如下圖第一行所示。然后繼續(xù)保存退出。
3，使用git log --graph 查看修改后的結(jié)果，如下圖：
根據(jù)上一步git log --graph的結(jié)果可以看出，其實上面有三個commit都是為了給讓index.html以正常的表現(xiàn)展示出來，所以我們可以將除了readme操作之外的其他三個commit進(jìn)行合并。
1，使用git rebase -i [最開始創(chuàng)建readme的commit唯一id]命令，進(jìn)入操作界面。將這三個commit合并至其中某一個，然后保存退出進(jìn)入下一步。
pick 789f15c add a index.html file #【1】表示將其他commit合并至這個commit
squash e7bf7b0 add aaaaaaa style file #【2】合并
squash 4216faf let index.html link the style file #【3】合并
?
# Rebase 1bb42bc..4216faf onto 1bb42bc (3 commands)
#
# Commands:
# p, pick <commit> = use commit
# r, reword <commit> = use commit, but edit the commit message
# e, edit <commit> = use commit, but stop for amending
# s, squash <commit> = use commit, but meld into previous commit
# f, fixup <commit> = like "squash", but discard this commit's log message
# x, exec <command> = run command (the rest of the line) using shell
# d, drop <commit> = remove commit
# l, label <label> = label current HEAD with a name
# t, reset <label> = reset HEAD to a label
# m, merge [-C <commit> | -c <commit>] <label> [# <oneline>]
# . create a merge commit using the original merge commit's
# . message (or the oneline, if no original merge commit was
# . specified). Use -c <commit> to reword the commit message.
#
# These lines can be re-ordered; they are executed from top to bottom.
# If you remove a line here THAT COMMIT WILL BE LOST.
# However, if you remove everything, the rebase will be aborted.
#
#
# Note that empty commits are commented out
~
:wq!2，填寫此次合并的描述文字，并保留原commit的描述文字，方便后續(xù)查看。
# This is the 1st commit messages:
?
I am trying to make a combination, Yeah! #【1】此次合并操作的描述文字
?
add a index.html file # 【2-1】保留的原有commit描述文字
# This is the commit message #2:
?
add aaaaaaa style file # 【2-2】保留的原有commit描述文字
?
# This is the commit message #3:
?
let index.html link the style file # 【2-3】保留的原有commit描述文字
?
# Please enter the commit message for your changes. Lines starting
# with '#' will be ignored, and an empty message aborts the commit.
#
# Date: Wed Feb 27 11:42:12 2019 +0800
#
# interactive rebase in progress; onto 1bb42bc
# Last commands done (3 commands done):
# squash e7bf7b0 add aaaaaaa style file
# squash 4216faf let index.html link the style file
# No commands remaining.
# You are currently rebasing branch 'anothertest' on '1bb42bc'.
#
# Changes to be committed:
# new file: css/style.css
# new file: index.html
#
# Untracked files:
# js/
#
:wq!3，使用git log --graph 查看合并后的版本狀態(tài)。
1，基于上一步，為了演示我們將其他測試分支全部移除，只保留原本的master分支，及與index.html、style.css、readme.md相關(guān)的三個commit。
之后我們修改my-pro下的readme.md文件內(nèi)容，并執(zhí)行一次commit操作。然后使用git log --graph命令，查看當(dāng)前的commit狀態(tài)列表。
2，因為最前面跟最后面的commit都是關(guān)于readme的提交，所以我們需要將其合并。在執(zhí)行g(shù)it rebase -i [最下面的祖先commit]之前，記得復(fù)制改祖先commit的id（如：1bb42bc），以備使用。
進(jìn)入操作窗口后，按照下面代碼所示進(jìn)行操作保存退出。
pick 1bb42bc8 #【1】這一句是我們自己新增的，就是將另一個操作readme的commit操作合并過來
squash 702dcbf I am the real readme.md file # 【2】這一行本來在最下面，我們移動到這一樣，并修改pick至squash
pick 2b2e247 I am trying to make a combination, Yeah!
?
# Rebase 1bb42bc..702dcbf onto 1bb42bc (2 commands)
#
# Commands:這里本來有很多command提示，被刪除了
# These lines can be re-ordered; they are executed from top to bottom.
# If you remove a line here THAT COMMIT WILL BE LOST.
# However, if you remove everything, the rebase will be aborted.
#
:wq!3，如果保存退出后提醒分支不連續(xù)，我們可以使用git rebase --continue繼續(xù)執(zhí)行下一步操作。
1，修改my-pro倉庫中index.html的內(nèi)容。
2，執(zhí)行一次git add 操作。
3，使用 git diff -cached 查看暫存區(qū)與HEAD所含文件差異。
Yooye-2:my-pro yooye$ git diff --cached #【1】執(zhí)行對比命令
diff --git a/index.html b/index.html
index 084901f..ec530c2 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/style.css">
- <title>Document</title> #【2-1】未改動之前HEAD指向的舊內(nèi)容
+ <title>Learn Git</title> #【2-2】改動后通過git add新增到暫存區(qū)的內(nèi)容
</head>
<body>
<div class="box"></div>1，基于上一步操作，我們再調(diào)整一下style.css文件(如:添加個背景)，然后先不執(zhí)行g(shù)it add操作，這個時候，我們剛才編輯的style.css文件的改變就屬于工作區(qū)。
2，執(zhí)行g(shù)it diff命令，查看工作區(qū)與之前提交的暫存區(qū)文件區(qū)別。
Yooye-2:my-pro yooye$ git diff
diff --git a/css/style.css b/css/style.css
index 20ce14c..488853c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2,4 +2,5 @@
width: 100px;
height: 100px;
border: 1px solid red;
+ background: pink;
}
\ No newline at end of file
Yooye-2:my-pro yooye$3，如果再提交至?xí)捍鎱^(qū)前，修改了多個文件，然而我們只想查看某個文件的變動，例如readme.md，可以使用如下命令：
git diff -- readme.md使用場景，我們在第六步，將index.html修改后，通過git add提交到了暫存區(qū)，如果這個時候我們反悔了，就可以使用 git reset HEAD 命令，將其恢復(fù)到與HEAD一樣。測試流程如下：
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
