黑马程序员技术交流社区

标题: 技术帖 [打印本页]

作者: A190204041 时间: 2019-7-19 18:19
标题: 技术帖
我是软件测试2期，基础班5天，老师讲了一些计算机基础和前端知识，还有一些测试理论。因为我是计算机专业，所以基础班我还是比较轻松的。
基础班第一天的时候，老师讲了计算机基础。计算机的概念是可以自动高效的进行计算操作的电子设备。计算机的特性有三个：1、可以进行数学和逻辑运算。2、可以对数据进行记忆和存储。3、可以自动高效的进行计算。计算机由软件系统和硬件系统组成，硬件系统由五部分组成：输入设备，输出设备，控制器，计算器，存储器。软件系统由系统软件（操作系统）和应用系统组成。系统软件：A:图形化桌面操作系统：windows、MacOs、Linux;B:移动设备操作系统：Android、iOS；C:服务器操作系统：Linux、Windows server。二进制：基数是0,1，逢二进一；八进制：基数是0-7，逢八进一；十进制：基数是0-9，逢十进一；十六进制：基数是0-9，A,B,C,D,E,F。数据的计量单位以及换算：比特（bit）位，是最小的计量单位；字节（bytes），一个字节等于8位；1KB=1024B，1MB=1024KB；1GB=1024MB，1TB=1024GB，1PB=1024TB。编码就是将自然语言“翻译”成机器语言，常见的编码由ASCII，UTF-8，GBK。
doc命令：ping 网址查看网址是否可以正常连接；
ipconfig -all 查看网卡信息；
dir 查看当前目录下的目录文件；
cls 清空操作
cd .. 返回上一级目录
cd / 回到当前目录的根目录
md 目录创建目录
rd 目录删除空目录
rd /s 目录删除非空目录
move 文件原路径文件新路径
copy 文件原路径文件新路径
echo “内容”>文件名创建文件
del 文件删除文件
shutdown \s \t 秒数定时关机
shutdown \a 取消定时关机
md -q 目录1/目录2/目录3/… 创建分层目录
time 查看电脑时间
接下来讲了前端知识，讲解前端知识的目的是，让我们了解测试关注点。前端的骨架如下：
<html>
<head>
<meta charset=“utf-8”/>
<title></title>
</head>
<body></body>
</html>
html超文本标记语言，是根标签，head网页头部，meta网页编码，title标题标签，body网页主题，内容显示在浏览器页面。
布局标签是span div，div独占一行，span不独占一行。css引入样式有三种：外链式，内嵌式，行内式。外链式，首先创建一个css文件，然后使用link标签引入；内嵌式，写在style标签里，加载速度快，电商首页常使用内嵌式；行内式，写在标签里，但是不建议使用。
图像标签是img，属性有src，width，height，alt，title，其中，src是图片的路径；width图片的宽度；height图片的高度；alt当图片加载不出来时，显示alt的文字内容；title当鼠标悬停在图片上时，显示title的文字内容。
a标签是超链接标签，实现页面跳转。属性href是要跳转的页面的地址，target=”_blank”页面在新窗口打开。
Form表单标签的属性action，method。Action是表单数据要提交的服务器，需要后台提供。Method是数据提交的方法，有post方法和get方法。Input标签的type属性的常见的值：text,button,
password,reset,submit,radio,checkbox,text:普通文本，button按钮，password密码，reset重置，submit提交，radio单选框，checkbox多选。Input其他属性：value，name，placeholder，placeholder是输入框的提示文本。Value是输入框默认展示的文本内容。Textarea文本域标签，测试关注点是：文本域的输入框是否可以拖动。
Html负责网页的结构，css负责网页的样式，js负责网页的行为。Css中的width是宽度，height是高度，background是背景，font-size是文字大小。简单选择器：标签选择器，类选择器，id选择器，选择器的优先级：id选择器>类选择器，标签选择器。
Class与id命名规则：1，不能以数字开头，2，不能使用中文，3，不以特殊字符开头，或者包含特殊字符（-，_除外）；4，见名知意，不能使用保留字。Css的特性：1，继承性；2，覆盖性。权重：id选择器（100），类选择器（10），标签选择器（1）。复合选择器权重：.box span{}权重11，#box span{}权重为101，#box #span{}权重为200。在css中一个盒子的组成部分：内容+内填充+边框+外边距,一个盒子中的主要属性：width，height，paddig，border，margin。Width：指的是盒子里面的内容的宽度，而不是盒子的宽度。Height：指的是盒子里面的内容的高度，而不是盒子的高度。Border：是盒子的边框。Margin：指的是盒子与盒子之间的间距。
Html5最大的变革，标签具有语义化，div+css，div是容器，是一个盒子，没有语义。Header页面的头部，nav导航栏，artice文章的内容。Aside侧边栏，footer页脚。Html5表单的type新属性值：email：邮箱，url：地址，包含http://，datetime-local：时间日期，date日期类型，年月日，week周类型，time：时间类型，month：月类型，number：数值类型，search：搜索框，range：产生一个滑块。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2