博学谷学习历程:软件测试计算机基础、HTML基础学习分享

自我介绍

嗨,小伙伴们你们好,下面即将开始我的软件测试学习,从零基础到最终工作的分享。

首先简单介绍一下,我是90年,32岁“高龄”,0基础软件测试学习。因为学习时间紧凑,关于决定来黑马博学谷学习这个复杂的心路过程我就不一一赘述了,这个状态下的我,小伙伴们绝对可以确定这对我来说一定是一项艰难而又重大的决定,现在正在学习中的我亦是前路未知,一片迷茫中。如果有和我情况类似的小伙伴,请抱有和我一样强烈信念:IT行业未来一定会走的更远,而年龄并不会束缚我们前进,技术才会使我们走的更高更远,持续学习吧,努力一定会有所回报。

关于选择学习机构,其实我用了很长一段时间下定决心,又用了将近1个月的时间,对比了多家IT行业教培机构,并从网络上一些贴吧,B站上试听课程,以及问询身边IT行业小伙伴建议,通过这一系列考察,我最终选择了黑马程序员平台进行学习。当选定了学习机构后,下面就要开展我们的学习进程了,一往无前,行动起来吧,相信坚持就有收获。

好了,既然决定,就调整心态,进入学习状态吧。

=====================学习分享=====================

软件测试的定义

在规定的条件下对程序进行操作,以发现程序错误,衡量软件质量,并对其是否能满足设计要求进行评估的过程。

计算机基础

计算机由硬件和软件两部分组成

计算机硬件组成:输入设备、输出设备、计算机+控制器:CPU、存储器

存储器:内存储器和外存储器

内存运算速度比外存快

计算机软件组成:操作系统软件+应用软件组成

常见的操作系统软件:

图形化桌面操作系统软件:Windows、MacOS、Linux

移动设备操作系统:Android、ios

服务器操作系统:Linux、Windows server

嵌入式操作系统:Linux--pda、各种盒子

二进制:

高电压、高电位1、逻辑真true

低电压、低电位0、逻辑false

进制之间可以互相转换

计算机数据计量单位:

1.1B(字节 ) = 8b(比特:bit 位,人为规定的最小计量单位 )

2.1KB = 1024B

3.1MB(兆) = 1024KB

4.1GB = 1024MB

5.1TB = 1024GB

6.1PB = 1024TB

编码

utf8 国际编码

浏览器

具有核心技术的五大浏览器:IE、Google、safari、欧朋、火狐

通常测试IE、Google、火狐

常见的图片类型

1..jpg: 颜色信息比较丰富的一种图片格式

2. .png: 可以支持透明的一种图片格式

3. .gif: 支持动图,占用体积小,色彩表现力不如前两者

网页打开过程相关知识

URL中文名:统一资源定位符,网址,URL格式:协议://主机地址(域名)/路径

HTTP协议:超文本传输协议,https加密

域名:网域,通过域名提供商区购买或租用,在浏览器输入域名即可打开网页。方便记忆

IP地址:指互联网协议地址,互联网所有设备都有独一无二的IP地址;每台电脑连上互联网都会分配一个不重复IP地址数字串

DNS域名系统:把域名转换为对应的IP地址

hosts:没有扩展名的系统文件。用户输入网址,自动从hosts文件寻找对应的IP地址,找到,系统会自动打开对应网页;未找到,系统会将网址提交DNS域名解析服务器进行IP地址的解析。

客户端、服务器端、请求和响应

客户端Client:安装在手机、电脑上的应用程序

服务器端Server:提供服务的计算机

dos命令

打开dos 命令窗口:win+r可以打开“运行”,输入cmd,回车或点击确定

]1、ping 网址       查看当前电脑和目标电脑之间的网络连接情况(ms代表毫秒,1000ms毫秒 = 1s秒)

2、ipconfig -all    查看当前电脑的网卡信息;

3、切换盘符:盘符名:         注意:符号是冒号,必须是英文状态下的!

4、dir     查看当前目录结构,用列表展示出来

5、上下键:快速翻看之前写过的命令

6、cd 目录/文件夹    切换到这个目录/文件夹中

7、cd ..    返回上一级目录/文件夹8、cd /    返回当前盘符的根目录/根文件夹

注意:空格别忘了加!

一、web前端三大核心技术

HTML:负责网页的架构

CSS:负责网页的样式、美化

JS:负责网页的行为

二、工具的使用

务必按照下图去改变字体的大小



三、html简介

中文定义:超文本标记(标签、元素)语言;

新建一个html网页:

1、准备好一个写代码的文件夹!!!

2、鼠标左键拖拽文件夹到工具的左侧--项目管理器中

3、鼠标左键点击文件夹的名字(必须绿色背景才叫被点击选中)

4、鼠标右键--新建--html文件

5、在弹出的对话框中,改文件扩展名之前的名字(.html代表当前文件的扩招名、后缀名:描述当前文件类型)

6、点击完成即可新建一个html文件

四、html骨架标签

骨架标签:新建的时候默认生成的那些标签;

meta 标签可以设置网页的字符集(utf-8  国际编码)

title  标签设置网页的标题

body 标签设置网页的主体内容部分

五、文章标题标签

h1到h6分六级,依次减小效果,每个标题都是独占一行空间;

注意:不能自己造标签,因为无法正常运行;

六、空格和回车

空格和回车在代码中直接使用不准确;

必须使用代码来实现:

一个空格:    

一个换行、一个回车:<br />

注意:html代码因为历史原因,导致语法较为松散;测试细节的时候,以浏览器最终运行效果为准;

七、p标签和标签语义化

p就是负责放文章段落的;

语义化:在合适地方使用合理的标签,就叫满足标签语义化;可以在搜索引擎排名中更靠前!点击率更高,带来更多的收益!

八、代码注释

程序员给自己代码的提醒文字,浏览器不会直接显示;

快捷键:ctrl+?再按一次会取消注释

测试要注意:项目上线之前,要求程序员删除注释的内容,目的是加快网页的加载速度

例:<!--  这里的文字就当做注释来实现了  -->

九、文字相关的标签

b和strong都可以代表加粗,后者代表特别强调的语义;

i和em都可以实现倾斜,后者代表一般强调语义;

s和del都可以实现删除线效果,后者即将替代前者





位置是最关键的,安装好浏览器软件后,都会在桌面上有快捷图标,通过浏览按钮,找到你桌面上的图标即可;

十、img标签

插入图片标签;

键值对儿、kv对儿、属性名和属性值;类似下面的例子

人身高="180" 年龄="18" 体重="100"

步骤:

1、先把图片准备好,复制到当前html文件同一级文件夹中

2、src代表资源,它后面的值应该写想要加载的那张图片的名字

3、width代表宽度(横向距离)、height代表高度(纵向距离);注意:宽或高只设置其中一个属性,另外一个会按照原图的比例去进行缩放显示;如果宽和高都不设置,图片会按照原本的大小去显示

4、title="鼠标悬停时候的提示文字"

5、alt   (1)当图片未正常加载的时候,文字才会被别人看到  (2)网页阅读器读取此内容给视障用户听,提升用户体验

例:

<img src=”想要加载的图片名字”width=”宽度”height=”高度”title=”鼠标悬停的提示文字”alt=”未加载图片时候的提示文字;可以读给网页阅读器听”/>

十一、超链接标签

超链接:点击之后实现页面内容的跳转

打开线上的网站:href属性对应的属性值应该设置成带有   http://  

例:<a href="http://www.baidu.com">点击我可以打开百度</a>

如果想打开本地(你自己的电脑)的页面,只需要把目标文件和当前文件放在同一个目录中,在href属性中写目标文件的名字即可

例:<a href="02文章标题.html">点击我可以打开本地的页面</a>

新窗口打开链接:默认超链接都是在当前窗口打开,如果想在新窗口打开,需要添加target属性

<a href="http://www.baidu.com" target="_blank">点击我可以在新窗口打开百度</a>

空链接:暂时不知道点击之后跳转到哪里,使用空链接占位,当知道具体要跳转的位置后,再回来更改即可

<a href="#">点击我可以打开隔壁老王的页面</a>

测试工作的时候,如果发现程序员使用#来表达返回顶部效果,一定要提示程序员,要用动画效果实现,用户体验才更好!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,907评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,987评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,298评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,586评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,633评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,488评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,275评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,176评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,619评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,819评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,932评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,655评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,265评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,871评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,994评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,095评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,884评论 2 354

推荐阅读更多精彩内容