有关于前端的一些基本知识总结
前端后端全栈
HTML和css
切图以及JavaScript
全栈：就是前端以及后台都精通
后端三高
高负载:可以提供给多少用户使用
高可用：用户可以使用多长时间不会挂机
高并发：很多用户同时使用
服务器的快速响应
前端需要掌握HTML，css,javascript技术，ajax,dom,xml,json技术,js框架等等
后端java基础，java技术体系,熟悉IO，多线程，集合等框架数据库以及服务器等一些
需要学习了解清楚
理解java运行时工作原理，熟悉JVM性能调优，集群处理，负载均衡，异地多活等大访问
高并发架构设计，有docker容器架构经验优先
html 超文本标记语言
编辑方式
Notepad
半所见所得软件：在线网页编辑器
所见即所的软件，使用最广泛地编辑器，开发速度比较快以及效力更高
结构
<!DOCTYPE html>
<html lang ="en">
<head><meta charset="UFT-8"><title>好好学club</title>
</head>
<body>
<h1>
我爱我的祖国！
</h1>
</body>
</html>
html字符集
两种情况需要使用特殊字符
1.在网页上面有着特殊意义的字符
2.键盘上面没有的字符，html字符可以用一些代码来表示
例如 是空格
<是< ,>是>
比较重要的有关于html
表单
几个比较典型的
文本域，下拉表单，单选框和复选框等
表单的格式
是换行符
文本框
密码框
Male 单选框
I hava a bike
I have a car
复选框
提交按钮
表单提交的方式
get 与post两种方式进行表单提交
get提交方式
在发送密码或者就是其他比较铭感的信息就不能用get
get方式的安全性差一下
post的安全性比较好，在web和浏览器当中使用的就比较多
布局 -------表格
table
<table border="1">
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
<td>第一行第三列</td>
<td>第一行第四</td>
</tr>
<tr>
<td colspan='4'>21</td>
</tr>
</table>
//tr是行
//td是列
div布局
div是用于分组html元素的块级元素
div子元素是块级元素
有关于float 就是在大区块里面摆放小区快，依次摆放
css 是用于渲染html元素标签的样式
在css当中添加
<style type="text/css">
body {background-color:yellow;}
p{color:blue;}
.picDiv{background-color:red}
</style>
//如果在html当中是class,那么在css渲染的时候就是需要在前面添加一个“.”
css的组成部分
选择器
一条或者多条声明
选择器一般是你要改变样式的HTML元素
每条声明由一个属性以及一个值组成
属性是您希望设置的样式属性。每个属性有一个值，属性和值被冒号分开
每条声明由分号分开
声明1 声明2
h1 { color:blue ; font-size:12px}//px:是像素单位，在css当中使用的单位
选择器 属性 值 分隔 属性 值
id和class
id选择器以“#”来定义
class选择器用“.”来定义
样式冲突当中，遵循就尽原则
id和class同时出现，以id为准
在网页当中查看网页代码快捷键F12
有关于切图
使用ps进行切图
Javascript（js）是一种高级的，解释性的编程语言
脚本语言（可以看到源码），解释性，轻量级浏览器执行，不支持I/0，不支持硬件操作
是编程语言，解释性：边解释边执行
一部分代码样例
<!DOCTYPE html>
<html lang ="en">
<head><meta charset="UFT-8"><title>好好学club</title>
<script type="text/javascript">
document.write("Hello World");//在浏览器视窗内直接显示
alter("Hello World"); //弹窗显示
console.log("Hello World"); //在控制台console里显示，需要先开启开发工具控制台
</script>
</head>
<body>
<h1>
我爱我的祖国！
</h1>
</body>
</html>
js作用
1.直接写入HTML输出流
2.对事件的反应
3.改变HTML的内容
4.改变HTML的图片
5.改变HTML的样式
6.Eval()函数可以直接运行一个JavaScript函数
js调试
在程序当中添加Debugger
F12在网页中显示代码
F8跟踪调试
js通常使用的地方
1.嵌入动态文本Html当中
2.对浏览事件作出响应
3.读写Html元素
4.在数据被提交到服务期之前提交数据
5.检测访客浏览器信息
6.控制cookies，包括创建以及修改
引入jquery框架
jquery中左右选择器都是以美元符开头：$（）;
引入Bootstrap框架
使用Bootstrap框架需要引入Bootstrap js 和Bootstrap css包
引入Layui框架
使用Layui框架需要引入Layui js 和Layui css包