各门技术细节总复习

忘是亡心i 2023-07-17 15:53 26阅读 0赞

·HTML

非表单标签  
1、b 粗体 u 下划线 i 斜体 del删除效果  
2、a 超链接 href target=\_blank  
3、img 图片  
4、framest（frame）框架集  
5、table 表格 th，tr，td（table data cell） colspan，rowspan  
6、ul li or 列表标签  
7、embed 用来播放 MP3、视频等等  
8、div 虚拟矩形区域 span 行内元素（不会换行）

表单标签  
1、 表单标签 action提交表单地址 method表单提交的方式（get/post)  
name（命名方式：regFrm）  
2、表单域（表单域一定要有name属性，否则该表单域的值不会被提交！）  
a、文本域（text单行文本域，password密码框，textarea多行文本域）  
b、radio单选按钮（组，name属性一致即为一组，每一组只能提交一个值）  
c、checkbox复选框（组，name属性一致即为一组，每一组可以提交多个值）  
d、select，option 下拉框（可以实现多选一，多选多）  
e、file 文件域 用来实现文件上传（method=post，enctype=“multipart/form-data”)  
f、hidden 隐藏域（不需要用户输入，但是服务器又需要的值）  
g、reset 重置  
h、submit 提交按钮  
i、button 普通按钮（通常用来激活一个 js函数）

·CSS  
1、如何引用css信息  
a) 通过 html元素的： style属性，class属性  
b）通过

.JAVASCRIPT  
.js的基本语法  
1、基本数据类型： undefined,null,number,字符串，boolean，Object  
2、变量的定义：var  
3、控制语句  
4、内置语句：eval（），escape（），unescape（）区别？  
5、常用的对象：Date，Math，String，RegExp，Array  
6、JSON：  
var user=(name:‘高棋’，pwd：‘123456’,sleep:function()\{  
alert(“zzzzzzz”);  
\});  
user.sleep();  
9、函数也是对象！  
10、继承是通过prototype属性来模拟。 String.prototype.trim=function()\{return this.replace("(^\\s+)||(\\s+$)","")\} “2343243”.trim();  
11、对话框：alert 警告框，prompt询问框，comfirm确认框  
12、浏览器对象  
a）window  
i、 open打开子窗口（google搜索：子窗口如何操作父窗口。window.opener) close关闭窗口  
ii、 定时操作：setTimeout,clearTimeout, setInterval,clearInterval  
b) navigator  
iii、浏览器信息。 navigator.userAgent.toLowerCase(), ie,firefox  
c)history  
iiii、 访问历史。 history.go(1)前进一个 history.go(-1)后退一个  
d)location  
iiiii、地址栏信息

.dom操作

1、如何获得节点  
a）直接获得  
i、document.getElementById()  
ii、document.getElementsByName() 返回的是数组  
iii、document.getElementsByTagName() 根据标签名字获取，返回的是数组  
b）间接获得  
i、通过父节点获得子节点  
1、childNodes  
2、firstChild,lastChild  
ii、通过子节点获得父节点  
1、parentNode  
iii、兄弟节点  
1、nextSibling,preSibling  
2、如何操作节点  
a）判断节点类型：nodeType: 1 元素节点 3：文本节点  
b）节点的属性： 通过点操作符即可。  
c)节点的文本内容：innerHTML  
3、改变DOM结构  
a)增加节点：appendChild,insertBefore  
b)删除节点：removeChild  
c)替换节点：replaceChild  
4、表单的操作  
a)通用属性：value,disabled, 表单对象elements  
b)单选按钮和复选按钮操作的时候，一般采用遍历！  
c)表单验证：  
i、  
ii、

.TOMCAT服务器  
1、server.xml  
2、web.xml  
3、目录结构的作用：  
a）lib  
b）work （存放jsp编译后的java文件）  
c）webapps  
d）conf

.SERVLET  
浏览器发送给服务器的请求内容。HTTPServletRequest对象。  
getParameter() , getParameterValues()处理复选框  
作为作用域：setAttribute,getAttribute,removeAttribute  
getRequestURL,getRequestURI,getQueryString,getContextPath  
获得客户端IP和端口：getRemoteAddr,getRemootePort  
request.setCharacerEncoding 设置请求实体的编码。他对post有效，对get无效，要让对get方式提交的数据也有效，可以改动tomcat配置文件server.xml对connection元素  
增加一个属性：useBodyEncodingForURI=“true”

请求转发：request.getRequestDispatcher(“2.jsp”).forward(request,response);

1、服务器回送到浏览器的响应内容。HTTPServletResponse对象  
setCharacterEncoding, setContentType(“text/html;charset=gbk”)  
getWriter 输出文本 getOutputStream 输出非文本

重定向：response.sendRedirect(“http://www.baidu.com”)

servlet类读取web.xml中自己的配置信息。ServletConfig  
getInitParameter("ddd’)  
2、需要读取 web.xml中的公共信息.ServletContext  
获得：this.getServletContext()  
作用域：可以被所有的servlet共享  
其他方法：getRealPath(“l.jsp”),获得子目录信息getResourcePaths

重点：  
保存以前操作的状态。 客户端保存Cookie 服务器保存Session  
客户端保存cookie的流程：  
1、服务器端写代码：Cookie c=new Cookie(“a”,“aaa”);c.setMaxAge(2000);  
response.setCookie©;  
2、响应头中就会有一个：SetCookie: a=aaa  
3、浏览器收到以后，先放到内存中。如果cookie设置了有效期，则会写到硬盘cookie文件中。  
4、浏览器以后访问服务器时，就会自动携带（在请求头中）有效的cookie信息。

服务器端如何保存信息（session的跟踪机制）：  
1、服务器会new一个session对象。同时，指定一个id给session对象。  
2、通过响应头设置：setCookie:sessionId=2343abcc32  
3、浏览器收到sessionId这个信息，下次访问一定会携带sessionId  
4、服务器收到sessionId后，根据sessionId找到对应的session对象，然后，就可以查看对象里面的内容。从而，确定之前我们进行了什么操作。也就是，实现了状态的保存！

.servlet生命周期：  
1、加载和实例化  
a）第一个请求的时候。（Servlet是单例，只有一个servlet对象）  
b）如果配置了,启动时加载  
2、初始化  
a）调用Init  
3、执行  
a）service doGet doPost  
4、销毁  
a）destroy

过滤器：  
1、实现Filter  
2、doFilter  
3、配置位于之前

监听器：  
1、实现Listener  
2、配置位于之后，之前。

.jsp  
1、<% %>脚本段  
2、<%= %>表达式  
3、<%！ %>声明  
4、<%—%>jsp注释  
5、<%@ include file=“2.jsp”>静态导入。两个jsp翻译时java文件就合并到一起。  
6、jsp:include相当于一个类调用另一个类  
7、jsp九个内置对象分别是：  
request,response,out,session,application,page,pageContext,Exception,config

.EL和JSTL  
EL表达式：操作的是作用域中的属性！  
格式：$\{\}

JSTL标签库：  
1、foreach  
2、if  
3、choose，when，otherwise  
4、set  
5、import

.ajax  
技术核心：通过XHR（XMLHttpRequest）对象发送请求，通过XHR对象接收响应。再通过js操作dom对象，将接收的新的信息，赋给某个元素。从而实现局部刷新效果。

如何使用XHR对象：  
1、创建XHR对象  
if（window.XMLHttpRequest)\{  
req=new XMLHttpRequest();  
\}else if(window.ActiveXObject)\{  
req=new ActiveXObject(“Msxml2.XMLHTTP”);  
2、创建一个请求  
req.open(“get”,“DemoServlet?username=”+username.value+"&aaa="+new Date());  
3、设置监听，处理服务器返回的响应内容  
req.onreadystatechange=function()\{  
//alert(req.readyState);  
if(4req.readyState)\{  
if(200req.status)\{  
\}  
\}  
\}  
4、发送请求  
req.send(nul);

.XML

1、XML基本语法  
2、XML的解析（DOM方式、SAX方式，JDOM、DOM4J）  
3、dtd/schema 定义XML数据的语法规则  
4、xslt 定义xml数据的显示方式