JQuery&CSS3、HTML5新特性&struts2&

选择器

ID选择器、class选择器、标签选择器、通用选择器（*）
层次选择器（儿子选择器>,后代选择器 空格）、属性选择器（Tag[attrName=‘test’]）eg: input[name=‘hahah’]

JQuery的页面加载完毕时间

$(document).ready(function(){});

$(function(){});
window.onload区别：

1. JQuery中的页面加载完毕，表示页面结构被加载完毕
2. window.onload表示页面加载完毕

JQuery的AJAX和原生JS实现AJAX有什么关系？

JQuery的AJAX是通过原生JS封装的。封装后使用更加便利不用考虑底层兼容性。

HTML5

添加canvas画布、声音 使用多个 元素、视频 支持多个source 元素、web存储（sessionStorage，localStorage）、地理定位window.navigator.geolocation、拖放API、web worker（是运行在后台js，当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。）等高级功能。

• 语义化标签：header、footer
• 增强型表单：拥有多个新的表单 Input 输入类型，提供了更好的输入控制和验证。
  SVG 是一种使用 XML 描述 2D 图形的语言。
  Canvas 通过 JavaScript 来绘制 2D 图形。

HTML5新特性

拖放

拖放的源对象(可能发生移动的)可以触发的事件
dragstart：拖动开始
drag：拖动中
dragend：拖动结束
整个拖动过程的组成： dragstart1 + dragn + dragend*1

CSS3

盒子圆角边框、盒子和文字阴影、渐变、转换移动缩放旋转、过渡动画、媒体查询响应式网站。浏览器兼容问题
CSS3和HTML特性

bootstrap

移动设备优先的UI框架。

什么是框架？

解决开放性问题的具有一定约束行的支撑结构，可以方便快速的构建完整的解决问题的方案。

MVC框架

jsp+servlet+javaBean
传统MVC模式问题

1. servlet配置在web.xml,不能实现模块化管理。
2. servlet功能不单一，功能是接受参数、调用逻辑、跳转页面等
   • 不能通过model接收，只能单个接收，再转换封装model
   • 跳转页面方法单一（forward、redirect），页面名称发生改变时需修改源代码。

String name = request.getParameter("name");
User user = new User();
user.setName(name);

MVC框架
Structs2
Spring MVC

框架和设计模式和架构的区别

框架是代码重用，设计模式是设计重用
架构介于两者之间，部分代码重用，部分设计重用，有时分析也可重用
内部重用、代码重用、应用框架的重用

Struts2执行流程

1. 浏览器发送请求，经过一系列的过滤器后，到达核心过滤器（StrutsPreparedAndExecuteFilter）
2. StrutsPreparedAndExecuteFilter通过ActionMapper判断当前请求是否需要Action处理。将请求交给ActionProxy
3. ActionProxy通过Configuration Manager询问框架配置文件（Struts.xml）找到Action类
4. 创建ActionInvocation实例，在调用Action方法前后执行拦截器，调用Action对应方法找到结果集的Name。
5. 通过结果集的Name找到对应的结果来响应浏览器
   拦截-判断-寻找-执行-响应

struts2中的拦截器，作用

作用：

• 动态拦截Action调用的对象，提供给开发者定义在Action前后执行的代码
• 阻止Action执行，同时提供一种可以提取Action中可复用部分的代码
• AOP（面向切面编程Aspect-Oriented-Programming）中拦截器用在某个方法或字段被访问之前，进行拦截。并在之前或之后加入操作
• 动态代理

struts2的功能（参数处理、文件上传、字符编码）都是通过系统拦截器来实现的。通过动态配置方式，在执行Action方法前后，加入相关逻辑完成业务
使用场景：用户登录判断、用户权限判断、操作日志

拦截器（interceptor）和过滤器（filter）区别

1. 过滤器只能在初始化是调用一次，拦截器可悲多次调用
2. 过滤器（面向切面编程）配置web.xml文件时设置字符编码，拦截器在Spring MVC的配置文件中。
3. 过滤器基于函数回调（servlet），拦截器是基于web框架的调用（Java的反射机制）可使用DI（依赖注入）记性业务操作
4. 过滤器执行顺序在interceptor之前
   过滤器使用场景：修改字符编码（CharacterEncodingFilter）、修改HttpServletRequest的参数，过滤低俗文字，危险字符等

Spring MVC执行流程（原理）

1. 客户端发送请求，前端控制器DispatcherServlet捕获。
2. DispatcherServlet解析URL，得到URI（请求资源标识符），根据URI调用HandlerMapping，获得Handler配置的所有相关对象。（通过URI找到Handler）
3. 选择HandlerAdapter，提取模型数据,填充Handle入参，执行。
4. 返回ModelAndView对象，选择合适的ViewResolver
5. 通过ViewResolver结合Model和view，渲染视图返回客户端

前端控制器捕获请求->查找、获取handler->执行handler->选择viewResolver->渲染视图返回

struts2和springMVC区别

1. 核心控制器（前端控制器、预处理控制器）不同，struts2入口为过滤器（StrutsPreparedAndExecuteFilter），springmvc入口为前端控制器DispatcherServlet
2. 控制器的实例，springMVC基于方法设计（只有一个实例调用不同的方法），struts2基于对象（发一次请求实例一个action）
3. 管理方式，spring和spingMVC控制器管理简单，提供全注解方式进行管理。struts2利用xml配置参数来管理。
4. 参数传递：struts2提供多种参数接收，通过valuestack（值栈）传值。SpringMVC通过方法的参数接收。
5. 学习难度：struts2有拦截器、值栈、OGNL表达式等学习成本高。springmvc简单。
6. interceptor的实现机制：struts2有自己的拦截器机制，spring MVC用独立AOP方式。struts的配置文件比springMVC大
   方法级别拦截，方法–>request上下文–url（容易实现RESTful url）
7. Spring MVC处理AJAX请求，直接通过返回数据，方法中使用注解@ResponseBody自动将对象转换为JSON数据。struts通过通过插件进行处理