HTML 结构
1.<html lang="en,zh"> 告诉网络爬虫这个网站是关于什么内容的,方便让网页靠前,en是英文,zh是中文
2.<meta content="fuzhuang"name="keywords">
<meta content="dfdfdfd" name="description"> 这些都是属于seo方法,让网页尽量靠前
3.常用标签:
<p>:段落标签 ,<del>:删除线 ,<strong>:加粗 ,<em>:斜体,<address>:地址斜体加换行,<div>:块容器 ,<span>:行容器,<br>换行(单标签),<hr>水平线(单标签)
4.淘宝红:<span style="color:#f40">
5.编辑器里的空格(回车)很特殊,是英文单词文本分隔符,来让电脑区分英文单词,多个空格只能表示1个空格,而中文汉子不需要空格也能区分
6.html编码特殊字符:  空格,< <, &gl >
7.<ol type="" reversed="reversed" start="">有序列表
type中可以写英文大小写字母a,就是按字母排列,可以写大小写i就是罗马数字
reversed倒序
start是开始排序的位置,类型是数字的话2就是从2开始,是字母的话2就是从B开始
<li>
8.<ul type="disc"> 无序列表
type中默认disc 实心圆,square实心方块,circle空心圈,
<li>
9.<img src="" style="width:200px" alt="" title=""> 单标签
url:百度图片需要右击图片点新窗口打开图片,这个地址就是图片url地址
本地绝对路径:当html和图片不在同一目录下,写全路径
本地相对路径:当html和图片在同一目录下,只写图片名称和后缀
alt:当图片无法显示,图片位置显示这段信息
title:当鼠标悬浮在图片上显示的信息
10.<a href="" target="">www.baidu.com</a>
href:目标地址url,如果是链接div的话,先要div设置id,然后href里写#div的id,
可以连接电话:tel:12345678913
可以发邮件:mailto:111@qq.com
可以协议限定符:javascript:while(1){alert('哈哈')}
target:_blank在新网页打开链接
11.<form method="" action="">
method:get/post
action:目标地址url
<input type="text" name="">单标签
<input type="text" name="" value="gogogo" οnfοcus="if(this.value==''){this.value==''}" οnblur="if(this.value==''){this.value==‘gogogo’}"> :text文本格式,value的值就是默认在输入框中的信息,onfocus是当激活这个框时操作,onblur是当输入框失去焦点时操作
<input type="password" name=""> :password密码格式
<input type="submit" name="" value=""> :submit提交,value可以改名字
<input type="radio" name="" value="" checked="checked"> :radio单选框,里面加name=""来统一范围,value用来当传给后端的数值,checked是默认选项
<input type="checkbox" name="" value="" value="" checked=""> :checkbox复选框
<select name=""> :下拉菜单
<option value="">xxx</option> option就是下拉内容,可以多个,如果value有值,以value的值发送
所有标签中name是数据名,submit是通过数据名传给后端,这个必须要写12.在网页F12 Console查看密码:var div=document.getElementsByTagName('input')[1];
div.value
13.很多网页搜索框都有个bug:输入和框内容一样的文字,之后失焦再点框就没文字了
14.浏览器分为shell部分和内核2部分
IE:Trident Firefox:Gecko Google chrome:Webkit/blink Safari:Webkit Opera:presto
15.备注:<!---->,可以调试
CSS样式
1.css有3种引入方式:
行间样式:直接在<body>内标签里写style=""
页面样式:在<head>写<Style>
外部Css文件链接:创建一个新.css文件,在html文件<head>里加个<link href="xx.css">标签,注意相对和绝对路径,和html异步加载,就是同时加载
优先级:行间>页面>外部
2.域名通过dns解析地址 www.baidu.com--dns--192.168.00.01
3.css选择器
ID选择器:在标签里添加id属性,css配置里#id名{}
class选择器:在标签里添加class属性,css配置里.class名{},可以1对多,单个class后面可以添加多个class名,中间加空格
标签选择器:直接在css配置里div{},
通配符选择器:css配置里写*{}
属性选择器:css配置里写[id],所有id属性都被选中,也可以[id=""]属性名加值
优先级:!important>行间>id>class=属性选择器>标签选择器> 通配符选择器,class和属性顺序有限,!important是在css属性值最后面添加
4.CSS权重:
!important infinity
行间样式 1000
id 100
class|属性|伪类(:hover) 10
标签|伪元素(:before/after{content:""}行级元素) 1
通配符 0
256进制
5. 父子选择器:div em{}之间加个空格,父类下所有元素
6.直接子元素选择器:div>em{},直接下一级元素,浏览器选择方向是从右向左的顺序
7.body有个天生的margin=8px
8.位置定位:
position:absolute 绝对定位,只有2个属性,left/right和top/bottom,释放原来位置定位,会重叠,相对于最近的有定位的父级定位,如果父级没有定位,则定位body
position:relative 相对定位,不释放原来位置,保留原来位置进行定位,改变后的位置可以重叠,相对于开始位置定位,一般用来做参照物
position:fixed:固定定位
z-index:设置层的级别,数字越大就是最高层
9.margin塌陷:垂直margin,父子会粘合到一起,取最大的数值移动,解决方案,可以在父级border-top加根线,或者bfc解决,在父级position:absolute或者overfolw:hidden或者display:inline-block
10.overfolw:hidden,溢出盒子部分隐藏
11.float:left/right 浮动元素,他产生了浮动流,导致块级元素并且只有块级元素看不到他们,bfc的元素和文本类属性元素(带有inliine的元素)以及文本都能看到浮动元素
12.bfc产生的条件:
float
display
position
13.clear:both,清楚浮动流,只有是块级元素才能使用clear
14.<p>标签不能套<div>标签,<a>标签不能套<a>标签
js
1.js是解释性语言,js引擎是单线程,ECMA标准
2.js三部分:ecma,dom,bom
3.js外部引入文件:<script src="">,引用外部文件就不能再内嵌
4.js原始值:String Number Boolean Undefined Null
5.js引用值:引用地址
6.NAN不等于任何东西
7.typeof(数据) 返回数据类型,number string boolean object(null) undefined function
8.Number() 类型转换成数字,null转换成0,undefined转换成Nan
9.parseInt() 类型转换成整数,“123ab”=123,null,undefined都是Nan
10.null和undefined没有tostring方法
11.0.14*100 是bug
12.nodeValue 只可以读写text和comment节点
13.nodeType 返回节点类型 1元素节点 2属性节点 3文本节点 8注释节点 9Document节点
14.document.compatMode() 查看模式,BackCompat是混乱模式,CSS1Compat是标准模式
15.div.style.width 只能读到行间数据,css,内联和外联读不到
16.window.getComputedStyle() 获取元素信息,可以获取尾元素
17.链接功能有onclick事件,去掉链接默认行为 <a href="javascript:void(0)">
Servlet
1.继承HttpServlet,重写doGet和doPost方法,并删除super方法,然后web.xml配置servlet和servlet-mapping,web.xml一定要放在WEB-INF目录下
2.调用顺序,构造器-init-doget-destory
3.通过web.xml初始化参数 配置context 然后在servlet类里调用this.getServletContext().getInitParameter()方法通过key调用value
4.resp.setHead("reflash",1) 设置响应头 每隔1秒刷新一次
5.作用域:ServletContext---HttpSession--HttpServletRequest
6.filter 也需要配置,url-pattern里面的是需要被过滤的html,在doFilter方法要加doFilter
7.监听器先实现ServletContextListener抽象类/ServletContextAttributeListener监听属性变化/HttpSessionListener监听session创建和销毁,再Listener只需要xml配置listener-class就可以
JSP
1.作用域大小:application-session-request-pageContext
2.findAttrobite() 从小到大作用域找
3.JSP三大指标:page,include,taglib <%@...%>
4.request.getContextPath() 能够获得当前项目路径
5.在post格式request接受数据默认是iso8859格式,需要setCharacterEncoding(“utf-8”)更改编码
6.服务器端的jsp文件 如果跳转不需要加项目名
7.error可以在xml配置文件里配置,<%@ errorPage %> 优先于配置文件
AJAX
1.创建 new XMLHttpRequest()--open(type,url,sych)--onload() 状态码readstate一定是4--send
2.onProgress() readState=3
3.jason里的key或value字符串必须用双引号
4.从SMLHttpResquest信息中解析JSON对象数据需要使用JSON.parse()成对象