前端基础的知识总结【黑马软件测试培训】

更新时间:2019年07月30日 14时14分33秒来源:黑马程序员

通过这几天的前端基础的学习,我总结了以下的知识并分享给大家.
1.HTML,中文含义是超文本传输语言
2.HTML标签被分为单标签和双标签:
3.单标签书写规则:<单标签名称 />,今天见到的单标签有:meta,img,br
4.双标签书写规则:<双标签名称></双标签名称>,今天见到的双标签有:div,span,p,h1-h6
5.HTML文件中最外层的标签是html标签,称之为根标签
6.计算机中标记文件位置的路径一般分位相对路径和绝对路径.
然后,下列标签都是有什么作用?

<!DOCTYPE html>  
<html>  

<head>  
      <meta charset="UTF-8" />  
      <title>网页标题</title>  
</head>

<body>  
</body>

</html>
Web网站与HTML方面知识总结;
1. 超链接中空链接的实现方式: ( href=”###” )
2. form标签中的get方法代表{ 明文 }提交数据的方式
3. form标签中的post方法代表{ 加密 }提交数据的方式
4. CSS中文叫( 层叠样式表 )
5. CSS书写在html文件中时,需要放在( style )标签中
6. 标签选择器的写法: ( 标签名 )
7. 类选择器的写法: ( .一个类名 )
8. id选择器的写法: ( #id值 )
然后如下表单如何实现,分别是输入想要的用户名,密码框,和提交的按钮?
<form action="xxx.php" method="get">
用户名：<input type="text" placeholder="输入您想要的用户名" /><br />
密码框：<input type="password" /><br />
提交按钮：<input type="submit" value="提交" />
</form>

\2. CSS书写格式是什么
<style type="text/css">
h1{color:blue;}
</style>
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.样式名="样式值";

事件
1.概念:捕捉用户的行为--在什么时候做什么事情
2.事件三要素:(当事件源发生了事件类型就执行指定命令)
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";

}

推荐了解热门学科

java培训	Python人工智能	Web前端培训	PHP培训
区块链培训	影视制作培训	C++培训	产品经理培训
UI设计培训	新媒体培训	软件测试培训	Linux运维
大数据培训	智能机器人软件开发

传智播客是一家致力于培养高素质软件开发人才的科技公司，“黑马程序员”是传智播客旗下高端IT教育品牌。自“黑马程序员”成立以来，教学研发团队一直致力于打造精品课程资源，不断在产、学、研3个层面创新自己的执教理念与教学方针，并集中“黑马程序员”的优势力量，针对性地出版了计算机系列教材50多册，制作教学视频数+套，发表各类技术文章数百篇。

传智播客从未停止思考

传智播客副总裁毕向东在2019IT培训行业变革大会提到，“传智播客意识到企业的用人需求已经从初级程序员升级到中高级程序员，具备多领域、多行业项目经验的人才成为企业用人的首选。”

中级程序员和初级程序员的差别在哪里?
项目经验。毕向东表示，“中级程序员和初级程序员最大的差别在于中级程序员比初级程序员多了三四年的工作经验，从而多出了更多的项目经验。“为此，传智播客研究院引进曾在知名IT企业如阿里、IBM就职的高级技术专家，集中研发面向中高级程序员的课程，用以满足企业用人需求，尽快补全IT行业所需的人才缺口。

何为中高级程序员课程?

传智播客进行了定义。中高级程序员课程，是在当前主流的初级程序员课程的基础上，增加多领域多行业的含金量项目，从技术的广度和深度上进行拓展。“我们希望用5年的时间，打造上百个高含金量的项目，覆盖主流的32个行业。”传智播客课程研发总监于洋表示。

黑马程序员热门视频教程

Python入门教程完整版（懂中文就能学会）	零起点打开Java世界的大门
C++\| 匠心之作从0到1入门学编程	PHP\|零基础入门开发者编程核心技术
Web前端入门教程_Web前端html+css+JavaScript	软件测试入门到精通

全国中心

前端基础的知识总结【黑马软件测试培训】

相关阅读