黑马程序员技术交流社区

标题: 技术分享 [打印本页]

作者: Loujunhui001    时间: 2019-3-29 17:57
标题: 技术分享
说是技术贴,其实也只是自己的一个学习记录。
首先我觉得无论是在学习上,还是工作中,我们都要培养一个独立解决问题的能力,特别是对于我们转行互联网行业的人来说,用好互联网这个庞大的信息库来解决问题是非常重要的。我个人认为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基础
jsJavaScript作用是:控制前端的结构和样式
语法
书写位置--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";
}
当然以上的内容只包含了一小部分的基础内容,更多的内容其实在黑马论坛都能找到,这里就不多写了。






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