自我介紹

嗨馏锡，小伙伴們你們好雷蹂，下面即將開始我的軟件測(cè)試學(xué)習(xí)，從零基礎(chǔ)到最終工作的分享杯道。

首先簡(jiǎn)單介紹一下匪煌，我是90年，32歲“高齡”，0基礎(chǔ)軟件測(cè)試學(xué)習(xí)萎庭。因?yàn)閷W(xué)習(xí)時(shí)間緊湊玛歌，關(guān)于決定來(lái)黑馬博學(xué)谷學(xué)習(xí)這個(gè)復(fù)雜的心路過(guò)程我就不一一贅述了，這個(gè)狀態(tài)下的我擎椰，小伙伴們絕對(duì)可以確定這對(duì)我來(lái)說(shuō)一定是一項(xiàng)艱難而又重大的決定支子，現(xiàn)在正在學(xué)習(xí)中的我亦是前路未知，一片迷茫中达舒。如果有和我情況類似的小伙伴值朋，請(qǐng)抱有和我一樣強(qiáng)烈信念：IT行業(yè)未來(lái)一定會(huì)走的更遠(yuǎn)，而年齡并不會(huì)束縛我們前進(jìn)巩搏，技術(shù)才會(huì)使我們走的更高更遠(yuǎn)昨登，持續(xù)學(xué)習(xí)吧，努力一定會(huì)有所回報(bào)贯底。

關(guān)于選擇學(xué)習(xí)機(jī)構(gòu)丰辣，其實(shí)我用了很長(zhǎng)一段時(shí)間下定決心，又用了將近1個(gè)月的時(shí)間禽捆，對(duì)比了多家IT行業(yè)教培機(jī)構(gòu)笙什，并從網(wǎng)絡(luò)上一些貼吧，B站上試聽課程胚想，以及問(wèn)詢身邊IT行業(yè)小伙伴建議琐凭，通過(guò)這一系列考察，我最終選擇了黑馬程序員平臺(tái)進(jìn)行學(xué)習(xí)浊服。當(dāng)選定了學(xué)習(xí)機(jī)構(gòu)后统屈，下面就要開展我們的學(xué)習(xí)進(jìn)程了，一往無(wú)前牙躺，行動(dòng)起來(lái)吧愁憔，相信堅(jiān)持就有收獲。

好了孽拷，既然決定吨掌，就調(diào)整心態(tài)，進(jìn)入學(xué)習(xí)狀態(tài)吧乓搬。

=====================學(xué)習(xí)分享=====================

軟件測(cè)試的定義

在規(guī)定的條件下對(duì)程序進(jìn)行操作思犁，以發(fā)現(xiàn)程序錯(cuò)誤，衡量軟件質(zhì)量进肯，并對(duì)其是否能滿足設(shè)計(jì)要求進(jìn)行評(píng)估的過(guò)程激蹲。

計(jì)算機(jī)基礎(chǔ)

計(jì)算機(jī)由硬件和軟件兩部分組成

計(jì)算機(jī)硬件組成：輸入設(shè)備、輸出設(shè)備江掩、計(jì)算機(jī)+控制器：CPU学辱、存儲(chǔ)器

存儲(chǔ)器：內(nèi)存儲(chǔ)器和外存儲(chǔ)器

內(nèi)存運(yùn)算速度比外存快

計(jì)算機(jī)軟件組成：操作系統(tǒng)軟件+應(yīng)用軟件組成

常見的操作系統(tǒng)軟件：

圖形化桌面操作系統(tǒng)軟件：Windows乘瓤、MacOS、Linux

移動(dòng)設(shè)備操作系統(tǒng)：Android策泣、ios

服務(wù)器操作系統(tǒng)：Linux衙傀、Windows server

嵌入式操作系統(tǒng)：Linux--pda、各種盒子

二進(jìn)制：

高電壓萨咕、高電位1统抬、邏輯真true

低電壓、低電位0危队、邏輯false

進(jìn)制之間可以互相轉(zhuǎn)換

計(jì)算機(jī)數(shù)據(jù)計(jì)量單位:

1.1B（字節(jié) ） = 8b（比特：bit 位聪建，人為規(guī)定的最小計(jì)量單位 ）

2.1KB = 1024B

3.1MB（兆） = 1024KB

4.1GB = 1024MB

5.1TB = 1024GB

6.1PB = 1024TB

編碼

utf8 國(guó)際編碼

瀏覽器

具有核心技術(shù)的五大瀏覽器：IE、Google茫陆、safari金麸、歐朋、火狐

通常測(cè)試IE簿盅、Google挥下、火狐

常見的圖片類型

1..jpg: 顏色信息比較豐富的一種圖片格式

2. .png: 可以支持透明的一種圖片格式

3. .gif: 支持動(dòng)圖，占用體積小桨醋，色彩表現(xiàn)力不如前兩者

網(wǎng)頁(yè)打開過(guò)程相關(guān)知識(shí)

URL中文名：統(tǒng)一資源定位符棚瘟，網(wǎng)址，URL格式：協(xié)議://主機(jī)地址（域名）/路徑

HTTP協(xié)議：超文本傳輸協(xié)議讨盒，https加密

域名：網(wǎng)域解取，通過(guò)域名提供商區(qū)購(gòu)買或租用，在瀏覽器輸入域名即可打開網(wǎng)頁(yè)返顺。方便記憶

IP地址：指互聯(lián)網(wǎng)協(xié)議地址，互聯(lián)網(wǎng)所有設(shè)備都有獨(dú)一無(wú)二的IP地址蔓肯；每臺(tái)電腦連上互聯(lián)網(wǎng)都會(huì)分配一個(gè)不重復(fù)IP地址數(shù)字串

DNS域名系統(tǒng)：把域名轉(zhuǎn)換為對(duì)應(yīng)的IP地址

hosts：沒有擴(kuò)展名的系統(tǒng)文件遂鹊。用戶輸入網(wǎng)址，自動(dòng)從hosts文件尋找對(duì)應(yīng)的IP地址蔗包，找到秉扑，系統(tǒng)會(huì)自動(dòng)打開對(duì)應(yīng)網(wǎng)頁(yè)；未找到调限，系統(tǒng)會(huì)將網(wǎng)址提交DNS域名解析服務(wù)器進(jìn)行IP地址的解析舟陆。

客戶端、服務(wù)器端耻矮、請(qǐng)求和響應(yīng)

客戶端Client：安裝在手機(jī)秦躯、電腦上的應(yīng)用程序

服務(wù)器端Server：提供服務(wù)的計(jì)算機(jī)

dos命令

打開dos 命令窗口：win+r可以打開“運(yùn)行”，輸入cmd裆装，回車或點(diǎn)擊確定

]1踱承、ping 網(wǎng)址 ??????查看當(dāng)前電腦和目標(biāo)電腦之間的網(wǎng)絡(luò)連接情況（ms代表毫秒倡缠，1000ms毫秒 = 1s秒）

2、ipconfig -all ???查看當(dāng)前電腦的網(wǎng)卡信息茎活；

3昙沦、切換盤符：盤符名: ????????注意：符號(hào)是冒號(hào)，必須是英文狀態(tài)下的载荔！

4盾饮、dir ????查看當(dāng)前目錄結(jié)構(gòu)，用列表展示出來(lái)

5懒熙、上下鍵：快速翻看之前寫過(guò)的命令

6丐谋、cd 目錄/文件夾 ???切換到這個(gè)目錄/文件夾中

7、cd .. ???返回上一級(jí)目錄/文件夾8煌珊、cd / ???返回當(dāng)前盤符的根目錄/根文件夾

注意：空格別忘了加号俐！

一、web前端三大核心技術(shù)

HTML：負(fù)責(zé)網(wǎng)頁(yè)的架構(gòu)

CSS：負(fù)責(zé)網(wǎng)頁(yè)的樣式定庵、美化

JS：負(fù)責(zé)網(wǎng)頁(yè)的行為

二吏饿、工具的使用

務(wù)必按照下圖去改變字體的大小

三、html簡(jiǎn)介

中文定義：超文本標(biāo)記（標(biāo)簽蔬浙、元素）語(yǔ)言猪落；

新建一個(gè)html網(wǎng)頁(yè)：

1、準(zhǔn)備好一個(gè)寫代碼的文件夾３氩１考伞！

2俱病、鼠標(biāo)左鍵拖拽文件夾到工具的左側(cè)--項(xiàng)目管理器中

3官疲、鼠標(biāo)左鍵點(diǎn)擊文件夾的名字（必須綠色背景才叫被點(diǎn)擊選中）

4、鼠標(biāo)右鍵--新建--html文件

5亮隙、在彈出的對(duì)話框中途凫，改文件擴(kuò)展名之前的名字（.html代表當(dāng)前文件的擴(kuò)招名、后綴名：描述當(dāng)前文件類型）

6溢吻、點(diǎn)擊完成即可新建一個(gè)html文件

四维费、html骨架標(biāo)簽

骨架標(biāo)簽：新建的時(shí)候默認(rèn)生成的那些標(biāo)簽；

meta 標(biāo)簽可以設(shè)置網(wǎng)頁(yè)的字符集（utf-8 ?國(guó)際編碼）

title ?標(biāo)簽設(shè)置網(wǎng)頁(yè)的標(biāo)題

body 標(biāo)簽設(shè)置網(wǎng)頁(yè)的主體內(nèi)容部分

五促王、文章標(biāo)題標(biāo)簽

h1到h6分六級(jí)犀盟，依次減小效果，每個(gè)標(biāo)題都是獨(dú)占一行空間蝇狼；

注意：不能自己造標(biāo)簽阅畴，因?yàn)闊o(wú)法正常運(yùn)行；

六题翰、空格和回車

空格和回車在代碼中直接使用不準(zhǔn)確恶阴；

必須使用代碼來(lái)實(shí)現(xiàn)：

一個(gè)空格：? ??

一個(gè)換行诈胜、一個(gè)回車：<br />

注意：html代碼因?yàn)闅v史原因，導(dǎo)致語(yǔ)法較為松散冯事；測(cè)試細(xì)節(jié)的時(shí)候焦匈，以瀏覽器最終運(yùn)行效果為準(zhǔn)；

七昵仅、p標(biāo)簽和標(biāo)簽語(yǔ)義化

p就是負(fù)責(zé)放文章段落的缓熟；

語(yǔ)義化：在合適地方使用合理的標(biāo)簽，就叫滿足標(biāo)簽語(yǔ)義化摔笤；可以在搜索引擎排名中更靠前够滑！點(diǎn)擊率更高，帶來(lái)更多的收益吕世！

八彰触、代碼注釋

程序員給自己代碼的提醒文字，瀏覽器不會(huì)直接顯示命辖；

快捷鍵：ctrl+况毅？再按一次會(huì)取消注釋

測(cè)試要注意：項(xiàng)目上線之前，要求程序員刪除注釋的內(nèi)容尔艇，目的是加快網(wǎng)頁(yè)的加載速度

例：<!-- ?這里的文字就當(dāng)做注釋來(lái)實(shí)現(xiàn)了 ?-->

九尔许、文字相關(guān)的標(biāo)簽

b和strong都可以代表加粗，后者代表特別強(qiáng)調(diào)的語(yǔ)義终娃；

i和em都可以實(shí)現(xiàn)傾斜味廊，后者代表一般強(qiáng)調(diào)語(yǔ)義；

s和del都可以實(shí)現(xiàn)刪除線效果棠耕，后者即將替代前者

位置是最關(guān)鍵的余佛，安裝好瀏覽器軟件后，都會(huì)在桌面上有快捷圖標(biāo)昧辽，通過(guò)瀏覽按鈕衙熔，找到你桌面上的圖標(biāo)即可；

十搅荞、img標(biāo)簽

插入圖片標(biāo)簽；

鍵值對(duì)兒框咙、kv對(duì)兒咕痛、屬性名和屬性值；類似下面的例子

人身高="180" 年齡="18" 體重="100"

步驟：

1喇嘱、先把圖片準(zhǔn)備好茉贡，復(fù)制到當(dāng)前html文件同一級(jí)文件夾中

2、src代表資源者铜，它后面的值應(yīng)該寫想要加載的那張圖片的名字

3腔丧、width代表寬度（橫向距離）放椰、height代表高度（縱向距離）；注意：寬或高只設(shè)置其中一個(gè)屬性愉粤，另外一個(gè)會(huì)按照原圖的比例去進(jìn)行縮放顯示砾医；如果寬和高都不設(shè)置，圖片會(huì)按照原本的大小去顯示

4衣厘、title="鼠標(biāo)懸停時(shí)候的提示文字"

5如蚜、alt ??（1）當(dāng)圖片未正常加載的時(shí)候，文字才會(huì)被別人看到 ?（2）網(wǎng)頁(yè)閱讀器讀取此內(nèi)容給視障用戶聽影暴，提升用戶體驗(yàn)

例：

<img src=”想要加載的圖片名字”width=”寬度”height=”高度”title=”鼠標(biāo)懸停的提示文字”alt=”未加載圖片時(shí)候的提示文字错邦；可以讀給網(wǎng)頁(yè)閱讀器聽”/>

十一、超鏈接標(biāo)簽

超鏈接：點(diǎn)擊之后實(shí)現(xiàn)頁(yè)面內(nèi)容的跳轉(zhuǎn)

打開線上的網(wǎng)站：href屬性對(duì)應(yīng)的屬性值應(yīng)該設(shè)置成帶有 ??http:// ?

例：<a >點(diǎn)擊我可以打開百度</a>

如果想打開本地（你自己的電腦）的頁(yè)面型宙，只需要把目標(biāo)文件和當(dāng)前文件放在同一個(gè)目錄中撬呢，在href屬性中寫目標(biāo)文件的名字即可

例：<a href="02文章標(biāo)題.html">點(diǎn)擊我可以打開本地的頁(yè)面</a>

新窗口打開鏈接：默認(rèn)超鏈接都是在當(dāng)前窗口打開，如果想在新窗口打開妆兑，需要添加target屬性

<a target="_blank">點(diǎn)擊我可以在新窗口打開百度</a>

空鏈接：暫時(shí)不知道點(diǎn)擊之后跳轉(zhuǎn)到哪里魂拦，使用空鏈接占位,當(dāng)知道具體要跳轉(zhuǎn)的位置后，再回來(lái)更改即可

<a href="#">點(diǎn)擊我可以打開隔壁老王的頁(yè)面</a>

測(cè)試工作的時(shí)候箭跳，如果發(fā)現(xiàn)程序員使用#來(lái)表達(dá)返回頂部效果晨另，一定要提示程序員，要用動(dòng)畫效果實(shí)現(xiàn)谱姓，用戶體驗(yàn)才更好借尿！