说是技术贴，其实也只是自己的一个学习记录。

首先我觉得无论是在学习上，还是工作中，我们都要培养一个独立解决问题的能力，特别是对于我们转行互联网行业的人来说，用好互联网这个庞大的信息库来解决问题是非常重要的。我个人认为95%以上的问题都能在互联网上找到答案，毕竟互联网发展至今已经形成了一个难以估计的信息量，我们需要的只是熟练的运用诸如百度、谷歌等搜索引擎来检索我们所要的答案，或者是在CSDN，简书等技术论坛，寻找我们需要的。甚至于还有更多的网站工具等着我们去发现和使用。当然熟练的筛选在互联网中的有效信息，也需要人的经验积累，毕竟网上杂乱的无用信息也是非常多。像在我们利用搜索引擎进行检索时，我们需要尽可能的精简自己的搜索信息，提取关键点，以提升搜索效率。如此我们的问题基本上能在短时间内找到解决办法，同时付诸行动。所以，用好搜索引擎真的是非常重要。

接下来我想分享一下这几天学习的一些软件测试的前置基础，本人也是初学者，如有错误，若能指正，感激不尽。

一、计算机的基本介绍（我个人认为这些只需做了解）

1、  计算机是可以进行高效计算的电子设备

特点（作用）：

1）  数学逻辑运算

2）  数据记忆存储

3）  指令操作计算

2、  计算机由硬件系统和软件系统两部分组成

1）  硬件系统

输入设备

输出设备

计算器

控制器

存储器(内存储器,外存储器)

2）  软件系统

图形化

移动设备

服务器

二、常见进制，编码，计量单位

计算机识别二进制的原理：高低电位

常见进制

1.       二进制bin

2.       十进制dec

3.       八进制oct

4.       十六进制hex

编码—自然语言翻译成机器语言

1.       常见字符集（编码后的对应表格）：

1）  ASCII—英文

2）  UTF 8—中文

     计量单位（1byte=8bit）

1KB = 1024B

1MB = 1024KB

1GB = 1024MB

三、常用DOS命令

命令输入	命令作用	注释
time	显示当前时间	需要手动退出才能执行下个命令
ctrl  c	退出当前正在执行的命令
shutdown /s /t 秒数	设置当前计算机定时关机	/s /t 左右都有空格
shutdown /a	取消自动关机命令	/a 左侧有空格
ping  网址	检查当前网址网络是否连通	可以返回网址对应的ip 和网络状态
ipconfig  -all	显示当前计算机所有网卡信息	包含 本机ipv4地址与mac地址
↑ ↓键	可以翻看最近使用过的命令	帮助我们快速选中某个执行过的命令
盘符名称:<br />cd 目录名	切换到某个盘符<br />切换到当前某个子目录下	盘符即c盘 d盘.<br />当前目录下的子目录
cd  ..	返回上一级目录	.. 与cd 之间存在空格
cd /	返回当前盘符根目录	/ 与cd 之间存在空格
dir	将某个目录的内容以列表形式列出	显示当前目录下的目录与文件
md 路径/目录	可以新建目录
echo "内容" > 文件名称	可以间接新建一个带有内容的文件	DOS中间接新建文件的方式
rd 路径/目录	删除目录	默认只能删除空目录
del 文件	删除文件	只能用来删除文件
rd /s	强制删除非空目录
del 目录	询问是否删除目录里的所有文件	只删除当前目录下下的一级子目录
copy 文件原路径 文件新路径	将文件复制到其它地方	在复制的过程中可以修改名称
move 文件原路径 文件新路径	将文件剪切到其它地方	必须进入被剪切文件所在目录执行

四、HTML相关基础

超链接标签

使用<a></a>标签可以实现

1、  超链接的作用一般是点着一个文字,跳转到一个页面,所以一个超链接最基本的内容包含两个部分

2、  点击的内容-- <a>点击的内容</a>

3、  跳转的连接-- <a href="http://完整的线上网址">点击的内容</a>

                        i.             <a href="本地资源路径">点击的内容</a>

新窗口打开链接地址

4、  <a href="本地资源路径" target="_blank">点击的内容</a> -- shift 减号 英文状态

空链接

5、  点击后不会发生跳转的链接

6、  <a href="#">点击的内容_点击后不跳转</a>

                        i.             一个#号点击后会瞬移到页面顶部

                      ii.             <a href="###">点击的内容_点击后不跳转</a>

7、  <a href="javascript:;">点击的内容_点击后不跳转</a>

8、  <a href="javascript:void(0);">点击的内容_点击后不跳转</a>

选择器的权重

1.      基本选择器的权重

         id选择器 > 类名选择器 > 标签选择器>继承(最低)

2.      复合选择器的权重

         使用的简单选择器之和

CSS存放位置(引入方式)

         内嵌式:style标签中

         外链式:样式存入外部css文件

         单独将css内容写入css文件中--只写选择器和样式内容

         通过link标签引入css文件--href="css文件路径"

         行内式:写在目标标签的style属性中--style="样式内容"

         三种引入方式的选择

         内嵌式 -- 结构和样式(HTML和CSS)混在同一文件

         不需要加载外部css文件,加载速度快--电商首页

         外链式 -- 代码分离--结构和样式分离--管理修改方法

         除了电商网站的首页的其他情况

         行内式 -- 一定不要用

         引入方式的权重问题

         内嵌式 = 外链式

         行内式最高

3.盒子模型

组成: 内容--内边距--边框--外边距

边框(内容的边框)--border(-top-bottom-left-right)

粗细线样式 颜色

内边距(内容和边框之间的距离)--padding(-top-bottom-left-right)

一个值: 所有

两个值: 上下-左右

三个值: 上-中(左右)-下

四个值: 上-右-下-左

外边距(两个盒子边框之间的距离)-margin(-top-bottom-left-right)

一个值: 所有

两个值: 上下-左右

三个值: 上-中(左右)-下

四个值: 上-右-下-左

JavaScript基础

js是JavaScript作用是:控制前端的结构和样式

语法

书写位置--script标签内

<script>
    alert();
    // 注释使用双斜杠
    // 每个语句使用;;;;;结束
</script>

定义变量--遵循命名规则

var var_name = var_value;

举例:
var btn = document.getElementById("id值");

// 变量名命名规则:  
// 字符数字下滑下组成
// 不数字开头
// 不用中文
// 不与保留字重复

定位元素

1.          document.getElementById("目标元素id属性值")

2.          注意getElementById大小写--驼峰命名法

设置样式

document.getElementById("元素id属性值").style.样式名="样式值";

事件

3.          概念:捕捉用户的行为--在什么时候做什么事情

4.          事件三要素:(当事件源发生了事件类型就执行指定命令)

1.          事件源

2.          事件类型

3.          执行的命令

      事件源.事件类型 = function() {
    执行的命令
}

举例:
document.getElementById("id值").onclick=function(){
    //命令
    document.getElementById("id值").style.width="200px";
}

var btn = document.getElementById("id值")
var box = document.getElementById("id值")

btn.onclick=function(){
    //命令
    box.style.width="200px";
}

当然以上的内容只包含了一小部分的基础内容，更多的内容其实在黑马论坛都能找到，这里就不多写了。

说是技术贴，其实也只是自己的一个学习记录。

首先我觉得无论是在学习上，还是工作中，我们都要培养一个独立解决问题的能力，特别是对于我们转行互联网行业的人来说，用好互联网这个庞大的信息库来解决问题是非常重要的。我个人认为95%以上的问题都能在互联网上找到答案，毕竟互联网发展至今已经形成了一个难以估计的信息量，我们需要的只是熟练的运用诸如百度、谷歌等搜索引擎来检索我们所要的答案，或者是在CSDN，简书等技术论坛，寻找我们需要的。甚至于还有更多的网站工具等着我们去发现和使用。当然熟练的筛选在互联网中的有效信息，也需要人的经验积累，毕竟网上杂乱的无用信息也是非常多。像在我们利用搜索引擎进行检索时，我们需要尽可能的精简自己的搜索信息，提取关键点，以提升搜索效率。如此我们的问题基本上能在短时间内找到解决办法，同时付诸行动。所以，用好搜索引擎真的是非常重要。

接下来我想分享一下这几天学习的一些软件测试的前置基础，本人也是初学者，如有错误，若能指正，感激不尽。

一、计算机的基本介绍（我个人认为这些只需做了解）

1、  计算机是可以进行高效计算的电子设备

特点（作用）：

1）  数学逻辑运算

2）  数据记忆存储

3）  指令操作计算

2、  计算机由硬件系统和软件系统两部分组成

1）  硬件系统

输入设备

输出设备

计算器

控制器

存储器(内存储器,外存储器)

2）  软件系统

图形化

移动设备

服务器

二、常见进制，编码，计量单位

计算机识别二进制的原理：高低电位

常见进制

1.       二进制bin

2.       十进制dec

3.       八进制oct

4.       十六进制hex

编码—自然语言翻译成机器语言

1.       常见字符集（编码后的对应表格）：

1）  ASCII—英文

2）  UTF 8—中文

     计量单位（1byte=8bit）

1KB = 1024B

1MB = 1024KB

1GB = 1024MB

三、常用DOS命令

命令输入	命令作用	注释
time	显示当前时间	需要手动退出才能执行下个命令
ctrl  c	退出当前正在执行的命令
shutdown /s /t 秒数	设置当前计算机定时关机	/s /t 左右都有空格
shutdown /a	取消自动关机命令	/a 左侧有空格
ping  网址	检查当前网址网络是否连通	可以返回网址对应的ip 和网络状态
ipconfig  -all	显示当前计算机所有网卡信息	包含 本机ipv4地址与mac地址
↑ ↓键	可以翻看最近使用过的命令	帮助我们快速选中某个执行过的命令
盘符名称:<br />cd 目录名	切换到某个盘符<br />切换到当前某个子目录下	盘符即c盘 d盘.<br />当前目录下的子目录
cd  ..	返回上一级目录	.. 与cd 之间存在空格
cd /	返回当前盘符根目录	/ 与cd 之间存在空格
dir	将某个目录的内容以列表形式列出	显示当前目录下的目录与文件
md 路径/目录	可以新建目录
echo "内容" > 文件名称	可以间接新建一个带有内容的文件	DOS中间接新建文件的方式
rd 路径/目录	删除目录	默认只能删除空目录
del 文件	删除文件	只能用来删除文件
rd /s	强制删除非空目录
del 目录	询问是否删除目录里的所有文件	只删除当前目录下下的一级子目录
copy 文件原路径 文件新路径	将文件复制到其它地方	在复制的过程中可以修改名称
move 文件原路径 文件新路径	将文件剪切到其它地方	必须进入被剪切文件所在目录执行

四、HTML相关基础

超链接标签

使用<a></a>标签可以实现

1、  超链接的作用一般是点着一个文字,跳转到一个页面,所以一个超链接最基本的内容包含两个部分

2、  点击的内容-- <a>点击的内容</a>

3、  跳转的连接-- <a href="http://完整的线上网址">点击的内容</a>

                        i.             <a href="本地资源路径">点击的内容</a>

新窗口打开链接地址

4、  <a href="本地资源路径" target="_blank">点击的内容</a> -- shift 减号 英文状态

空链接

5、  点击后不会发生跳转的链接

6、  <a href="#">点击的内容_点击后不跳转</a>

                        i.             一个#号点击后会瞬移到页面顶部

                      ii.             <a href="###">点击的内容_点击后不跳转</a>

7、  <a href="javascript:;">点击的内容_点击后不跳转</a>

8、  <a href="javascript:void(0);">点击的内容_点击后不跳转</a>

选择器的权重

1.      基本选择器的权重

         id选择器 > 类名选择器 > 标签选择器>继承(最低)

2.      复合选择器的权重

         使用的简单选择器之和

CSS存放位置(引入方式)

         内嵌式:style标签中

         外链式:样式存入外部css文件

         单独将css内容写入css文件中--只写选择器和样式内容

         通过link标签引入css文件--href="css文件路径"

         行内式:写在目标标签的style属性中--style="样式内容"

         三种引入方式的选择

         内嵌式 -- 结构和样式(HTML和CSS)混在同一文件

         不需要加载外部css文件,加载速度快--电商首页

         外链式 -- 代码分离--结构和样式分离--管理修改方法

         除了电商网站的首页的其他情况

         行内式 -- 一定不要用

         引入方式的权重问题

         内嵌式 = 外链式

         行内式最高

3.盒子模型

组成: 内容--内边距--边框--外边距

边框(内容的边框)--border(-top-bottom-left-right)

粗细线样式 颜色

内边距(内容和边框之间的距离)--padding(-top-bottom-left-right)

一个值: 所有

两个值: 上下-左右

三个值: 上-中(左右)-下

四个值: 上-右-下-左

外边距(两个盒子边框之间的距离)-margin(-top-bottom-left-right)

一个值: 所有

两个值: 上下-左右

三个值: 上-中(左右)-下

四个值: 上-右-下-左

JavaScript基础

js是JavaScript作用是:控制前端的结构和样式

语法

书写位置--script标签内

<script>
    alert();
    // 注释使用双斜杠
    // 每个语句使用;;;;;结束
</script>

定义变量--遵循命名规则

var var_name = var_value;

举例:
var btn = document.getElementById("id值");

// 变量名命名规则:  
// 字符数字下滑下组成
// 不数字开头
// 不用中文
// 不与保留字重复

定位元素

1.          document.getElementById("目标元素id属性值")

2.          注意getElementById大小写--驼峰命名法

设置样式

document.getElementById("元素id属性值").style.样式名="样式值";

事件

3.          概念:捕捉用户的行为--在什么时候做什么事情

4.          事件三要素:(当事件源发生了事件类型就执行指定命令)

1.          事件源

2.          事件类型

3.          执行的命令

      事件源.事件类型 = function() {
    执行的命令
}

举例:
document.getElementById("id值").onclick=function(){
    //命令
    document.getElementById("id值").style.width="200px";
}

var btn = document.getElementById("id值")
var box = document.getElementById("id值")

btn.onclick=function(){
    //命令
    box.style.width="200px";
}

当然以上的内容只包含了一小部分的基础内容，更多的内容其实在黑马论坛都能找到，这里就不多写了。