web相关知识总结
来源：互联网 发布：网络编程代码 编辑：程序博客网 时间：2024/05/16 18:05
day01总结:
一.HTML简介
1.HTML是超文本标记性语言,通过使用其中的标签<>和修改标签的属性值来达到我们设计网页的效果.
2.一个规范的HTML程序应该以<html>开始,以</html>结束,其中包含<head>和<body>两部分,<head>标签用来设置页面信息,例如其中的<title>标签用来设置标题.<body>标签显示页面信息,
我们的绝大部分操作都是在这个标签里面进行的.大部分标签都有开始和结束,例如<br/>(换行),<hr/>(水平线)等标签没有对应的结束标签,这类标签需要在标签内结束.
3.常用的标签有3.1 <font>(字体标签),用来设置文字的颜色(color属性),文字的大小(size属性)
3.2 <!-- -->注释标签
3.3 <h1> ==> <h6>标题标签,可以实现自动的文字缩小效果,换行效果.
3.4 一些特殊字符的标签, 表示一个空格
3.5 图形标签:<img src="图片路径"/>,其中有个alt属性,用来设置显示在图片上的内容(鼠标悬停片刻即可显示),若没有该图片则直接显示文字内容
3.6 超链接标签:<a href="要连接到的地址"/>,其中target属性设置打开方式,"_self"表示在当前页面打开,"_blank"表示在新的空白页面打开.将href属性值设置为#,可以让超链接没有效果.
3.7 表格标签:<table>用来界定表格的范围,<tr>表示表格中的一行,<td>表示一个单元格,<th>与<td>同级,只不过它可以使实现自动加粗和对齐.通过设置这些标签的align属性
可以设置对齐方式(居中,左,右三种).rowspan实现跨行,colspan实现跨列
<table>属性:
*** border：设置表格线
*** bordercolor：设置表格线的颜色
*** cellspacing: 设置单元格之间的距离
*** cellpadding: 设置文字和单元格之间的距离
*** width: 设置表格的宽度
*** height：设置表格的高度
3.8 表单标签:<form action="提交表单的地址" method="提交方式">,提交方式有get(可以将提交的信息显示在地址栏里),post(不显示信息).
* 输入项需要写到form标签里面
* 大部分输入项是通过标签input进行封装操作的
** <input type="输入项的类型"/>
第一个：普通输入项 <input type="text"/>
第二个：密码输入项 <input type="password"/>
第三个：单选输入项 <input type="radio"/>
** 要求：单选输入项里面必须有name属性，同时name的属性值必须要相同
** 设置默认选中，使用属性 checked="checked"
第四个：复选输入项 <input type="checkbox"/>
** 要求：单选输入项里面必须有name属性，同时name的属性值必须要相同
** 设置默认选中，使用属性 checked="checked"
第五个:下拉选择输入项
* <select>
<option>AAAA</option>
<option>BBBB</option>
<option>CCCC</option>
</select>
* 使用属性 selected="selected" 默认选中,设置name值.同时在每个option里面设置value值,这样才会将信息显示出来
第六个:提交按钮和其他的按钮
* 提交按钮： <input type="submit"/>
** 属性 value：设置提交按钮显示的内容
* 重置按钮：<input type="reset"/>
** 属性 value：设置重置按钮显示的内容
** 不是做清空表单输入项的操作，使表单输入项回到初始状态
* 使用图片进行提交：<input type="image" src="图片路径"/>
3.9 其它标签: <div>自动换行 <span>在一行显示 <b>加粗 <i>斜体显示 <u>下划线 <p>段落标签
二.CSS简介
1.CSS是层叠样式表,使用它可以设置页面内容的样式.它要和html结合使用.
2.css和html的结合方式
（1）css和html有四种结合方式
第一种：使用html标签里面的属性 style="css的代码"
第二种：使用html的标签
* <style type="text/css">
css的代码;
</style>
第三种：使用html标签实现 link，写在head里面
* 首先创建css文件，在css文件里面写css代码
* 在html中使用link标签引入css文件
* 代码 <link rel="stylesheet" type="text/css" href="CSS文件的路径"/>
第四种：使用html的style标签，在标签里面使用语句样式操作
* 首先创建css文件，在css文件里面写css代码
* 写style标签，在标签里面 @import url(css路径);
3.css的选择器
（1）css优先级
* 在一般情况下，优先级是后加载的优先级高.优先级高的会将优先级低的所做修改覆盖掉.
（2）格式规范： 属性名称1:属性值1;属性名称2:属性值2;
（3）选择器：作用在哪个标签上（要对哪个标签里面的内容进行操作）
* css有三个基本选择器
第一个：标签选择器
** 使用标签名称作为选择器
div {
background-color: red;
}
第二个：class选择器
** 每个html标签上面都有一个属性class，通过设置class属性的值
** 代码
.haha {
background-color:red;
}
第三个：id选择器
** 每个html标签都有一个属性id，通过设置id的属性值
** 代码
#hehe {
background-color:green;
}
（4）选择器的优先级
* style > id选择器 > class选择器 > 标签选择器
(5) css的扩展选择器
（1）关联选择器
* 设置嵌套标签的样式
** 代码
div p {
background-color:red;
}
（2）组合选择器
* 设置不同的标签具有相同的样式
* 代码
div,p {
background-color:green;
}
day02总结
1.JavaScript是基于对象和事件驱动的,运用于客户端的语言.类似于java语言为我们提供好了若干的类,在js中提供了若干的对象可以直接使用.通过添加事件,可以调用方法执行一些功能.
2.JavaScript由三部分组成
第一部分：ECMAScript
** 又ECMA组织制定语句，语法.学习其中的一些常见对象和方法
第二部分：BOM
** broswer object model：浏览器对象模型,window对象
第三部分：DOM
** document object model：文档对象模型.
3.js和html的结合方式
* 有两种结合方式
第一种：使用html中的标签 <script type="text/javascript"> js代码 </script>
第二种：使用html的标签，引入外部的js文件【项目开发常用方式】
<script type="text/javascript" src="js文件的路径"></script>
4.在js中所有的变量声明都是用var类型,而在java中不同的类型需要使用不同的声明方式.
5.js的原始类型
* js的原始类型有五个
第一，string：字符串类型
第二，number：数字类型,包含了java中的整数和浮点类型
第三，boolean：布尔类型 true false
第四，null,表示引用为空
第五，undefined,定义一个变量没有赋值
使用typeof(变量的名称)可以查看当前变量的类型
6.在js中==用来判断内容是否相等,===判断内容和类型是否相等.js里面不区分整数和小数,字符串相加是字符串的拼接操作，字符串相减是真正的相减运算，如果字符串不是数字提示NaN
如果布尔类型值是true，把类型当成1运算；如果布尔类型值是false，把类型当成0运算.
7.js中string对象,bold() 使用粗体显示字符串。link() 将字符串显示为链接
8.js中array对象 join()：把数组根据指定字符进行分割 pop() 删除并返回数组的最后一个元素 push() 向数组的末尾添加元素，并返回新的长度 concat()：连接数组
9,bom(浏览器对象模型) window对象中的几个常用方法:
setInterval("执行的js代码",毫秒数) 在指定的时间内，重复执行js代码,返回一个id值,使用 clearInterval(id)取消该方法.
setTimeout("执行的js代码",毫秒数) 在指定的时间之后，执行js代码，执行一次,返回id值,使用 clearTimeout(id)取消该方法.
10.一些全局函数:
eval(): 把字符串当成js代码执行
isNaN() 检查某个值是否是数字
parseInt() 解析一个字符串并返回一个整数
encodeURI() 把字符串编码为 URI decodeURI() 解码某个编码的 URI
day03总结
1.在js里面定义方法使用function关键字
2.在js里面不存在方法重载.在每个函数里面有一个arguments数组,存放所有传入的参数
3.常用的事件: onload：html页面在加载时候触发事件，调用响应的js方法,常用在body标签里面.
onclick：鼠标点击事件
onfocus：获取焦点
onblur：失去焦点
onkeypress：点击键盘上面的某个键，调用方法.方法中传入一个参数,该参数是每个键对应的值
onmouseover 鼠标被移到某元素之上
onmouseout 鼠标从某元素移开
4.DOM(文档对象模型),将一个标记型文档解析然后进行操作.
解析过程：根据html的层级结构在内存中分配一个树形结构
* document对象，代表整个文档
* element对象，代表标签
* attribute对象,代表标签中的属性
* text文本对象,代表标签里面的内容
* Node节点对象，是这些对象的父对象，在找不到想要使用的方法，到Node里面找
5.document中的方法
write()，向页面输出内容，可以输出html代码有两种
getElementById(): 获取标签对象，通过标签的id值进行获取
getElementsByName(): 根据标签里面name属性的值得到标签对象，返回数组
getElementsByTagName()：根据标签的名称获取标签对象，返回数组第一正式
6.innerHTML属性可以获取标签中的内容,也可以向标签里面写内容
7.表单提交的方式:
第一种方式：在form标签里面，写提交按钮 <input type="submit"/>
第二种方式：在form标签里面，写普通按钮 <input type="button"/>,调用submit方法
8.json数据,有两种格式.第一张是object格式,通过object.key可以获得对应的值.第二种是数组格式,遍历数组得到每一个object.
day04总结
1.数据库是用来存放数据的一个文件系统,在一个数据库中有很多个表,每个表包含有很多条记录.
2.使用sql语句对数据库进行crud操作.使用mysql -u root -p "密码"命令连接数据库
2.1 常用的sql语句: create database 数据库名 创建数据库 use 数据库名 切换到指定的数据库 showdatabases 显示当前的所有数据库 drop database 数据库名 删除一个数据库
create table 表名+字段及对应类型 创建一个表,可以设置not null表示该字段不能为空,unique表示唯一,primary key表示主键(不能为空+唯一性),auto-increment表示自动增长
show tables 查看当前数据库所有的表 drop table 表名 删除一个表
向表中添加元素 insert into 要添加的表名称 values(要添加的值);
删除元素 delete from 表名 where 条件
修改元素 update 表名 set (字段=修改的值...) where 条件
查询元素 select 字段名 from 表名 where 条件
排序 order by 默认是升序,desc表示降序
分组 group by ,后面使用having进行条件判断
别名 as
distinct表示去除重复记录
limit(index,length),如果没有index,表示查询前几条记录. 如果有,表示从index+1开始,向后查询几条
2.2 where 后面的条件可以写 模糊查询 like "%查询内容%",%表示一个占位符,可以有也可以没有 "查询内容_"表示以内容开头,且后面只能有一个字符
in (值1,值2...) 查询内容是这些值中的某个
day05总结
1.jdbc(java database connectivity),相当于一座java语言和数据库之间的桥梁,通过java代码对数据库进行crud操作.
2.操作步骤:加载数据库驱动-->获取连接-->编写sql语句-->执行语句-->释放资源
3.具体实现: 加载驱动 使用DriverManager中的方法registerDriver(Driver driver),由于该方法会加载两次驱动,所以使用Class.forname(驱动的完整名称)
获取连接 DriverManager方法getConnection(数据库路径, 用户名, 密码)
编写sql语句
执行语句 Statement方法executeQuery(String sql) 执行查询语句,返回结果集resultset,遍历获取每一个元素
Statement方法executeupdate(String sql) 执行增删改语句,返回成功的个数
Statement方法execute(String sql) 执行crud语句,若执行查询操作,返回true,否则返回false
关闭资源 后打开的先关闭
4.优化操作 :关闭资源的操作一定要执行,所以将其放在finally里面,其他代码放在try catch里面.关闭资源时进行非空判断
5.优化操作二 将有关驱动的信息放在配置文件(properties)中,读取配置文件来完成驱动的加载.两种读取方式:第一种，使用properties类.第二种，使用ResourceBundle类(必须将配置文件
放在src目录下).进一步的优化,可以将加载驱动和释放资源的操作放在一个工具类中
6.sql的注入:使用恶意的sql语句影响查询结果,使用PreparedStatement预编译对象防止sql注入.在编写sql时候，参数使用?表示（占位符）,然后设置参数的值，执行sql
一.HTML简介
1.HTML是超文本标记性语言,通过使用其中的标签<>和修改标签的属性值来达到我们设计网页的效果.
2.一个规范的HTML程序应该以<html>开始,以</html>结束,其中包含<head>和<body>两部分,<head>标签用来设置页面信息,例如其中的<title>标签用来设置标题.<body>标签显示页面信息,
我们的绝大部分操作都是在这个标签里面进行的.大部分标签都有开始和结束,例如<br/>(换行),<hr/>(水平线)等标签没有对应的结束标签,这类标签需要在标签内结束.
3.常用的标签有3.1 <font>(字体标签),用来设置文字的颜色(color属性),文字的大小(size属性)
3.2 <!-- -->注释标签
3.3 <h1> ==> <h6>标题标签,可以实现自动的文字缩小效果,换行效果.
3.4 一些特殊字符的标签, 表示一个空格
3.5 图形标签:<img src="图片路径"/>,其中有个alt属性,用来设置显示在图片上的内容(鼠标悬停片刻即可显示),若没有该图片则直接显示文字内容
3.6 超链接标签:<a href="要连接到的地址"/>,其中target属性设置打开方式,"_self"表示在当前页面打开,"_blank"表示在新的空白页面打开.将href属性值设置为#,可以让超链接没有效果.
3.7 表格标签:<table>用来界定表格的范围,<tr>表示表格中的一行,<td>表示一个单元格,<th>与<td>同级,只不过它可以使实现自动加粗和对齐.通过设置这些标签的align属性
可以设置对齐方式(居中,左,右三种).rowspan实现跨行,colspan实现跨列
<table>属性:
*** border：设置表格线
*** bordercolor：设置表格线的颜色
*** cellspacing: 设置单元格之间的距离
*** cellpadding: 设置文字和单元格之间的距离
*** width: 设置表格的宽度
*** height：设置表格的高度
3.8 表单标签:<form action="提交表单的地址" method="提交方式">,提交方式有get(可以将提交的信息显示在地址栏里),post(不显示信息).
* 输入项需要写到form标签里面
* 大部分输入项是通过标签input进行封装操作的
** <input type="输入项的类型"/>
第一个：普通输入项 <input type="text"/>
第二个：密码输入项 <input type="password"/>
第三个：单选输入项 <input type="radio"/>
** 要求：单选输入项里面必须有name属性，同时name的属性值必须要相同
** 设置默认选中，使用属性 checked="checked"
第四个：复选输入项 <input type="checkbox"/>
** 要求：单选输入项里面必须有name属性，同时name的属性值必须要相同
** 设置默认选中，使用属性 checked="checked"
第五个:下拉选择输入项
* <select>
<option>AAAA</option>
<option>BBBB</option>
<option>CCCC</option>
</select>
* 使用属性 selected="selected" 默认选中,设置name值.同时在每个option里面设置value值,这样才会将信息显示出来
第六个:提交按钮和其他的按钮
* 提交按钮： <input type="submit"/>
** 属性 value：设置提交按钮显示的内容
* 重置按钮：<input type="reset"/>
** 属性 value：设置重置按钮显示的内容
** 不是做清空表单输入项的操作，使表单输入项回到初始状态
* 使用图片进行提交：<input type="image" src="图片路径"/>
3.9 其它标签: <div>自动换行 <span>在一行显示 <b>加粗 <i>斜体显示 <u>下划线 <p>段落标签
二.CSS简介
1.CSS是层叠样式表,使用它可以设置页面内容的样式.它要和html结合使用.
2.css和html的结合方式
（1）css和html有四种结合方式
第一种：使用html标签里面的属性 style="css的代码"
第二种：使用html的标签
* <style type="text/css">
css的代码;
</style>
第三种：使用html标签实现 link，写在head里面
* 首先创建css文件，在css文件里面写css代码
* 在html中使用link标签引入css文件
* 代码 <link rel="stylesheet" type="text/css" href="CSS文件的路径"/>
第四种：使用html的style标签，在标签里面使用语句样式操作
* 首先创建css文件，在css文件里面写css代码
* 写style标签，在标签里面 @import url(css路径);
3.css的选择器
（1）css优先级
* 在一般情况下，优先级是后加载的优先级高.优先级高的会将优先级低的所做修改覆盖掉.
（2）格式规范： 属性名称1:属性值1;属性名称2:属性值2;
（3）选择器：作用在哪个标签上（要对哪个标签里面的内容进行操作）
* css有三个基本选择器
第一个：标签选择器
** 使用标签名称作为选择器
div {
background-color: red;
}
第二个：class选择器
** 每个html标签上面都有一个属性class，通过设置class属性的值
** 代码
.haha {
background-color:red;
}
第三个：id选择器
** 每个html标签都有一个属性id，通过设置id的属性值
** 代码
#hehe {
background-color:green;
}
（4）选择器的优先级
* style > id选择器 > class选择器 > 标签选择器
(5) css的扩展选择器
（1）关联选择器
* 设置嵌套标签的样式
** 代码
div p {
background-color:red;
}
（2）组合选择器
* 设置不同的标签具有相同的样式
* 代码
div,p {
background-color:green;
}
day02总结
1.JavaScript是基于对象和事件驱动的,运用于客户端的语言.类似于java语言为我们提供好了若干的类,在js中提供了若干的对象可以直接使用.通过添加事件,可以调用方法执行一些功能.
2.JavaScript由三部分组成
第一部分：ECMAScript
** 又ECMA组织制定语句，语法.学习其中的一些常见对象和方法
第二部分：BOM
** broswer object model：浏览器对象模型,window对象
第三部分：DOM
** document object model：文档对象模型.
3.js和html的结合方式
* 有两种结合方式
第一种：使用html中的标签 <script type="text/javascript"> js代码 </script>
第二种：使用html的标签，引入外部的js文件【项目开发常用方式】
<script type="text/javascript" src="js文件的路径"></script>
4.在js中所有的变量声明都是用var类型,而在java中不同的类型需要使用不同的声明方式.
5.js的原始类型
* js的原始类型有五个
第一，string：字符串类型
第二，number：数字类型,包含了java中的整数和浮点类型
第三，boolean：布尔类型 true false
第四，null,表示引用为空
第五，undefined,定义一个变量没有赋值
使用typeof(变量的名称)可以查看当前变量的类型
6.在js中==用来判断内容是否相等,===判断内容和类型是否相等.js里面不区分整数和小数,字符串相加是字符串的拼接操作，字符串相减是真正的相减运算，如果字符串不是数字提示NaN
如果布尔类型值是true，把类型当成1运算；如果布尔类型值是false，把类型当成0运算.
7.js中string对象,bold() 使用粗体显示字符串。link() 将字符串显示为链接
8.js中array对象 join()：把数组根据指定字符进行分割 pop() 删除并返回数组的最后一个元素 push() 向数组的末尾添加元素，并返回新的长度 concat()：连接数组
9,bom(浏览器对象模型) window对象中的几个常用方法:
setInterval("执行的js代码",毫秒数) 在指定的时间内，重复执行js代码,返回一个id值,使用 clearInterval(id)取消该方法.
setTimeout("执行的js代码",毫秒数) 在指定的时间之后，执行js代码，执行一次,返回id值,使用 clearTimeout(id)取消该方法.
10.一些全局函数:
eval(): 把字符串当成js代码执行
isNaN() 检查某个值是否是数字
parseInt() 解析一个字符串并返回一个整数
encodeURI() 把字符串编码为 URI decodeURI() 解码某个编码的 URI
day03总结
1.在js里面定义方法使用function关键字
2.在js里面不存在方法重载.在每个函数里面有一个arguments数组,存放所有传入的参数
3.常用的事件: onload：html页面在加载时候触发事件，调用响应的js方法,常用在body标签里面.
onclick：鼠标点击事件
onfocus：获取焦点
onblur：失去焦点
onkeypress：点击键盘上面的某个键，调用方法.方法中传入一个参数,该参数是每个键对应的值
onmouseover 鼠标被移到某元素之上
onmouseout 鼠标从某元素移开
4.DOM(文档对象模型),将一个标记型文档解析然后进行操作.
解析过程：根据html的层级结构在内存中分配一个树形结构
* document对象，代表整个文档
* element对象，代表标签
* attribute对象,代表标签中的属性
* text文本对象,代表标签里面的内容
* Node节点对象，是这些对象的父对象，在找不到想要使用的方法，到Node里面找
5.document中的方法
write()，向页面输出内容，可以输出html代码有两种
getElementById(): 获取标签对象，通过标签的id值进行获取
getElementsByName(): 根据标签里面name属性的值得到标签对象，返回数组
getElementsByTagName()：根据标签的名称获取标签对象，返回数组第一正式
6.innerHTML属性可以获取标签中的内容,也可以向标签里面写内容
7.表单提交的方式:
第一种方式：在form标签里面，写提交按钮 <input type="submit"/>
第二种方式：在form标签里面，写普通按钮 <input type="button"/>,调用submit方法
8.json数据,有两种格式.第一张是object格式,通过object.key可以获得对应的值.第二种是数组格式,遍历数组得到每一个object.
day04总结
1.数据库是用来存放数据的一个文件系统,在一个数据库中有很多个表,每个表包含有很多条记录.
2.使用sql语句对数据库进行crud操作.使用mysql -u root -p "密码"命令连接数据库
2.1 常用的sql语句: create database 数据库名 创建数据库 use 数据库名 切换到指定的数据库 showdatabases 显示当前的所有数据库 drop database 数据库名 删除一个数据库
create table 表名+字段及对应类型 创建一个表,可以设置not null表示该字段不能为空,unique表示唯一,primary key表示主键(不能为空+唯一性),auto-increment表示自动增长
show tables 查看当前数据库所有的表 drop table 表名 删除一个表
向表中添加元素 insert into 要添加的表名称 values(要添加的值);
删除元素 delete from 表名 where 条件
修改元素 update 表名 set (字段=修改的值...) where 条件
查询元素 select 字段名 from 表名 where 条件
排序 order by 默认是升序,desc表示降序
分组 group by ,后面使用having进行条件判断
别名 as
distinct表示去除重复记录
limit(index,length),如果没有index,表示查询前几条记录. 如果有,表示从index+1开始,向后查询几条
2.2 where 后面的条件可以写 模糊查询 like "%查询内容%",%表示一个占位符,可以有也可以没有 "查询内容_"表示以内容开头,且后面只能有一个字符
in (值1,值2...) 查询内容是这些值中的某个
day05总结
1.jdbc(java database connectivity),相当于一座java语言和数据库之间的桥梁,通过java代码对数据库进行crud操作.
2.操作步骤:加载数据库驱动-->获取连接-->编写sql语句-->执行语句-->释放资源
3.具体实现: 加载驱动 使用DriverManager中的方法registerDriver(Driver driver),由于该方法会加载两次驱动,所以使用Class.forname(驱动的完整名称)
获取连接 DriverManager方法getConnection(数据库路径, 用户名, 密码)
编写sql语句
执行语句 Statement方法executeQuery(String sql) 执行查询语句,返回结果集resultset,遍历获取每一个元素
Statement方法executeupdate(String sql) 执行增删改语句,返回成功的个数
Statement方法execute(String sql) 执行crud语句,若执行查询操作,返回true,否则返回false
关闭资源 后打开的先关闭
4.优化操作 :关闭资源的操作一定要执行,所以将其放在finally里面,其他代码放在try catch里面.关闭资源时进行非空判断
5.优化操作二 将有关驱动的信息放在配置文件(properties)中,读取配置文件来完成驱动的加载.两种读取方式:第一种，使用properties类.第二种，使用ResourceBundle类(必须将配置文件
放在src目录下).进一步的优化,可以将加载驱动和释放资源的操作放在一个工具类中
6.sql的注入:使用恶意的sql语句影响查询结果,使用PreparedStatement预编译对象防止sql注入.在编写sql时候，参数使用?表示（占位符）,然后设置参数的值，执行sql
0 0
- web相关知识总结
- java 及WEB相关面试知识总结
- Web Service相关知识
- Web相关知识，Tomcat
- Web开发相关知识
- web相关知识
- web相关知识
- Unicode相关知识总结
- SOA相关知识总结
- DataGrid相关知识总结
- DataGrid相关知识总结
- DLL相关知识总结
- jsr75相关知识总结
- 软件工程相关知识总结
- 域名相关知识总结
- Select 相关知识总结
- Flash相关知识总结
- HTML5 相关知识总结
- 图的深度遍历
- Uva122 Trees on the level【指针建立树+bfs遍历树】【例题6-7】
- linux把文件放置到剪贴板
- Linux网络配置
- 趣味代码：水果动物派对
- web相关知识总结
- 40个Java多线程问题总结
- sharedpreferences保存用户设置
- linux进程改名
- JSP运行原理及相关知识
- Windows/Linux 打Log
- Gradle for Android学习笔记（一）
- Angularjs+node+Mysql实现地图上的多点标注
- win32强化练习3.3_定时器与弹球
