WEB方面面试题详解

Posted 2021-03-04 linanana

291. WEB 应用中如果有.class 和.jar 类型的文件一般分别应该放
     在什么位置？
     答:
     .class 文件放在 WEB-INF/classes 文件下，.jar 文件放在 WEB-INF/lib
     文件夹下
292. 元素中有一个输入框（<input type=”text” name=”
     username”id=”username”value=””/>,请用 javascript
     语言写一行代码，取得这个输入框中的值。
     答:
     document.getElementById(“username”).value;
293. 简单描述一下 Servlet 与 JSP 的的相同点和区别点。
     区别：
     JSP 是在 html 代码里写 JAVA 代码,框架是 HTML;而 Servlet 是在 JAVA 代
     码中写 HTML 代码，本身是个 JAVA 类。
     JSP 使人们把显示和逻辑分隔成为可能，这意味着两者的开发可并行进行；
     而 Servlet 并没有把两者分开。
     Servlet 独立地处理静态表示逻辑与动态业务逻辑.这样,任何文件的变动都
     需要对此服务程序重新编译;JSP 允许用特殊标签直接嵌入到 HTML 页面,
     HTML内容与JAVA内容也可放在单独文件中,HTML内容的任何变动会自动
     编译装入到服务程序.
     Servlet 需要在 web.xml 中配置，而 JSP 无需配置。
     目前 JSP 主要用在视图层，负责显示，而 Servlet 主要用在控制层，负责调
     度
     联系：
     都是 Sun 公司推出的动态网页技术。
     先有 Servlet，针对 Servlet 缺点推出 JSP。JSP 是 Servlet 的一种特殊形式，
     每个 JSP 页面就是一个 Servlet 实例——JSP 页面由系统翻译成 Servlet，
     Servlet 再负责响应用户请求。
294. 请简单描述下几个您熟悉 JavaScript 库，它们有哪些作用和
     特点？
     JavaScript 高级程序设计（特别是对浏览器差异的复杂处理），通常很困难
     也很耗时。为了应对这些调整，许多的 JavaScript 库应运而生。这些
     JavaScript 库常被称为 JavaScript 框架。
     jQuery:
     Ext JS - 可定制的 widget，用于构建富因特网应用程序（rich Internet
     applications）。
     Prototype
     MooTools。
     YUI - Yahoo! User Interface Framework，涵盖大量函数的大型库，从简
     单的 JavaScript 功能到完整的 internet widget。
295. 简单描述 HTML，CSS，Javascript 在 Web 开发中分别起
     什么作用？
     1、什么是 HTML（超文本标记语言 Hyper Text Markup Language），
     HTML 是用来描述网页的一种语言。
     2、CSS(层叠样式表 Cascading Style Sheets),样式定义如何显示 HTML
     元素，语法为：selector {property：value} (选择符 {属性：值})
     3、JavaScript 是一种脚本语言，其源代码在发往客户端运行之前不需经过
     编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行
     对于一个网页，HTML 定义网页的结构，CSS 描述网页的样子，JavaScript
     设置一个很经典的例子是说 HTML 就像 一个人的骨骼、器官，而 CSS 就是
     人的皮肤，有了这两样也就构成了一个植物人了，加上 javascript 这个植物
     人就可以对外界刺激做出反应，可以思 考、运动、可以给自己整容化妆（改
     变 CSS）等等，成为一个活生生的人。
     如果说 HTML 是肉身、CSS 就是皮相、Javascript 就是灵魂。没有
     Javascript,HTML+CSS 是植物人，没有 Javascript、CSS 是个毁容的植物
     人。
     如果说 HTML 是建筑师，CSS 就是干装修的，Javascript 是魔术师。
296. 当 DOM 加载完成后要执行的函数，下面哪个是正确的()
     A JQuery（expression, [context]）
     B. JQuery（html, [ownerDocument]）
     C. JQuery（callback）
     答案：C
297. 举例说明 JAVA 中如何解析 xml，不同方式有和优缺点？
     答：
298. DOM（Document Object Model)
     DOM是用与平台和语言无关的方式表示XML 文档的官方W3C标准。DOM
     是以层次结构组织的节点或信息片断的集合。这个层次结构允许开发人员在
     树中寻找特定信息。分析该结构通常需要加载整个文档和构造层次结构，然
     后才能做任何工作。由于它是基于信息层次的，因而 DOM 被认为是基于树
     或基于对象的。
     【优点】
     ①允许应用程序对数据和结构做出更改。
     ②访问是双向的，可以在任何时候在树中上下导航，获取和操作任意部分的
     数据。
     【缺点】
     ①通常需要加载整个 XML 文档来构造层次结构，消耗资源大。
299. SAX（Simple API for XML)
     SAX 处理的优点非常类似于流媒体的优点。分析能够立即开始，而不是等待
     所有的数据被处理。而且，由于应用程序只是在读取数据时检查数据，因此
     不需要将数据存储在内存中。这对于大型文档来说是个巨大的优点。事实上，
     应用程序甚至不必解析整个文档；它可以在某个条件得到满足时停止解析。
     一般来说，SAX 还比它的替代者 DOM 快许多。
     选择 DOM 还是选择 SAX？ 对于需要自己编写代码来处理 XML 文档的开
     发人员来说， 选择 DOM 还是 SAX 解析模型是一个非常重要的设计决策。
     DOM采用建立树形结构的方式访问XML文档，而SAX采用的是事件模型。
     DOM 解析器把 XML 文档转化为一个包含其内容的树，并可以对树进行遍
     历。用DOM解析模型的优点是编程容易，开发人员只需要调用建树的指令，
     然后利用 navigation APIs 访问所需的树节点来完成任务。可以很容易的添
     加和修改树中的元素。然而由于使用 DOM 解析器的时候需要处理整个 XML
     文档，所以对性能和内存的要求比较高，尤其是遇到很大的 XML 文件的时
     候。由于它的遍历能力，DOM 解析器常用于 XML 文档需要频繁的改变的
     服务中。
     SAX 解析器采用了基于事件的模型，它在解析 XML 文档的时候可以触发一
     系列的事件，当发现给定的 tag 的时候，它可以激活一个回调方法，告诉该
     方法制定的标签已经找到。SAX 对内存的要求通常会比较低，因为它让开发
     人员自己来决定所要处理的 tag.特别是当开发人员只需要处理文档中所包
     含的部分数据时，SAX 这种扩展能力得到了更好的体现。但用 SAX 解析器
     的时候编码工作会比较困难，而且很难同时访问同一个文档中的多处不同数
     据。
     【优势】
     ①不需要等待所有数据都被处理，分析就能立即开始。
     ②只在读取数据时检查数据，不需要保存在内存中。
     ③可以在某个条件得到满足时停止解析，不必解析整个文档。
     ④效率和性能较高，能解析大于系统内存的文档。
     【缺点】
     ①需要应用程序自己负责 TAG 的处理逻辑（例如维护父/子关系等），文档
     越复杂程序就越复杂。
     ②单向导航，无法定位文档层次，很难同时访问同一文档的不同部分数据，
     不支持 XPath。
300. JDOM(Java-based Document Object Model)
     JDOM 的目的是成为 Java 特定文档模型，它简化与 XML 的交互并且比使用
     DOM 实现更快。由于是第一个 Java 特定模型，JDOM 一直得到大力推广
     和促进。正在考虑通过“Java 规范请求 JSR-102”将它最终用作“Java 标
     准扩展”。从 2000 年初就已经开始了 JDOM 开发。
     JDOM 与 DOM 主要有两方面不同。首先，JDOM 仅使用具体类而不使用
     接口。这在某些方面简化了 API，但是也限制了灵活性。第二，API 大量使
     用了 Collections 类，简化了那些已经熟悉这些类的 Java 开发者的使用。
     JDOM 文档声明其目的是“使用 20%（或更少）的精力解决 80%（或更多）
     Java/XML 问题”（根据学习曲线假定为 20%）。JDOM 对于大多数 Java/XML
     应用程序来说当然是有用的，并且大多数开发者发现 API 比 DOM 容易理解
     得多。JDOM 还包括对程序行为的相当广泛检查以防止用户做任何在 XML
     中无意义的事。然而，它仍需要您充分理解 XML 以便做一些超出基本的工
     作（或者甚至理解某些情况下的错误）。这也许是比学习 DOM 或 JDOM 接
     口都更有意义的工作。
     JDOM 自身不包含解析器。它通常使用 SAX2 解析器来解析和验证输入 XML
     文档（尽管它还可以将以前构造的 DOM 表示作为输入）。它包含一些转换
     器以将 JDOM 表示输出成 SAX2 事件流、DOM 模型或 XML 文本文档。
     JDOM 是在 Apache 许可证变体下发布的开放源码。
     【优点】
     ①使用具体类而不是接口，简化了 DOM 的 API。
     ②大量使用了 Java 集合类，方便了 Java 开发人员。
     【缺点】
     ①没有较好的灵活性。
     ②性能较差。
301. DOM4J(Document Object Model for Java)
     虽然 DOM4J 代表了完全独立的开发结果，但最初，它是 JDOM 的一种智
     能分支。它合并了许多超出基本 XML 文档表示的功能，包括集成的 XPath
     支持、XML Schema 支持以及用于大文档或流化文档的基于事件的处理。
     它还提供了构建文档表示的选项，它通过 DOM4J API 和标准 DOM 接口具
     有并行访问功能。从 2000 下半年开始，它就一直处于开发之中。
     为支持所有这些功能，DOM4J 使用接口和抽象基本类方法。DOM4J 大量
     使用了 API 中的 Collections 类，但是在许多情况下，它还提供一些替代方
     法以允许更好的性能或更直接的编码方法。直接好处是，虽然 DOM4J 付出
     了更复杂的 API 的代价，但是它提供了比 JDOM 大得多的灵活性。
     在添加灵活性、XPath 集成和对大文档处理的目标时，DOM4J 的目标与
     JDOM 是一样的：针对 Java 开发者的易用性和直观操作。它还致力于成为
     比 JDOM 更完整的解决方案，实现在本质上处理所有 Java/XML 问题的目
     标。在完成该目标时，它比 JDOM 更少强调防止不正确的应用程序行为。
     DOM4J 是一个非常非常优秀的 Java XML API，具有性能优异、功能强大
     和极端易用使用的特点，同时它也是一个开放源代码的软件。如今你可以看
     到越来越多的 Java 软件都在使用 DOM4J 来读写 XML，特别值得一提的是
     连 Sun 的 JAXM 也在用 DOM4J.
     【优点】
     ①大量使用了 Java 集合类，方便 Java 开发人员，同时提供一些提高性能的
     替代方法。
     ②支持 XPath。
     ③有很好的性能。
     【缺点】
     ①大量使用了接口，API 较为复杂。
     二、比较
302. DOM4J 性能最好，连 Sun 的 JAXM 也在用 DOM4J。目前许多开源项目
     中大量采用 DOM4J，例如大名鼎鼎的 Hibernate 也用 DOM4J 来读取 XML
     配置文件。如果不考虑可移植性，那就采用 DOM4J.
303. JDOM 和 DOM 在性能测试时表现不佳，在测试 10M 文档时内存溢出，
     但可移植。在小文档情况下还值得考虑使用 DOM 和 JDOM.虽然 JDOM 的
     开发者已经说明他们期望在正式发行版前专注性能问题，但是从性能观点来
     看，它确实没有值得推荐之处。另外，DOM 仍是一个非常好的选择。DOM
     实现广泛应用于多种编程语言。它还是许多其它与 XML 相关的标准的基础，
     因为它正式获得 W3C 推荐（与基于非标准的 Java 模型相对），所以在某些
     类型的项目中可能也需要它（如在 JavaScript 中使用 DOM）。
304. SAX 表现较好，这要依赖于它特定的解析方式－事件驱动。一个 SAX 检
     测即将到来的 XML 流，但并没有载入到内存（当然当 XML 流被读入时，会
     有部分文档暂时隐藏在内存中）。
     我的看法：如果 XML 文档较大且不考虑移植性问题建议采用 DOM4J；如
     果 XML 文档较小则建议采用 JDOM；如果需要及时处理而不需要保存数据
     则考虑 SAX。但无论如何，还是那句话：适合自己的才是最好的，如果时间
     允许，建议大家讲这四种方法都尝试一遍然后选择一种适合自己的即可。
305. char 型变量中能不能存储一个中文汉字？
     答：
     1.java 采用 unicode 编码，2 个字节（16 位）来表示一个字符， 无论是汉
     字还是数字，字母，或其他语言都可以存储。
     2.char 在 java 中是 2 个字节，所以可以存储中文
306. 一个类可以实现多个接口，但只能继承一个抽象类。
     下面接着再说说两者在应用上的区别：
     接口更多的是在系统架构设计方法发挥作用，主要用于定义模块之间的通信
     契约。而抽象类在代码实现方面发挥作用，可以实现代码的重用，例如，模
     板方法设计模式是抽象类的一个典型应用，假设某个项目的所有 Servlet 类
     都要用相同的方式进行权限判断、记录访问日志和处理异常，那么就可以定
     义一个抽象的基类，让所有的 Servlet 都继承这个抽象基类，在抽象基类的
     service 方法中完成权限判断、记录访问日志和处理异常的代码，在各个子
     类中只是完成各自的业务逻辑代码，伪代码如下：
     public abstract classBaseServlet extends HttpServlet{
     public final void service(HttpServletRequest
     request,HttpServletResponse response) throws
     IOExcetion,ServletException {
     记录访问日志
     进行权限判断
     if(具有权限){
     try{
     doService(request,response);
     }
     catch(Excetpion e) {
     记录异常信息
     } }
     }
     protected abstract void doService(HttpServletRequest
     request,HttpServletResponse response) throws
     IOExcetion,ServletException;
     //注意访问权限定义成 protected，显得既专业，又严谨，因为它是专门给
     子类用的
     }
     public class MyServlet1 extendsBaseServlet
     {
     protected voiddoService(HttpServletRequest request,
     HttpServletResponse response) throwsIOExcetion,ServletException
     {
     本 Servlet 只处理的具体业务逻辑代码
     } }
     父类方法中间的某段代码不确定，留给子类干，就用模板方法设计模式。
     备注：这道题的思路是先从总体解释抽象类和接口的基本概念，然后再比较
     两者的语法细节，最后再说两者的应用区别。比较两者语法细节区别的条理
     是：先从一个类中的构造方法、普通成员变量和方法（包括抽象方法），静
     态变量和方法，继承性等 6 个方面逐一去比较回答，接着从第三者继承的角
     度的回答，特别是最后用了一个典型的例子来展现自己深厚的技术功底。
307. 比较一下 Java 和 JavaSciprt
     答：JavaScript 与 Java 是两个公司开发的不同的两个产品。Java 是原 Sun
     公司推出的面向对象的程序设计语言，特别适合于互联网应用程序开发；而
     JavaScript 是 Netscape 公司的产品，为了扩展 Netscape 浏览器的功能而
     开发的一种可以嵌入 Web 页面中运行的基于对象和事件驱动的解释性语言，
     它的前身是 LiveScript；而 Java 的前身是 Oak 语言。
     下面对两种语言间的异同作如下比较：
     1）基于对象和面向对象：Java 是一种真正的面向对象的语言，即使是开发
     简单的程序，必须设计对象；JavaScript 是种脚本语言，它可以用来制作与
     网络无关的，与用户交互作用的复杂软件。它是一种基于对象
     （Object-Based）和事件驱动（Event-Driven）的编程语言。因而它本身
     提供了非常丰富的内部对象供设计人员使用；
     2）解释和编译：Java 的源代码在执行之前，必须经过编译；JavaScript 是
     一种解释性编程语言，其源代码不需经过编译，由浏览器解释执行；
     3）强类型变量和类型弱变量：Java 采用强类型变量检查，即所有变量在编
     译之前必须作声明；JavaScript 中变量声明，采用其弱类型。即变量在使用
     前不需作声明，而是解释器在运行时检查其数据类型；
     4）代码格式不一样。
     补充：上面列出的四点是原来所谓的标准答案中给出的。其实 Java 和
     JavaScript 最重要的区别是一个是静态语言，一个是动态语言。目前的编程
     语言的发展趋势是函数式语言和动态语言。在 Java 中类（class）是一等公
     民，而 JavaScript 中函数（function）是一等公民。对于这种问题，在面试
     时还是用自己的语言回答会更加靠谱。
308. 什么时候用 assert？
     答：assertion(断言)在软件开发中是一种常用的调试方式，很多开发语言中
     都支持这种机制。一般来说，assertion 用于保证程序最基本、关键的正确
     性。assertion 检查通常在开发和测试时开启。为了提高性能，在软件发布
     后， assertion 检查通常是关闭的。在实现中，断言是一个包含布尔表达式
     的语句，在执行这个语句时假定该表达式为 true；如果表达式计算为 false，
     那么系统会报告一个 AssertionError。
     断言用于调试目的：
     assert(a > 0); // throws an AssertionError if a <= 0
     断言可以有两种形式：
     assert Expression1;
     assert Expression1 : Expression2 ;
     Expression1 应该总是产生一个布尔值。
     Expression2 可以是得出一个值的任意表达式；这个值用于生成显示更多调
     试信息的字符串消息。
     断言在默认情况下是禁用的，要在编译时启用断言，需使用 source 1.4 标
     记：
     javac -source 1.4 Test.java
     要在运行时启用断言，可使用-enableassertions 或者-ea 标记。
     要在运行时选择禁用断言，可使用-da 或者-disableassertions 标记。
     要在系统类中启用断言，可使用-esa 或者-dsa 标记。还可以在包的基础上
     启用或者禁用断言。可以在预计正常情况下不会到达的任何位置上放置断言。
     断言可以用于验证传递给私有方法的参数。不过，断言不应该用于验证传递
     给公有方法的参数，因为不管是否启用了断言，公有方法都必须检查其参数。
     不过，既可以在公有方法中，也可以在非公有方法中利用断言测试后置条件。
     另外，断言不应该以任何方式改变程序的状态。
309. UML 是什么？UML 中有哪些图？
     答：UML 是统一建模语言（Unified Modeling Language）的缩写，它发
     表于 1997 年，综合了当时已经存在的面向对象的建模语言、方法和过程，
     是一个支持模型化和软件系统开发的图形化语言，为软件开发的所有阶段提
     供模型化和可视化支持。使用 UML 可以帮助沟通与交流，辅助应用设计和
     文档的生成，还能够阐释系统的结构和行为。UML 定义了多种图形化的符
     号来描述软件系统部分或全部的静态结构和动态结构，包括：用例图（use
     case diagram）、类图（class diagram）、时序图（sequence diagram）、
     协作图（collaboration diagram）、状态图（statechart diagram）、活动
     图（activity diagram）、构件图（component diagram）、部署图
     （deployment diagram）等。在这些图形化符号中，有三种图最为重要，
     分别是：用例图（用来捕获需求，描述系统的功能，通过该图可以迅速的了
     解系统的功能模块及其关系）、类图（描述类以及类与类之间的关系，通过
     该图可以快速了解系统）、时序图（描述执行特定任务时对象之间的交互关
     系以及执行顺序，通过该图可以了解对象能接收的消息也就是说对象能够向
     外界提供的服务）。
     用例图：
     类图：
     时序图：
310. XML 文档定义有几种形式？它们之间有何本质区别？解析
     XML 文档有哪几种方式？
     答： XML 文档定义分为 DTD 和 Schema 两种形式；其本质区别在于
     Schema 本身也是一个 XML 文件，可以被 XML 解析器解析。对 XML 的解
     析主要有 DOM（文档对象模型）、SAX、StAX（JDK 1.6 中引入的新的解析
     XML 的方式，Streaming API for XML） 等，其中 DOM 处理大型文件时
     其性能下降的非常厉害，这个问题是由 DOM 的树结构所造成的，这种结构
     占用的内存较多，而且 DOM 必须在解析文件之前把整个文档装入内存,适
     合对 XML 的随机访问（典型的用空间换取时间的策略）；SAX 是事件驱动
     型的 XML 解析方式，它顺序读取 XML 文件， 不需要一次全部装载整个文
     件。当遇到像文件开头，文档结束，或者标签开头与标签结束时，它会触发
     一个事件，用户通过在其回调事件中写入处理代码来处理 XML 文件，适合
     对 XML 的顺序访问；如其名称所暗示的那样，StAX 把重点放在流上。实
     际上，StAX 与其他方法的区别就在于应用程序能够把 XML 作为一个事件流
     来处理。将 XML 作为一组事件来处理的想法并不新颖（事实上 SAX 已经
     提出来了），但不同之处在于 StAX 允许应用程序代码把这些事件逐个拉出来，
     而不用提供在解析器方便时从解析器中接收事件的处理程序。
311. 你在项目中哪些地方用到了 XML？ 答： XML 的主要作用有两个方面：数据交换（曾经被称为业界数据交换的
     事实标准，现在此项功能在很多时候都被 JSON 取代）和信息配置。在做数
     据交换时，XML 将数据用标签组装成起来，然后压缩打包加密后通过网络
     传送给接收者，接收解密与解压缩后再从 XML 文件中还原相关信息进行处
     理。目前很多软件都使用 XML 来存储配置信息，很多项目中我们通常也会
     将作为配置的硬代码（hard code）写在 XML 文件中，Java 的很多框架也
     是这么做的。
312. 用 JavaScript 实现用正则表达式验证，某个字符串是合法的
     6 位数字的邮编的函数
     Function testE(ss){
     var reg=/^[1][0-9]{5}$/；
     if(req.test(ss)){
     alert(“邮编 OK”)
     }else{
     alert(“邮编格式不正确”)； } }
313. 请使用 JQuery 将页面上的所有元素边框设置为 2pix 宽的虚
     线？
     $(“*”).css(“border”,”2px dashed”)
314. 如何设定 JQuery 异步调用还是同步调用？
     答案：
     调用 jQuery 中的 ajax 函数，设置其 async 属性来表明是异步还是同步，
     如下：
     $.ajax({
     async:true//表示异步，false 表示同步
     })
315. 说出 3 条以上 firefox 和 IE 的浏览器兼容问题？
     答案：
     兼容 firefox 的 outerHTML，FF 中没有 outerHtml 的方法
     IE 下,可以使用()或[]获取集合类对象;Firefox 下,只能使用[]获取集合类对象.
     解决方法:统一使用[]获取集合类对象.
     IE 下,可以使用获取常规属性的方法来获取自定义属性,也可以使用
     getAttribute()获取自定义属性;Firefox 下,只能使用 getAttribute()获取自
     定义属性.解决方法:统一通过 getAttribute()获取自定义属性
316. 请用 Jquery 语言写出 ajax 请求或者 post 请求代码
     $.post(“show”,{uname=”张三”，pwd=”123”},function(data){
     alert(data)
     })
317. body中的onload（）函数和jQuery中document.ready()
     有什么区别？
     答案：
     ready 事件的触发，表示文档结构已经加载完成（不包含图片等非文字媒体
     文件）
     onload 事件的触发，表示页面包含图片等文件在内的所有元素都加载完成。
318. jQuery 中有哪几种类型的选择器？
     答案：
     基本选择器
     层次选择器
     基本过滤选择器
     内容过滤选择器
     可见性过滤选择器
     属性过滤选择器
     子元素过滤选择器
     表单选择器
     表单过滤选择器
319. EasyUI 中 datagrid 刷新当前数据的方法？
     答案：使用 reload()即可
320. 分别写出一个 div 居中和其中的内容居中的 css 属性设置
     Div 居中：
     margin:auto 0px;
     内容居中:
     text-align:center;
321. 概述一下 session 与 cookie 的区别
     答案：
     存储角度：
     Session 是服务器端的数据存储技术，cookie 是客户端的数据存储技术
     解决问题角度：
     Session 解决的是一个用户不同请求的数据共享问题，cookie 解决的是不
     同请求的请求数据的共享问题
     生命周期角度：
     Session 的 id 是依赖于 cookie 来进行存储的，浏览器关闭 id 就会失效
     Cookie 可以单独的设置其在浏览器的存储时间。
322. JavaScript 中 null 和 undefined 是否有区别？有哪些区
     别？
     答案：
     赋值角度说明：
     null 表示此处没有值，undefined 表示此处定义了但是没有赋值
     从数据转换角度：
     Null 在做数值转换时会被转换为 0，undefined 会被转换为 NaN
323. Servlet 中的 doPost 和 doGet 方法有什么区别?它们在传递
     和获取参数上有什么区别？
     答案：
     区别：doPost 用来处理 post 请求，doGet 用来处理 get 请求，获取参数：
     获取的参数是相同的都是 HttpServletRequest HttpServletResponse
324. 请写出一段 jQuery 代码，实现把当前页面中所有的 a 元索中
     class 属性为“view-link”的链接都改为在新窗口中打开
     答案：
     $(“a[class=view-link]”).attr(“target”,”_blank”)
325. 如下 JavaScript 代码的输出为：
     var scope ="global scope";
     function checkscope() {
     var scope ="local scope”；
     return function() { return scope}
     }
     console.log (checkscope()());
     输出：global scope
326. Jquery 中’.get()’与’.eq()’的区别
     eq 返回的是一个 jquery 对象 get 返回的是一个 html 对象
327. 如何给 weblogic 定内存的大小？
     在启动 Weblogic 的脚本中（位于所在 Domian 对应服务器目录下的
     startServerName），增加 set MEM_ARGS=-Xms32m -Xmx200m，可以
     调整最小内存为 32M，最大 200M
328. TCP 为何采用三次握手来建立连接，若釆用二次握手可以吗，
     请说明理由？
     三次握手是为了防止已失效的连接请求再次传送到服务器端。 二次握手不
     可行，因为：如果由于网络不稳定，虽然客户端以前发送的连接请求以到达
     服务方，但服务方的同意连接的应答未能到达客户端。则客户方要重新发送
     连接请求，若采用二次握手，服务方收到重传的请求连接后，会以为是新的
     请求，就会发送同意连接报文，并新开进程提供服务，这样会造成服务方资
     源的无谓浪费
329. 以下 HTTP 相应状态码的含义描述正确的是（）
     A. 200ok表示请求成功
     B. 400 不良请求表示服务器未发现与请求 URL 匹配内容
     C. 404未发现表示由于语法错误儿导致服务器无法理解请求信息
     D. 500 内部服务器错误，无法处理请求
     答案：D
     分析：
     A 200ok 表示的意思是一切正常。一般用于相应 GET 和 POST 请求。这
     个状态码对 servlet 是缺省的；如果没有调用 setStatus 方法的话，就会得
     到 200。
     B 400 表示指出客户端请求中的语法错误
     C 404 客户端所给的地址无法找到任何资源
330. JSP 页面包括哪些元素？（）
     A. JSP命令
     B. JSP Action
     C. JSP脚本
     D. JSP 控件
     答案：C
     分析：JSP 页面元素构成如下，因此 ABD 错误
331. Ajax 有四种技术组成：DOM,CSS,JavaScript，
     XmlHttpRequest，其中控制文档结构的是（）
     A. DOM
     B. CSS
     C. JavaScript
     D. XmlHttpRequest
     答案：A
332. 下面关于 session 的用法哪些是错误的？（）
     A. HttpSession session=new HttpSession();
     B. String haha=session getParameler(:haha”);
     C. session.removeAttribute(“haha”);
     D. session.setAttribute(:haha:);XmlHttpRequest
     答案：A
333. Jsp 九大内置对象
     答案：
     1、request 对象
     request 对象是 javax.servlet.httpServletRequest 类型的对象。 该对象代
     表了客户端的请求信息，主要用于接受通过 HTTP 协议传送到服务器的数据。
     （包括头信息、系统信息、请求方式以及请求参数等）。request 对象的作用
     域为一次请求。
     2、response 对象
     response 代表的是对客户端的响应，主要是将 JSP 容器处理过的对象传回到
     客户端。response 对象也具有作用域，它只在 JSP 页面内有效。
     3、session 对象
     session 对象是由服务器自动创建的与用户请求相关的对象。服务器为每个用
     户都生成一个 session 对象，用于保存该用户的信息，跟踪用户的操作状态。
     session 对象内部使用 Map 类来保存数据，因此保存数据的格式为
     “Key/value”。 session 对象的 value 可以使复杂的对象类型，而不仅仅局
     限于字符串类型。
     4、application 对象
     application 对象可将信息保存在服务器中，直到服务器关闭，否则
     application 对象中保存的信息会在整个应用中都有效。与 session 对象相比，
     application 对象生命周期更长，类似于系统的“全局变量”。 5、out 对象
     out 对象用于在 Web 浏览器内输出信息，并且管理应用服务器上的输出缓冲
     区。在使用 out 对象输出数据时，可以对数据缓冲区进行操作，及时清除缓
     冲区中的残余数据，为其他的输出让出缓冲空间。待数据输出完毕后，要及时
     关闭输出流。
     6、pageContext 对象
     pageContext 对象的作用是取得任何范围的参数，通过它可以获取 JSP 页面
     的 out、request、reponse、session、application 等对象。pageContext
     对象的创建和初始化都是由容器来完成的，在 JSP 页面中可以直接使用
     pageContext 对象。
     7、config 对象
     config 对象的主要作用是取得服务器的配置信息。通过 pageConext 对象的
     getServletConfig() 方法可以获取一个 config 对象。当一个 Servlet 初始化
     时，容器把某些信息通过 config 对象传递给这个 Servlet。 开发者可以在
     web.xml 文件中为应用程序环境中的 Servlet 程序和 JSP 页面提供初始化参
     248
     尚学堂 Java 面试题大全及参考答案
     数。
     8、page 对象
     page 对象代表 JSP 本身，只有在 JSP 页面内才是合法的。 page 隐含对象
     本质上包含当前 Servlet 接口引用的变量，类似于 Java 编程中的 this 指针。
     9、exception 对象
     exception 对象的作用是显示异常信息，只有在包含 isErrorPage="true" 的
     页面中才可以被使用，在一般的 JSP 页面中使用该对象将无法编译 JSP 文件。
     excepation 对象和 Java 的所有对象一样，都具有系统提供的继承结构。
     exception 对象几乎定义了所有异常情况。在 Java 程序中，可以使用
     try/catch 关键字来处理异常情况； 如果在 JSP 页面中出现没有捕获到的异
     常，就会生成 exception 对象，并把 exception 对象传送到在 page 指令
     中设定的错误页面中，然后在错误页面中处理相应的 exception 对象。
334. 如何配置一个 servlet?
     在 web.xml 中使用如下标签:
     
     
     
     
     
     
     
     
     或者使用注解方式：
     @WebServlet(name="servlet", urlPatterns={"/*"})
335. JavaScript，如何定义含有数值 1 至 8 的数组？
     答： var arr=[1,2,3,4,5,6,7,8]
336. 以下 JavaScipt 语句会产生运行错误的是_（）
     A. var obj=( );
     B. var obj=[ ];
     C. var obj=//;
     D. var obj=1;
     答案：AC
337. 在 JSP 中，下面__（）__块中可以定义一个新类：
     A. <% %>
     B. <% ! %>
     C. <%@ %>
     D. <%=%>
     答案：B
     分析：B <% ! %> 可用作声明
     A 不正确
     C 为引用 xxx，比如<% @page xxxxx%>
     D 为表达式
338. HTML 含义和版本变化
     HTML 含义：
     Hyper Text Markup Language 超文本标记语言，是一种用来制作“网页”
     的简单标记语言；用 HTML 编写的超文本文档称为 HTML 文档，HTML 文
     档的扩展名是 html 或者 htm
     版本变化：
     HTML1.0——在 1993 年 6 月作为 IETF 工作草案发布（并非标准）
     HTML 2.0——1995 年 11 月作为 RFC 1866 发布
     HTML 3.2——1997 年 1 月 14 日，W3C 推荐标准
     HTML 4.0——1997 年 12 月 18 日，W3C 推荐标准
     HTML 4.01（微小改进）——1999 年 12 月 24 日，W3C 推荐标准
     HTML 5—2014 年 10 月 28 日，W3C 推荐标准 HTML 文档结构；
     HTML 5.1 - 2016 年
     HTML 5.2 – 2018 年最新版本
     HTML 5.3 is coming…
339. 什么是锚链接
     锚链接是带有文本的超链接。可以跳转到页面的某个位置，适用于页面内容
     较多，超过一屏的场合 。分为页面内的锚链接和页面间的锚链接 。
     例如：
     1F2F
     跳转到 2F 标记位置
     说明：
     1.在标记位置利用 a 标签的 name 属性设置标记。
     2.在导航位置通过 a 标签的 href 属性用#开头加 name 属性值即可跳转
     锚点位置。
340. HTML 字符实体的作用及其常用字符实体
     有些字符，比如说“<”字符，在 HTML 中有特殊的含义，因此不能在文本
     中使用。想要在 HTML 中显示一个小于号“<”，需要用到字符实体：<
     或者<
     字符实体拥有三个部分：一个 and 符号（&），一个实体名或者一个实体号，
     最后是一个分号（;）
     常用字符实体：
     显示结果 描述 实体名 实体号
     空格 ? ?
     < 小于 < <

大于 > >
& and 符号 & &
‘ 单引号 ‘ (IE 不支持) ‘
" 引号 " "
￡ 英镑 ￡ ￡
￥ 人民币元 ￥ ￥
§ 章节 § §
? 版权 ? ?

334. HTML 表单的作用和常用表单项类型
     表单的作用：
     利用表单可以收集客户端提交的有关信息。
     常用表单项类型：
     input 标签
     type 属性
     功能 input 标签
     type 属性
     功能
     text 单行本框 reset 重置按钮
     password 密码框 submit 提交按钮
     radio 单选按钮 textarea 文本域
     checkbox 复选框 select 下拉框
     button 普通按钮 hidden 隐藏域
335. 表格、框架、div 三种 HTML 布局方式的特点
     优点 缺点 应用场合
     表格 方便排列有规律、结
     构均匀的内容或数据
     产生垃圾代码、影响
     页面下载时间、灵活
     内容或数据整齐的
     页面
     性不大难于修改
     框架 支持滚动条、方便导
     航
     节省页面下载时间等
     兼容性不好，保存时
     不方便、应用范围有
     限
     小型商业网站、论坛
     后台管理
     Div 代码精简、提高页面
     下载速度、表现和内
     容分离
     比较灵活、难于控制 复杂的不规则页面、
     业务种类较多的大
     型商业网站
336. form 中 input 设置为 readonly 和 disabled 的区别
     readonly disabled
     有效对象 .只针对 type 为
     text/password 有效
     对所有表单元素有效
     表单提交 当表单元素设置 readonly
     后，表单提交能将该表单元
     素的值传递出去。
     当表单元素设置 disabled 后，表
     单提交不能将该表单元素的值传
     递出去。
337. CSS 的定义和作用
     CSS 的定义：CSS 是 Cascading Style Sheets(层叠样式表)的简称。
     CSS 是一系列格式规则，它们控制网页内容的外观。CSS 简单来说就是用来
     美化网页用的。
     CSS 的具体作用包括：
     使网页丰富多彩，易于控制。
     页面的精确控制，实现精美、复杂页面 。
     样式表能实现内容与样式的分离，方便团队开发。
     样式复用、方便网站的后期维护。
338. CSS2 常用选择器类型及其含义
     选择器名称 案例 语法格式
     标签选择器 h3{font-size:24px;font-famil
     y:"隶书“; }

JSP

元素标签名{样式属性} 类选择器 .red {color:#F00;}

Oracle

. 元素标签 class 属性值 {样式属性} ID 选择器 #p1 {background-color:#0F0;}

content

#元素标签 id 属性值{样式 属性} 包含选择器 div h3{color:red;}

CSS 层叠样式表

父元素标签 子元素标签{ 样式属性 } 子选择器 div>ul{color:blue;}

父元素标签名>子元素名{ 样式属性

• 测试 1
  1. 嵌套元素
  2. 嵌套元素
  3. 嵌套元素
  4. 嵌套元素
• 测试 1
• 测试 1

} 339. 引入样式的三种方式及其优先级别 三种引用方式： 1. 外部样式表（存放.css 文件中） 不需要 style 标签 2. 嵌入式样式表 3.内联样式 标签属性名为 style

优先级级别：内联定义最高、内部 CSS 次之、外部 CSS 优先级最低。。 340. 盒子模型 盒子模型类似于生活中的盒子，具有 4 个属性，外边距，内 边距，边框，内容。 外边距：margin，用于设置元素和其他元素之间的距离。 内边距：padding,用于设置元素内容和边框之间的距离。 边框：border,用于设置元素边框粗细，颜色，线型。 内容：width,height,用于设置元素内容显示的大小。 例如： 341. JavaScript 语言及其特点 Javascript 一种基于对象(object-based)和事件驱动(Event Driven)的简单 的并具有安全性能的脚本语言。特点： 解释性： JavaScript 不同于一些编译性的程序语言，例如 C、C++等，它 是一种解释性的程序语言，它的源代码不需要经过编译，而直接在浏览器中 运行时被解释。 基于对象：JavaScript 是一种基于对象的语言。这意味着它能运用自己已经 创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相 互作用。 事件驱动：JavaScript 可以直接对用户或客户输入做出响应，无须经过 Web 服务程序。它对用户的响应，是以事件驱动的方式进行的。所谓事件驱动， 就是指在主页中执行了某种操作所产生的动作，此动作称为“事件”。比如 按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会 引起相应的事件响应。 跨平台:JavaScript 依赖于浏览器本身，与操作环境无关，只要能运行浏览器 的计算机，并支持 JavaScript 的浏览器就可正确执行。 342. JavaScript 常用数据类型有哪些 1、数值型(Number)：整数和浮点数统称为数值。例如 85 或 3.1415926 等。 2、字符串型(String)：由 0 个,1 个或多个字符组成的序列。在 JavaScript 中，用双引号或单引号括起来表示，如“您好”、‘学习 JavaScript’等。 尚学堂 Java 面试题大全及参考答案 260 不区分单引号、双引号。 3、逻辑（布尔）型(Boolean)：用 true 或 false 来表示。 4、空（null）值(Null)：表示没有值，用于定义空的或不存在的引用。 要注意，空值不等同于空字符串""或 0。 5、未定义（Undefined）值：它也是一个保留字。表示变量虽然已经声明， 但却没有赋值。 除了以上五种基本的数据类型之外，JavaScript 还支持复合数据类型，包括 对象和数组两种。 343. html 语法中哪条命令用于使一行文本折行，而不是插入一个 新的段落？ (B) A. B.
C.

D.

分析： A 定义标准表格 C

表示文本一个段落 D

表示对文本标题进行强调的一种标签 344. Ajax 的优点和缺点 优点：减轻服务器的负担,按需取数据,最大程度的减少冗余请求，局部 刷新页面,减少用户心理和实际的等待时间,带来更好的用户体验，基于 xml 尚学堂 Java 面试题大全及参考答案 标准化,并被广泛支持,不需安装插件等，进一步促进页面和数据的分离 缺点：AJAX 大量的使用了 javascript 和 ajax 引擎,这些取决于浏览器 的支持.在编写的时候考虑对浏览器的兼容性. 345. 怎样防止表单刷新重复提交问题？（说出思路即可） JS 脚本方式: 第一种：定义全局变量，在 form 提交前判断是否已有提交过

第二种：单击提交按钮后，立刻禁用改按钮 第三种：单击提交按钮后，弹出屏蔽层，防止用户第二次点击 346. JQuery.get()和 JQuery.ajax()方法之间的区别是什么？ JQuery.ajax()是对原生的 javaScript 的 ajax 的封装，简化了 ajax 的步骤， 用户可用 JQuery.ajax()发送 get 或者 post 方式请求,Jquery.get()是对 ajax 的 get 方式的封装，只能发送 get 方式的请求。 347. Jquery 里的缓存问题如何解决？例如（$.ajax()以及$.get()） $.ajax()请求时候加上 cache:false 的参数，如： $.ajax({ type : "get", url : "XX", dataType : "json", cache:false, success : function(json) { } }); $.get()请求时候加上时间，如: $.get("url","data"+new Date(),function(data){ ); 348. Javascript 是面向对象的，怎么体现 Javascript 的继承关 系？ Javascript 里面没有像 java 那样的继承，javascript 中的继承机制仅仅是靠 模拟的，可以使用 prototype 原型来实现 349. Javascript 的有几种种变量。变量范围有什么不同？ 可以分为三种 1、原生类型（string,number,boolean） 2、对象（Date,Array） 3、特殊类型（var vara;(只什么没有定义),var varb = null;(定义一个变 量并赋值为 null)） 350. Js 如何获取页面的 dom 对象 1、直接获取 //1.1 -- id 方式获取 var varid = document.getElementById("unameid"); //1.2 -- name 获取(获取的是数组对象) var varname = document.getElementsByName("sex"); //1.3 -- 元素获取(获取的是数组对象) var varinput = document.getElementsByTagName("input"); 2、间接方式获取 //2.1 父子关系 --childNodes var varchilds = document.getElementById("div01").childNodes; //2.2 子父关系--parentNode var varfather2 = document.getElementById("unameid").parentNode; //2.3 兄弟之间相互获取 nextSibling：下一个节点 previousSibling：上一个节点 351. Servlet API 中 forward() 与 redirect()的区别？ 答： 为实现程序的模块化，就需要保证在不同的 Servlet 之间可以相互跳转， 而 Servlet 中主要有两种实现跳转的方式：FORWARD 方式与 redirect 方 式。 Forward() : 是服务器内部的重定向，服务器直接访问目标地址的 URL， 把那个 URL 的响应内容读取出来，而客户端并不知道，因此在客户端浏览 器的地址栏里不会显示跳转后的地址，还是原来的地址。由于在整个定向的 过程中用的是同一个 Request，因此 FORWARD 会将 Request 的信息带到 被定向的ＪＳＰ或 Servlet 中使用。 Redirect():则是客户端的重定向，是完全的跳转，即客户端浏览器会获 取跳转后的地址，然后重新发送请求，因此浏览器中会显示跳转后的地址。 同时，由于这种方式比 FORWARD 方式多了一次网络请求，因此其效率低 于 FORWARD 方式，需要注意到的是，客户端的重定向可以通过设置特定 的 HTTP 头或写 JavaScript 脚本来实现。 鉴于以上的区别，一般当 FORWARD 方式可以满足需求时，尽可能的 使用 FORWARD 方式。但在有些情况下，例如，需要跳转到一个其他服务 器上的资源时，则必须使用 redirect 方式。 352. Session 域和 request 域什么区别？ 作用域：存放数据，获取数据（传递数据） 有效的作用域：生命周期，作用范围 httpServeltRequest: 生命周期：一次请求之间 作用范围：所有被请求转发过的 servlet 都能获取到 httpSession: 生命周期：一次会话 作用范围：所有的 servlet 都可以获取到 servletContex: 生命周期：从项目开始运行到服务器关闭 作用范围：所有的 servlet 都可以获取到 作用域如何选用？ httpServeltRequest：和当前请求有关的信息 httpSession：和当前用户有关的信息 servletContex：访问量比较大，不易更改 353. 页面中有一个命名为 bankNo 的下拉列表，写 js 脚本获取当 前选项的索引值，如果用 jquery 如何获取 var a = document.getElementsByName("bankNo")[0].value; var b = $("select[name=bankNo]").val(); 354. 写出要求 11 位数字的正则表达式 ^[1-9]d{10}$ 355. 分别获取指定 name、Id 的 javascript 对象，如果用 jquey 如何获取 js: id--document.getElementById("id"); name--document.getElementsByName("name"); jquery id--$("#id"); name--$("元素名称[name="name 值"]"）; 356. 一个页面有两个 form，如何获取第一个 form 用 id 方式获取；document.getElementById("id"); 357. 如何设置一个层的可见/隐藏 可见 : document.getElementById("divid").style.display = "block"; 隐藏 : document.getElementById("divid").style.display = "none"; 358. 描述 JSP 中动态 INCLUDE 与静态 INCLUDE 的区别？ 动态导入 1、会将多个 jsp 页面分别再编写成 java 文件，编译成 class 文件 2、jsp 文件中允许有相同的变量名，每个页面互不影响 3、当 java 代码比较多优先选用动态导入 4、效率相对较低，耦合性低 静态导入 1、会将多个 jsp 页面合成一个 jsp 页面，再编写成 java 文件，编译成 class 文件 2、jsp 文件中不允许有相同的变量名 3、当 java 代码比较少或者没有 java 代码是优先选用静态导入 4、效率相对较高，耦合性高 359. 列举 JSP 的内置对象及方法 request 表示 HttpServletRequest 对象。它包含了有关浏览器请求的信息， 并且提供了几个用于获取 cookie, header, 和 session 数据的有用的方法。 response表示HttpServletResponse对象，并提供了几个用于设置送回 浏 览器的响应的方法（如 cookies,头信息等） out 对象是 javax.jsp.JspWriter 的一个实例，提供了几个方法使你能用于向 浏览器回送输出结果 pageContext 表示一个 javax.servlejt.sp.PageContext 对象。它是用于方 便存取各种范围的名字空间、servlet 相关的对象的 API，并且包装了通用的 servlet 相关功能的方法。 session 表示一个请求的 javax.servlet.http.HttpSession 对象。Session 可以存贮用户的状态信息 applicaton 表示一个 javax.servle.ServletContext 对象。这有助于查找有 关 servlet 引擎和 servlet 环境的信息 config表示一个javax.servlet.ServletConfig对象。该对象用于存取servlet 实例的初始化参数。 page 表示从该页面产生的一个 servlet 实例 Exception 异常 360. 列举 jsp 的四大作用域 page、request、session、application 361. html 和 xhtml 的区别是什么？ HTML 与 XHTML 之间的差别，粗略可以分为两大类比较：一个是功能上的 差别，另外是书写习惯的差别。关于功能上的差别，主要是 XHTML 可兼容 各大浏览器、手机以及 PDA，并且浏览器也能快速正确地编译网页。 因为 XHTML 的语法较为严谨， 所以如果你是习惯松散结构的 HTML 编写 者，那需要特别注意 XHTML 的规则。但也不必太过担心，因为 XHTML 的 规则并不太难。下面列出了几条容易犯的错误，供大家引用。 1:所有标签都必须小写 在 XHTML 中，所有的标签都必须小写，不能大小写穿插其中，也不能全部 都是大写。看一个例子。 错误： 正确： 2:标签必须成双成对 像是

...

、...、

...

标签等，当出现一个标签 时，必须要有对应的结束标签，缺一不可，就像在任何程序语言中的括号一 样。 错误：大家好

我是 muki 正确：

大家好

我是 muki

3:标签顺序必须正确 标签由外到内，一层层包覆着，所以假设你先写 div 后写 h1，结尾就要先 写 h1 后写 div。只要记住一个原则“先进后出”，先弹出的标签要后结尾。 错误：

大家好

正确：

大家好

4:所有属性都必须使用双引号 在 XHTML 1.0 中规定连单引号也不能使用，所以全程都得用双引号。 错误：

hello

正确：

hello

MUKI space 正确：MUKI space 362. 你做的页面用哪些浏览器测试过？这些测试的内核分别是什 么？ 1、Trident 内核代表产品 Internet Explorer，又称其为 IE 内核。 Trident（又称为 MSHTML），是微软开发的一种排版引擎。使用 Trident 渲染引擎的浏览器包括：IE、傲游、世界之窗浏览器、Avant、腾讯 TT、 Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser 和 KKman 等。 2、Gecko 内核代表作品 Mozilla FirefoxGecko 是一套开放源代码的、以 C++编写的网页排版引擎。Gecko 是最流行的排版引擎之一，仅次于Trident。使用它的最著名浏览器有Firefox、 Netscape6 至 9。 3、WebKit 内核代表作品 Safari、Chromewebkit 是一个开源项目，包含了来自 KDE 项目和苹果公司的一些组件，主要用于 Mac OS 系统，它的特点在于源码结构清晰、渲染速度极快。缺点是对网页 代码的兼容性不高，导致一些编写不标准的网页无法正常显示。主要代表作 品有 Safari 和 Google 的浏览器 Chrome。 4、Presto 内核代表作品 OperaPresto 是由 Opera Software 开发的浏览器排版引擎，供 Opera 7.0 及以上使用。 它取代了旧版 Opera 4 至 6 版本使用的 Elektra 排版引擎，包括加入动态功 能，例如网页或其部分可随着 DOM 及 Script 语法的事件而重新排版。 363. 你遇到了哪些浏览器的兼容性问题？怎么解决的？ 答：因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统 一的情况；这是我们常见的兼容性问题。 解决方法： 1、针对不同的浏览器写不同的代码 2、使用 jquery 屏蔽浏览器差异 遇到不同的兼容问题，需要针对前端进行兼容适配； 364. 你知道的常用的 js 库有哪些？ 1.moment.js 举个例子： 用 js 转换时间戳为日期 let date = new Date(1437925575663); let year = date.getFullYear() + ‘-‘; let month = ( date.getMonth() + 1 < 10 ? ‘0‘ + (date.getMonth() + 1) : date.getMonth() + 1 ) + ‘-‘; let day = date.getDate(); ... return year + month + day; 用 moment.js return moment(1437925575663).format(‘YYYY-MM-DD HH:mm:ss‘) 2.chart.js 绘制简单的柱状图，曲线图，蛛网图，环形图，饼图等完全够用，用法比较 简单。 3.D3.js 功能太强大了，看首页就知道了，感觉没有什么图 d3 绘不出来的。 4.Rx.js 很好的解决了异步和事件组合的问题。 5.lodash.js 365. Js 中的三种弹出式消息提醒（警告窗口、确认窗口、信息输 入窗口）的命令是什么？ alter(),confirm(),prompt() 366. 谈谈 js 的闭包 答：闭包无处不在，比如：jQuery、zepto 的核心代码都包含在一个大的闭 包中，所以下面我先写一个最简单最原始的闭包，以便让你在大脑里产生闭 包的画面： function A(){ function B(){ console.log("Hello Closure!"); } return B; } var C = A(); C();//Hello Closure! 这是最简单的闭包。 有了初步认识后，我们简单分析一下它和普通函数有什么不同，上面代码翻 译成自然语言如下： （1）定义普通函数 A （2）在 A 中定义普通函数 B （3）在 A 中返回 B （4）执行 A, 并把 A 的返回结果赋值给变量 C （5）执行 C 把这 5 步操作总结成一句话就是： 函数 A 的内部函数 B 被函数 A 外的一个变量 c 引用。 把这句话再加工一下就变成了闭包的定义： 当一个内部函数被其外部函数之外的变量引用时，就形成了一个闭包。 因此，当你执行上述 5 步操作时，就已经定义了一个闭包！ 这就是闭包。 367. 写一段 js，遍历所有的 li，将每个 li 的内容逐个 alert 出来

• 张三：123
• 李四：456
• 王五：789
• 赵六：147
function test(){ var varli = document.getElementsByTagName("li"); for (var i=0;i0){ for (int i = 0; i < favs.length; i++) { System.out.println("TestHttpRequest.getContent(fav):"+favs[ i]); } } String un = req.getParameter("un"); System.out.println("TestHttpRequest.getContent():"+uname+"- -"+favs+"--"+un); } //获取请求头信息 private void getHeads(HttpServletRequest req, HttpServletResponse resp) { //获取单条头信息 //System.out.println("TestHttpRequest.getHeads(获取请求头 信息-浏览器头信息)："+req.getHeader("User-Agent")); //获取所有头信息--返回枚举类型 Enumeration strHeads = req.getHeaderNames(); //遍历枚举类型 while (strHeads.hasMoreElements()) { String strhead = (String) strHeads.nextElement(); System.out.println("TestHttpRequest.getHeads(获取头信 息):"+req.getHeader(strhead)); } } //获取请求行的信息 private void getLines(HttpServletRequest req, HttpServletResponse resp) { System.out.println("TestHttpRequest.getLines(请求方式 ***):"+req.getMethod()); System.out.println("TestHttpRequest.getLines(资源路 径):"+req.getRequestURI()); System.out.println("TestHttpRequest.getLines(地 址):"+req.getRequestURL()); System.out.println("TestHttpRequest.getLines(协 议):"+req.getScheme()); System.out.println("TestHttpRequest.getLines(协议的版本 号):"+req.getProtocol()); System.out.println("TestHttpRequest.getLines(获取参数信 息):"+req.getQueryString()); System.out.println("TestHttpRequest.getLines(项目名称 ***):"+req.getContextPath()); } 374. Javascript 的常用对象有哪些 常用对象包括日期对象Date，字符串对象String，数组对象Array //获取并显示系统当前时间 function testDate(){ var date = new Date(); var fmtDate = date.getFullYear()+"-"+(date.getMonth()+1)+ "-"+date.getDate()+"-"+date.getHours() +":"+date.getMinutes()+":"+date.getSeconds(); alert(fmtDate); } //获取出’sxt’的下标位置 function testString(){ var str = ‘welcome to beijingsxt‘; alert(str.indexOf(‘sxt‘)); } //遍历数组信息 function testArray(){ var arr = new Array(‘a‘,123,‘c‘,true,‘e‘); for(var item in arr){ document.write(arr[item]+" "); } } 375. DOM 和 BOM 及其关系 BOM 浏览器对象模型，由一系列对象组成，是访问、控制、修改浏览器的属性的方法。 DOM 文档对象模型，由一系列对象组成，是访问、检索、修改 XHTML 文档内容与 结构的标准方法。 关系： – BOM 描述了与浏览器进行交互的方法和接口 – DOM 描述了处理网页内容的方法和接口 – DOM 属于 BOM 的一个属性 376. JavaScript 中获取某个元素的三种方式 JavaScript 中的三种弹出式消 息提醒命令是什么? window.alert() 显示一个提示信息 window.confirm() 显示一个带有提示信息、确定和取消按钮的对话框 window.prompt() 显示可提示用户输入的对话框 setTimeout 与 setInterval 的区别 setTimeout 和 setInterval 的语法相同。它们都有两个参数，一个是将要执行的代码字 符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。 不过这两个函数还是有区别的，setInterval 在执行完一次代码之后，经过了那个固定的 时间间隔，它还会自动重复执行代码，而 setTimeout 只执行一次那段代码。 window.setTimeout("function",time)；//设置一个超时对象，只执行一次,无周期 window.setInterval("function",time)；//设置一个超时对象，周期＝‘交互时间‘ 377. JavaScript 操作 CSS 的两种方式 第一种方式：操作元素的属性（对象.style.样式名=样式值;） //改变直接样式 var child2 = document.createElement("div"); child2.innerHTML = "child2"; child2.style.fontWeight = "bold"; parent.appendChild(child2); 第二种方式：操作元素的类（对象.className=类;） 例如： var parent = document.getElementById("parent"); //改变 className var child0 = document.createElement("div"); child0.innerHTML = "child0"; child0.className = "newDiv"; parent.appendChild(child0); 378. 静态网页和动态网页的联系和区别 联系： 1）静态网页是网站建设的基础，静态网页和动态网页都要使用到 HTMl 语言。 2）静态网页是相对于动态网页而言，指没有后台数据库、不含程序和不可交互的网 页、是标准的 HTML 文件，它的文件扩展名是.htm 或.html。你编的是什么它显示的就 是什么、不会有任何改变。 3）静态网页和动态网页之间并不矛盾，为了网站适应搜索引擎检索的需要，动态网 站可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态 网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网 页内容同时存在也是很常见的事情。 区别： 1）程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件， 属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如 ASP、php、JSP、 ASP.net、CGI 等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如 html 页、Flash、javascript、VBscript 等等，它们是永远不变的。 2）编程技术不同。静态网页和动态网页主要根据网页制作的语言来区分。静态网页 使用语言：HTML。 动态网页使用语言：HTML＋ASP 或 HTML＋PHP 或 HTML＋JSP 等其它网站动态语言。 3）被搜索引擎收录情况不同。由于编程技术不容，静态网页是纯粹 HTML 格式的网 页，页面内容稳定，不论是网页是否被访问，页面都被保存在网站服务器上，很容易被 搜索引擎收录。而动态网页的内容是当用户点击请求时才从数据库中调出返回给用户一 个网页的内容，并不是存放在服务器上的独立文件，相比较于静态网页而言，动态网页 很难被搜索引擎收录。 4）用户访问速度不同。用户访问动态网页时，网页在获得搜索指令后经过数据库 的调查匹配，再将与指令相符的内容传递给服务器，通过服务器的编译将网页编译成标 准的 HTML 代码，从而传递给用户浏览器，多个读取过程大大降低了用户的访问速度。 而静态网页不同，由于网页内容直接存取在服务器上，省去了服务器的编译过程，用户 访问网页速度很快。 5）制作和后期维护工作量不同。动态网页的设计以数据库技术为基础，可以实现 多种功能，降低了网站维护的工作量。而静态网页由于没有数据库的支持，网页内容更 改时需要直接修改代码，在网站内容制作和维护中，所需的工作量更大。动态网页与静 态网页各有特点，网站设计师在网页设计时，主要根据网站的功能需求和网站内容多少 选择不同网页。如，网站包含信息量太大时，就需要选择动态网页，反之，则选择静态 网页。 379. JSP/ASP/PHP 的比较 ASP(Active Server Pages),JSP(JavaServer Pages),PHP(Hypertext Preprocessor) 是目前主流的三种动态网页语言。 ASP 是微软（Microsoft）所开发的一种后台脚本语言，它的语法和 Visual BASIC 类似，可以像 SSI（Server Side Include）那样把后台脚本代码内嵌到 HTML 页面中。 虽然 ASP 简单易用，但是它自身存在着许多缺陷，最重要的就是安全性问题。 PHP 是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用 C,Java 和 Perl 语 言的语法, 并耦合 PHP 自己的特性,使 WEB 开发者能够快速地写出动态产生页面。它支 持目前绝大多数数据库。 JSP 是一个简化的 Servlet，它是由 Sun 公司倡导、许多公司参与一起建立的一种动 态网页技术标准。JSP 技术有点类似 ASP 技术，它是在传统的网页 HTML 中插入 Java 程序段和 JSP 标记(tag)，从而形成 JSP 文件，后缀名为(*.jsp)。 用 JSP 开发的 Web 应 用是跨平台的，既能在 Linux 下运行，也能在其他操作系统上运行。 ASP 优点: 无需编译、易于生成、独立于浏览器、面向对象、与任何 ActiveX scripting 语言兼容、源程序码不会外漏。 缺点: 1）Windows 本身的所有问题都会一成不变的也累加到了它的身上。安全性、稳定 性、跨平台性都会因为与 NT 的捆绑而显现出来。 2）ASP 由于使用了 COM 组件所以它会变的十分强大，但是这样的强大由于 Windows NT 系统最初的设计问题而会引发大量的安全问题。只要在这样的组件或是操 作中一不注意，那么外部攻击就可以取得相当高的权限而导致网站瘫痪或者数据丢失。 3）还无法完全实现一些企业级的功能：完全的集群、负载均横。 PHP 优点： 1）一种能快速学习、跨平台、有良好数据库交互能力的开发语言。 2）简单轻便，易学易用。 3 ) 与 Apache 及其它扩展库结合紧密。 缺点： 1 ) 数据库支持的极大变化。 2 ) 不适合应用于大型电子商务站点。 JSP 优点： 1 ) 一处编写随处运行。 2 ) 系统的多台平支持。 3 ) 强大的的可伸缩性。 4 ) 多样化和功能强大的开发工具支持。 缺点： 1） 与 ASP 一样，Java 的一些优势正是它致命的问题所在。 2 ) 开发速度慢 380. CGI/Servlet/JSP 的比较 CGI(Common Gateway Interface)，通用网关接口,是一种根据请求信息动态产生回 应内容的技术。 通过 CGI，Web 服务器可以将根据请求不同启动不同的外部程序，并将请求内容转 发给该程序，在程序执行结束后，将执行结果作为回应返回给客户端。也就是说，对于 每个请求，都要产生一个新的进程进行处理。 Servlet 是在服务器上运行的小程序。在实际运行的时候 Java Servlet 与 Web 服务 器会融为一体。与 CGI 不同的是，Servlet 对每个请求都是单独启动一个线程，而不是进 程。这种处理方式大幅度地降低了系统里的进程数量，提高了系统的并发处理能力。 比较： 1） JSP 从本质上说就是 Servlet。JSP 技术产生于 Servlet 之后，两者分工协 作，Servlet 侧重于解决运算和业务逻辑问题，JSP 则侧重于解决展示问题。 2 ) 与 CGI 相比，Servlet 效率更高。Servlet 处于服务器进程中，它通过多线 程方式运行其 service 方法，一个实例可以服务于多个请求，并且其实例一般不会销毁。 而 CGI 对每个请求都产生新的进程，服务完成后就销毁，所以效率上低于 Servlet 。 3）与 CGI 相比，Servlet 更容易使用，功能更强大，具有更好的可移植性，更节 省投资。在未来的技术发展过程中，Servlet 有可能彻底取代 CGI。 381. HTTP 协议工作原理及其特点 超文本传输协议（HTTP：Hypertext Transport Protocol）是万维网应用层的协议， 它通过两个程序实现：一个是客户端程序（各种浏览器），另一个是服务器 （常称 Web 服务器） 。这两个通常运行在不同的主机上，通过交换报文来完成网页请求和响应，报 文可简单分为请求报文和响应报文。 工作原理（流程）： 客户机与服务器建立连接后，浏览器可以向 web 服务器发送请求并显示收到的网页， 当用户在浏览器地址栏中输入一个 URL 或点击一个超连接时，浏览器就向服务器发出了 HTTP 请求，请求方式的格式为：统一资源标识符、协议版本号，后边是 MIME （Multipurpose Internet Mail Extensions）信息包括请求修饰符、客户机信息和可能 的内容。该请求被送往由 URL 指定的 WEB 服务器，WEB 服务器接收到请求后，进行相 应反映，其格式为：一个状态行包括信息的协议版本号、一个成功或错误的代码，后边 服务器信息、实体信息和可能的内容。即以 HTTP 规定的格式送回所要求的文件或其他 相关信息，再由用户计算机上的浏览器负责解释和显示。 特点： 1）支持客户/服务器模式。 2）简单快速：客户向服务器请求服务时，只需传送请求方法和路径。请求方法常用的 有 GET、HEAD、POST。每种方法规定了客户与服务器联系的类型不同。由于 HTTP 协议简单，使得 HTTP 服务器的程序规模小，因而通信速度很快。 3）灵活：HTTP 允许传输任意类型的数据对象。正在传输的类型由 Content-Type 加以 标记。 4）无连接：无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求， 并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间。 5）无状态：HTTP 协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。缺 少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接 传送的数据量增大。另一方面，在服务器不需要先前信息时它的应答就较快。 382. get 和 post 的区别 1. Get 是不安全的，因为在传输过程，数据被放在请求的 URL 中；Post 的所有操作对用 户来说都是不可见的。 2. Get 传送的数据量较小，这主要是因为受 URL 长度限制；Post 传送的数据量较大，一 般被默认为不受限制。 3. Get 限制 Form 表单的数据集的值必须为 ASCII 字符；而 Post 支持整个 ISO10646 字 符集。 4. Get 执行效率却比 Post 方法好。Get 是 form 提交的默认方法。 383. 如何解决表单提交的中文乱码问题 1）设置页面编码，若是 jsp 页面，需编写代码 <%@page language="java" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8" %> 若是 html 页面，在网页头部（）中添加下面这段代码 2）将 form 表单提交方式变为 post 方式，即添加 method="post"；）在 Servlet 类中 编写代码 request.setCharacterEncoding("UTF-8")，而且必须写在第一行。 3）如果是 get 请求，在 Servlet 类中编写代码 byte [] bytes = str.getBytes("iso-8859-1"); String cstr = new String(bytes,"utf-8"); 或者直接修改 Tomcat 服务器配置文件 server.xml 增加内容： URIEncoding="utf-8" 384. 绝对路径、根路径、相对路径的含义及其区别 绝对路径指对站点的根目录而言某文件的位置，相对路径指以当前文件所处目录而 言某文件的位置,相对路径-以引用文件之网页所在位置为参考基础，而建立出的目录路 径。绝对路径-以 Web 站点根目录为参考基础的目录路径。 先给出一个网站结构图做实例加深理解，A 网站（域名为 http://www.a.com）： /include/a-test.html，/img/a-next.jpg；B 网站（域名为 http://www.b.com）： /include/b-test.html，/img/b-next.jpg。 相对路径是从引用的网页文件本身开始构建的，如果在 A 网站中的 a-test.html 中要 插入图片 a-next.jpg，可以这样做:，重点是 img 前 面的../，表示从 html 处于的 include 开始起步，输入一个../表示回到上面一级父文件夹 下，然后再接着 img/表示又从父级文件夹下的 img 文件开始了，最后定位 img 下面的 next.jpg。 根路径是从网站的最底层开始起，一般的网站的根目录就是域名下对应的文件夹，就 如 D 盘是一个网站，双击 D 盘进入到 D 盘看到的就是网站的根目录，这种路径的链接 样式是这样的：如果在 A 网站中的 a-test.html 中要插入图片 a-next.jpg，可以这样 做:，以/开头表示从网站根目录算起，找到根目录下面 的 img 文件夹下的 next.jpg。 绝对路径就很好理解了，这种路径一般带有网站的域名，如果在 A 网站中的 a-test.html 中要插入图片 a-next.jpg，需要这样这样写:，将图片路径上带有了域名信息，再打个 比方：如果在 A 网站中的 a-test.html 中要插入 B 网站的图片 b-next.jpg，就需要这样 写：，这种方法适用与在不同网站 之间插入外部网站的图片。 385. 如实现 servlet 的单线程模式 实现 servlet 的单线程的 jsp 命令是： <%@ page isThreadSafe=”false”%>。 默认 isThreadSafe 值为 true。 属性isThreadSafe=false模式表示它是以Singleton模式运行，该模式implements 了接口 SingleThreadMode, 该模式同一时刻只有一个实例，不会出现信息同步与否的 概念。若多个用户同时访问一个这种模式的页面，那么先访问者完全执行完该页面后， 后访问者才开始执行。 属性 isThreadSafe=true 模式表示它以多线程方式运行。该模式的信息同步，需访 问同步方法(用 synchronized 标记的)来实现。 一般格式如下： public synchronized void syncmethod(...){ while(...) { this.wait(); } this.notifyAll(); } 386. Servlet 的生命周期 1、加载：在下列时刻加载 Servlet：（1）如果已配置自动加载选项，则在启动服务器时 自动 2、加载 (web.xml 中设置)；（2）在服务器启动后，客户机首次 向 Servlet 发出请求时;（3）重新加载 Servlet 时（只执行一次） 3、实例化：加载 Servlet 后，服务器创建一个 Servlet 实例。（只执行一次） 4、初始化：调用 Servlet 的 init() 方法。在初始化阶段，Servlet 初始化参数被传递给 Servlet 配置对象 ServletConfig。 （只执行一次） 5、请求处理：对于到达服务器的客户机请求，服务器创建针对此次请求的一个“请求” 对象和一个“响应”对象。服务器调用 Servlet 的 service() 方法，该方法用于传递“请 求”和“响应”对象。service() 方法从“请求”对象获得请求信息、处理该请求并用“响 应”对象的方法以将响应传回客户机。service() 方法可以调用其它方法来处理请求，例 如 doGet()、doPost() 或其它的方法。（每次请求都执行该步骤） 6、销毁：当服务器不再需要 Servlet, 或重新装入 Servlet 的新实例时，服务器会调用 Servlet 的 destroy() 方法。（只执行一次） 387. 转发和重定向的区别 转发是在服务端直接做的事情，是对客户端的同一个 request 进行传递，浏览器并不知 道。重定向是由浏览器来做的事情。重定向时，服务端返回一个 response，里面包含了 跳转的地址，由浏览器获得后，自动发送一个新 request。转发像呼叫转移或者 110 报 警中心，重定向似 114 查号台。 a) 区别 1:跳转效率的不同 转发效率相对高；重定向效率相对低 b) 区别 2:实现语句不同 转发 request.getRequestDispatcher("xxxx").forward(request,response) ; 重定向 response.sendRedirect("xxxx") c) 区别 3:是否共有同一个 request 的数据 转发源组件与目标组件共有同一个 request 数据 重定向源组件与目标组件不共有同一个 request 数据（可使用 session 共有数据） d) 区别 4:浏览器 URL 地址的不同 转发后浏览器 URL 地址保持不变（源组件地址） 重定向后浏览器 URL 地址改变为重定向后的地址（目标组件地址） e) 区别 5:"/"路径的含义不同 转发时"/"代表当前项目的根路径 ；重定向时"/"代表当前服务器的根路径 f) 区别 6:跳转范围的不同 只能转发到同一应用中的 URL（默认） ；可以重定向任何服务器、任何应用的 URL g) 区别 7:刷新是否导致重复提交 转发会导致重复提交(可以通过同步令牌解决)；重定向不会导致重复提交 h) 区别 8:是否经过过滤器 转发不经过过滤器（默认情况）；重定向经过过滤器 388. JSP 的执行过程 在 JSP 运行过程中，首先由客户端发出请求，Web 服务器接收到请求后，如果是第一次 访问某个 jsp 页面，Web 服务器对它进行以下 3 个操作。 1) 翻译：由.jsp 变为.java,由 JSP 引擎实现。 2) 编译：由.java 变为.class,由 Java 编译器实现。 3) 执行：由.class 变为.html,用 Java 虚拟机执行编译文件,然后将执行结果返回给 Web 服务器，并最终返回给客户端 如果不是第一次访问某个 JSP 页面，则只执行第三步。所以第一次访问 JSP 较慢。 389. JSP 动作有哪些,简述作用? jsp:include：在页面被请求的时候引入一个文件。 jsp:useBean：寻找或者实例化一个 JavaBean。 jsp:setProperty：设置 JavaBean 的属 性。 jsp:getProperty：输出某个 JavaBean 的属性。 jsp:forward：把请求转到一个新的页面。 jsp:plugin：根据浏览器类型为 Java 插件生 成 OBJECT 或 EMBED 标记。 390. page/request/session/application 作用域区别 page：当前页面范围 request：当前页面范围+转发页面（forward）+包含页面（include） session：当前会话：session 在以下几种情况下失效 1) 销毁 session：Session.invalidate(); 2) 超过最大非活动间隔时间 3) 手动关闭浏览器（session 并没有立刻失效，因为服务器端 session 仍旧存在，超过 最大非活动间隔时间后真正失效） application：当前应用；服务器重新启动前一直有效 391. JSP 和 Servlet 的区别和联系 区别： 1) JSP 是在 HTML 代码里写 JAVA 代码,框架是 HTML;而 Servlet 是在 JAVA 代码中写 HTML 代码，本身是个 JAVA 类。 2) JSP 使人们把显示和逻辑分隔成为可能，这意味着两者的开发可并行进行；而 Servlet 并没有把两者分开。 3) Servlet 独立地处理静态表示逻辑与动态业务逻辑.这样,任何文件的变动都需要对此 服务程序重新编译;JSP 允许用特殊标签直接嵌入到 HTML 页面, HTML 内容与 JAVA 内容也可放在单独文件中,HTML 内容的任何变动会自动编译装入到服务程序. 4) Servlet 需要在 web.xml 中配置，而 JSP 无需配置。 5) 目前 JSP 主要用在视图层，负责显示，而 Servlet 主要用在控制层，负责调度 联系： 1) 都是 Sun 公司推出的动态网页技术。 2) 先有 Servlet，针对 Servlet 缺点推出 JSP。JSP 是 Servlet 的一种特殊形式，每个 JSP 页面就是一个 Servlet 实例——JSP 页面由系统翻译成 Servlet，Servlet 再负责响应 用户请求。 392. 谈谈过滤器原理及其作用? 原理: l 过滤器是运行在服务器端的一个拦截作用的 web 组件，一个请求来到时，web 容器 会判断是否有过滤器与该信息资源相关联，如果有则交给过滤器处理，然后再交给目 标资源，响应的时候则以相反的顺序交给过滤器处理，最后再返回给用户浏览器 l 一般用于日志记录、性能、安全、权限管理等公共模块。 过滤器开发: l 过滤器是一个实现了 javax.servlet.Filter 接口的 java 类 l 主要业务代码放在 doFilter 方法中 l 业务代码完成后要将请求向后传递，即调用 FilterChain 对象的 doFilter 方法 配置: 在web.xml中增加如下代码 MyFilter Filter完整类名 MyFilter /*(要过虑的url，此处*表示过虑所有的 url) 谈谈监听器作用及其分类? 监听器也叫 Listener，是一个实现特定接口的 java 类，使用时需要在 web.xml 中配置， 它是 web 服务器端的一个组件，它们用于监听的事件源分别为 SerlvetConext,HttpSession 和 ServletRequest 这三个域对象 主要有以下三种操作: – 监听三个域对象创建和销毁的事件监听器 – 监听域对象中属性的增加和删除的事件监听器 – 监听绑定到 HttpSession 域中的某个对象的状态的时间监听器 接口分类: – ServletContextListener – HttpSessionListener – ServletRequestListener – ServletContextAttributeListener – HttpSessionAttributeListener – ServletRequestAttributeListener – HttpSessionBindingListener(不需要配置) – HttpSessionActivationListener(不需要配置) 配置： 实现以上任意接口的 java 类全名 393. jQuery 相比 JavaScript 的优势在哪里 jQuery 的语法更加简单。 jQuery 消除了 JavaScript 跨平台兼容问题。 相比其他 JavaScript 和 JavaScript 库，jQuery 更容易使用。 jQuery 有一个庞大的库/函数。 jQuery 有良好的文档和帮助手册。 jQuery 支持 AJAX 394. DOM 对象和 jQuery 对象的区别及其转换 DOM 对象，是我们用传统的方法(javascript)获得的对象，jQuery 对象即是用 jQuery 类库的选择器获得的对象，它是对 DOM 对象的一种封装，jQuery 对象不能使用 DOM 对象的方法，只能使用 jQuery 对象自己的方法。 普通的 dom 对象一般可以通过$()转换成 jquery 对象 如：var cr=document.getElementById("cr"); //dom 对象 var $cr = $(cr); //转换成 jquery 对象 由于 jquery 对象本身是一个集合。所以如果 jquery 对象要转换为 dom 对象则必须取出 其中的某一项，一般可通过索引取出 如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这几种语法在 jQuery 中都是合法的 395. jQuery 中$的作用主要有哪些 1) $用作选择器 例如:根据 id 获得页面元素$("#元素 ID") 2) $相当于 window.onload 和 $(document).ready(...) 例如:$(function(){...}); function(){...}会在 DOM 树加载完毕之后执行。 3) $用作 JQuery 的工具函数的前缀 例如： var str = ‘ Welcome to shanghai.com ‘; str = $.trim(str);去掉空格 4) $(element)：把 DOM 节点转化成 jQuery 节点 例如：var cr=document.getElementById("cr"); //dom 对象 var $cr = $(cr); //转换成 jquery 对象 5）$(html)：使用 HTML 字符串创建 jQuery 节点 例如：var obj = $("
尚学堂，实战化教学第一品牌
") 396. Ajax 含义及其主要技术 Ajax (Asynchronous JavaScript and XML 阿贾克斯)不是一个新的技术，事实上，它 是一些旧有的成熟的技术以一种全新的更加强大的方式整合在一起。 Ajax 的关键技术： 1) 使用 CSS 构建用户界面样式，负责页面排版和美工 2) 使用 DOM 进行动态显示和交互，对页面进行局部修改 3) 使用 XMLHttpRequest 异步获取数据 4) 使用 JavaScript 将所有元素绑定在一起 397. Ajax 的工作原理 Ajax 的原理简单来说通过 XmlHttpRequest 对象来向服务器发异步请求，从服务器获得 数据，然后用 javascript 来操作 DOM 而更新页面。这其中最关键的一步就是从服务器 获得请求数据。要清楚这个过程和原理，我们必须对 XMLHttpRequest 有所了解。 XMLHttpRequest 是 ajax 的核心机制，它是在 IE5 中首先引入的，是一种支持异步请求 的技术。简单的说，也就是 javascript 可以及时向服务器提出请求和处理响应，而不阻 塞用户。达到无刷新的效果。 398. JSON 及其作用 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语 言的文本格式，是理想的数据交换格式。同时，JSON 是 JavaScript 原生格式，这意味 着在 JavaScript 中处理 JSON 数据不须要任何特殊的 API 或工具包。 在 JSON 中，有两种结构：对象和数组。 ? {} 对象 ? [] 数组 ? , 分隔属性 ? : 左边为属性名，右边为属性值 属性名可用可不用引号括起，属性值为字符串一定要用引号括起 举例： varo={ "xlid": "cxh", "xldigitid": 123456, "topscore": 2000, "topplaytime": "2009-08-20" }； jsonranklist=[ { "xlid": "cxh", "xldigitid": 123456, "topscore": 2000, "topplaytime": "2009-08-20" }, { "xlid": "zd", "xldigitid": 123456, "topscore": 1500, "topplaytime": "2009-11-20" } ]; 399. 文件上传组件 Common-fileUpload 的常用类及其作用？ DiskFileItemFactory：磁盘文件工厂类，设置上传文件保存的磁盘目录，缓冲区大小。 ServletFileUpload：上传处理类，此类真正读取客户上传的文件，同时可以设置最大接 收大小。 FileItem：上传的文件对象，可以是多个文件，每个上传的文件都是一个单独的 FileItem 对象。 400. 说出 Servlet 的生命周期，并说出 Servlet 和 CGI 的区别? 答：Web 容器加载 Servlet 并将其实例化后，Servlet 生命周期开始，容器运行其 init() 方法进行 Servlet 的初始化；请求到达时调用 Servlet 的 service 方法，service 方法会 调用与请求对应的 doGet 或 doPost 等方法；当服务器关闭会项目被卸载时服务器会将 Servlet 实例销毁，此时会调用 Servlet 的 destroy 方法。Servlet 与 CGI 的区别在于 Servlet 处于服务器进程中，它通过多线程方式运行其 service 方法，一个实例可以服务 于多个请求，并且其实例一般不会销毁，而 CGI 对每个请求都产生新的进程，服务完成 后就销毁，所以效率上低于 Servlet。 【补充 1】SUN 公司在 1996 年发布 Servlet 技术就是为了和 CGI 进行竞争，Servlet 是一个特殊的 Java 程序，一个基于 Java 的 Web 应用通常包含一个或多个 Servlet 类。 Servlet 不能够自行创建并执行，它是在 Servlet 容器中运行的，容器将用户的请求传递 给 Servlet 程序，此外将 Servlet 的响应回传给用户。通常一个 Servlet 会关联一个或多 个 JSP 页面。以前 CGI 经常因为性能开销上的问题被诟病，然而 Fast CGI 早就已经解决 了 CGI 效率上的问题，所以面试的时候大可不必诟病 CGI，腾讯的网站就使用了 CGI 技 术，相信你也没感觉它哪里不好。 【补充 2】Servlet 接口定义了 5 个方法，其中前三个方法与 Servlet 生命周期相关： void init(ServletConfig config) throws ServletException void service(ServletRequest req, ServletResponse resp) throws ServletException, java.io.IOException void destory() java.lang.String getServletInfo() ServletConfig getServletConfig() 401. JSP 和 Servlet 有有什么关系？ 答：其实这个问题在上面已经阐述过了，Servlet 是一个特殊的 Java 程序，它运行于服 务器的 JVM 中，能够依靠服务器的支持向浏览器提供显示内容。JSP 本质上是 Servlet 的一种简易形式， JSP 会被服务器处理成一个类似于 Servlet 的 Java 程序，可以简化页 面内容的生成。Servlet 和 JSP 最主要的不同点在于，Servlet 的应用逻辑是在 Java 文 件中，并且完全从表示层中的 HTML 分离开来。而 JSP 的情况是 Java 和 HTML 可以组 合成一个扩展名为.jsp 的文件（有人说，Servlet 就是在 Java 中写 HTML，而 JSP 就是 在 HTML 中写 Java 代码，当然，这个说法还是很片面的）。JSP 侧重于视图，Servlet 更侧重于控制逻辑，在 MVC 架构模式中，JSP 适合充当视图（view）而 Servlet 适合充 当控制器（controller）。 402. JSP 中的四种作用域？ 答：page、request、session 和 application，具体如下： ①page 代表与一个页面相关的对象和属性。 ②request 代表与 Web 客户机发出的一个请求相关的对象和属性。一个请求可能跨越 多个页面，涉及多个 Web 组件；需要在页面显示的临时数据可以置于此作用域 ③session 代表与某个用户与服务器建立的一次会话相关的对象和属性。跟某个用户相关 的数据应该放在用户自己的 session 中 ④application 代表与整个 Web 应用程序相关的对象和属性，它实质上是跨越整个 Web 应用程序，包括多个页面、请求和会话的一个全局作用域。 403. 如何实现 JSP 或 Servlet 的单线程模式？ <%@page isThreadSafe=”false”%> 【补充】Servlet 默认的工作模式是单实例多线程，如果 Servlet 实现了标识接口 SingleThreadModel 又或是 JSP 页面通过 page 指令设置 isThreadSafe 属性为 false， 那么它们生成的 Java 代码会以单线程多实例方式工作。显然，这样做会导致每个请求创 建一个 Servlet 实例，这种实践将导致严重的性能问题。 404. 实现会话跟踪的技术有哪些？ 答：由于 HTTP 协议本身是无状态的，服务器为了区分不同的用户，就需要对用户会话 进行跟踪，简单的说就是为用户进行登记，为用户分配唯一的 ID，下一次用户在请求中 包含此 ID，服务器据此判断到底是哪一个用户。 ①URL 重写：在 URL 中添加用户会话的信息作为请求的参数，或者将唯一的会话 ID 添 加到 URL 结尾以标识一个会话。 ②设置表单隐藏域：将和会话跟踪相关的字段添加到隐式表单域中，这些信息不会在浏 览器中显示但是提交表单时会提交给服务器。 这两种方式很难处理跨越多个页面的信息传递，因为如果每次都要修改 URL 或在页面中 添加隐式表单域来存储用户会话相关信息，事情将变得非常麻烦。 ③cookie：cookie 有两种，一种是基于窗口的，浏览器窗口关闭后，cookie 就没有了； 另一种是将信息存储在一个临时文件中，并设置存在的时间。当用户通过浏览器和服务 器建立一次会话后，会话 ID 就会随响应信息返回存储在基于窗口的 cookie 中，那就意 味着只要浏览器没有关闭，会话没有超时，下一次请求时这个会话 ID 又会提交给服务器 让服务器识别用户身份。会话中可以为用户保存信息。会话对象是在服务器内存中的， 而基于窗口的 cookie 是在客户端内存中的。如果浏览器禁用了 cookie，那么就需要通 过下面两种方式进行会话跟踪。当然，在使用 cookie 时要注意几点：首先不要在 cookie 中存放敏感信息；其次 cookie 存储的数据量有限（4k），不能将过多的内容存储 cookie 中；再者浏览器通常只允许一个站点最多存放 20 个 cookie。当然，和用户会话相关的 其他信息（除了会话 ID）也可以存在 cookie 方便进行会话跟踪。 ④HttpSession：在所有会话跟踪技术中，HttpSession 对象是最强大也是功能最多的。 当一个用户第一次访问某个网站时会自动创建 HttpSession，每个用户可以访问他自己 的 HttpSession。可以通过 HttpServletRequest 对象的 getSession 方法获得 HttpSession，通过 HttpSession 的 setAttribute 方法可以将一个值放在 HttpSession 中，通过调用 HttpSession 对象的 getAttribute 方法，同时传入属性名就可以获取保存 在 HttpSession 中的对象。与上面三种方式不同的是，HttpSession 放在服务器的内存 中，因此不要将过大的对象放在里面，即使目前的 Servlet 容器可以在内存将满时将 HttpSession 中的对象移到其他存储设备中，但是这样势必影响性能。添加到 HttpSession 中的值可以是任意 Java 对象，这个对象最好实现了 Serializable 接口，这 样 Servlet 容器在必要的时候可以将其序列化到文件中，否则在序列化时就会出现异常。 405. 过滤器有哪些作用和用法？ 答： Java Web 开发中的过滤器（filter）是从 Servlet 2.3 规范开始增加的功能，并在 Servlet 2.4 规范中得到增强。对 Web 应用来说，过滤器是一个驻留在服务器端的 Web 组件，它可以截取客户端和服务器之间的请求与响应信息，并对这些信息进行过滤。当 Web 容器接受到一个对资源的请求时，它将判断是否有过滤器与这个资源相关联。如果 有，那么容器将把请求交给过滤器进行处理。在过滤器中，你可以改变请求的内容，或 者重新设置请求的报头信息，然后再将请求发送给目标资源。当目标资源对请求作出响 应时候，容器同样会将响应先转发给过滤器，再过滤器中，你可以对响应的内容进行转 换，然后再将响应发送到客户端。 常见的过滤器用途主要包括：对用户请求进行统一认证、对用户的访问请求进行记录和 审核、对用户发送的数据进行过滤或替换、转换图象格式、对响应内容进行压缩以减少 传输量、对请求或响应进行加解密处理、触发资源访问事件、对 XML 的输出应用 XSLT 等。 和过滤器相关的接口主要有：Filter、FilterConfig、FilterChain 406. 监听器有哪些作用和用法？ 答：Java Web 开发中的监听器（listener）就是 application、session、request 三个 对象创建、销毁或者往其中添加修改删除属性时自动执行代码的功能组件，如下所示： ①ServletContextListener：对 Servlet 上下文的创建和销毁进行监听。 ②ServletContextAttributeListener：监听 Servlet 上下文属性的添加、删除和替换。 ③HttpSessionListener：对 Session 的创建和销毁进行监听。 补充：session 的销毁有两种情况：1session 超时（可以在 web.xml 中通过 /标签配置超时时间）；2 通过调用 session 对象 的 invalidate()方法使 session 失效。 ④HttpSessionAttributeListener：对 Session 对象中属性的添加、删除和替换进行监 听。 ⑤ServletRequestListener：对请求对象的初始化和销毁进行监听。 ⑥ServletRequestAttributeListener：对请求对象属性的添加、删除和替换进行监听。 407. 你的项目中使用过哪些 JSTL 标签？ 答：项目中主要使用了 JSTL 的核心标签库，包括、、、 、等，主要用于构造循环和分支结构以控制显示逻辑。 【说明】虽然 JSTL 标签库提供了 core、sql、fmt、xml 等标签库，但是实际开发中建议 只使用核心标签库（core），而且最好只使用分支和循环标签并辅以表达式语言（EL）， 这样才能真正做到数据显示和业务逻辑的分离，这才是最佳实践。 408. 使用标签库有什么好处？如何自定义 JSP 标签？ 答：使用标签库的好处包括以下几个方面： 分离 JSP 页面的内容和逻辑，简化了 Web 开发； 开发者可以创建自定义标签来封装业务逻辑和显示逻辑； 标签具有很好的可移植性、可维护性和可重用性； 避免了对 Scriptlet（小脚本）的使用（很多公司的项目开发都不允许在 JSP 中书写小脚 本） 自定义 JSP 标签包括以下几个步骤： 编写一个 Java 类实现实现 Tag/BodyTag/IterationTag 接口(通常不直接实现这些接口而 是继承 TagSupport/BodyTagSupport/SimpleTagSupport 类，这是对适配器模式中缺 省适配模式的应用) 重写 doStartTag()、doEndTag()等方法，定义标签要完成的功能 编写扩展名为 tld 的标签描述文件对自定义标签进行部署，tld 文件通常放在 WEB-INF 文件夹或其子目录 在 JSP 页面中使用 taglib 指令引用该标签库 标签库描述文件（该文件通常放在 WEB-INF 目录或其子目录下）

定义标签库
1.0
MyTag

time
com.lovo.tags.TimeTag
empty

format
false


foreColor backColor JSP 页面 <%@ page pageEncoding="UTF-8"%> <%@ taglib prefix="my" uri="/WEB-INF/tld/my.tld" %> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getSe rverPort()+path+"/"; %> 运行结果 【注意】如果要将自定义的标签库发布成 JAR 文件，需要将标签库描述文件（tld 文件） 放在 JAR 文件的 META-INF 目录下，可以 JDK 自带的 jar 工具完成 JAR 文件的生成。 409. 表达式语言（EL）的隐式对象及其作用？ 答：pageContext、initParam（访问上下文参数）、param（访问请求参数）、paramValues、 header（访问请求头）、headerValues、cookie（访问 cookie）、applicationScope（访 问 application 作用域）、sessionScope（访问 session 作用域）、requestScope（访问 request 作用域）、pageScope（访问 page 作用域）。用法如下所示： ${pageContext.request.method} ${pageContext["request"]["method"]} ${pageContext.request["method"]} ${pageContext["request"].method} ${initParam.defaultEncoding} ${header["accept-language"]} ${headerValues["accept-language"][0]} ${cookie.jsessionid.value} ${sessionScope.loginUser.username} 【补充】表达式语言的.和[]运算作用是一致的，唯一的差别在于如果访问的属性名不符合 Java 标识符命名规则，例如上面的 accept-language 就不是一个有效的 Java 标识符， 那么这时候就只能用[]运算符而不能使用.获取它的值 410. 表达式语言（EL）支持哪些运算符？ 答：除了.和[]运算符，EL 还提供了： 算术运算符：+、-、*、/或 div、%或 mod 关系运算符：==或 eq、!=或 ne、>或 gt、>=或 ge、<或 lt、<=或 le 逻辑运算符：&&或 and、||或 or、!或 not 条件运算符：${statement? A : B}（跟 Java 的条件运算符类似） empty 运算符：检查一个值是否为 null 或者空（数组长度为 0 或集合中没有元素也返回 true） 411. Servlet 3 中的异步处理指的是什么？ 答：在 Servlet 3 中引入了一项新的技术可以让 Servlet 异步处理请求。有人可能会质疑， 既然都有多线程了，还需要异步处理请求吗？答案是肯定的，因为如果一个任务处理时 间相当长，那么 Servlet 或 Filter 会一直占用着请求处理线程直到任务结束，随着并发用 户的增加，容器将会遭遇线程超出的风险，这这种情况下很多的请求将会被堆积起来而 后续的请求可能会遭遇拒绝服务，直到有资源可以处理请求为止。异步特性可以帮助应 用节省容器中的线程，特别适合执行时间长而且用户需要得到结果的任务，如果用户不 需要得到结果则直接将一个 Runnable 对象交给 Executor（如果不清楚请查看前文关于 多线程和线程池的部分）并立即返回即可。 【补充】多线程在 Java 诞生初期无疑是一个亮点，而 Servlet 单实例多线程的工作方式 也曾为其赢得美名，然而技术的发展往往会颠覆我们很多的认知，就如同当年爱因斯坦 的相对论颠覆了牛顿的经典力学一般。事实上，异步处理绝不是 Serlvet 3 首创，如果你 了解 Node.js 的话，对 Servlet 3 的这个重要改进就不以为奇了。 412. 如何在基于 Java 的 Web 项目中实现文件上传和下载？ 答：（稍后呈现，我准备用 HTML5 写一个带进度条的客户端，然后再用 Servlet 3 提供 的文件上传支持来做一个多文件上传的例子） 413. 简述值栈(Value-Stack)的原理和生命周期 答： Value-Stack 贯穿整个 Action 的生命周期，保存在 request 作用域中，所以它和 request 的生命周期一样。当 Struts 2 接受一个请求时，会创建 ActionContext、 Value-Stack 和 Action 对象，然后把 Action 存放进 Value-Stack，所以 Action 的实例 变量可以通过 OGNL 访问。由于 Action 是多实例的，和使用单例的 Servlet 不同， 每 个 Action 都有一个对应的 Value-Stack，Value-Stack 存放的数据类型是该 Action 的实 例，以及该 Action 中的实例变量，Action 对象默认保存在栈顶。 414. 阐述 Session 加载实体对象的过程。 答：Session 加载实体对象的步骤是： ① Session 在调用数据库查询功能之前, 首先会在缓存中进行查询, 在一级缓存中, 通 过实体类型和主键进行查找, 如果一级缓存查找命中且数据状态合法, 则直接返回 ③ 如果一级缓存没有命中, 接下来 Session 会在当前 NonExists 记录(相当于一个查询 黑名单, 如果出现重复的无效查询可以迅速判断, 从而提升性能)中进行查找, 如果 NonExists 中存在同样的查询条件,则返回 null ③ 对于 load 方法, 如果一级缓存查询失败则查询二级缓存, 如果二级缓存命中则直接 返回 ④ 如果之前的查询都未命中, 则发出 SQL 语句, 如果查询未发现对应记录则将此次查询 添加到 Session 的 NonExists 中加以记录, 并返回 null ⑤ 根据映射配置和 SQL 语句得到 ResultSet,并创建对应的实体对象 ⑥ 将对象纳入 Session(一级缓存)管理 ⑦ 执行拦截器的 onLoad 方法(如果有对应的拦截器) ⑧ 将数据对象纳入二级缓存 ⑨ 返回数据对象 415. 怎么防止重复提交 1.禁掉提交按钮。表单提交后使用 Javascript 使提交按钮 disable。这种方法防止心急的 用户多次点击按钮。但有个问题，如果客户端把 Javascript 给禁止掉，这种方法就无效 了。 2.Post/Redirect/Get 模式。在提交后执行页面重定向，这就是所谓的 Post-Redirect-Get (PRG)模式。简言之，当用户提交了表单后，你去执行一个客户端的 重定向，转到提交成功信息页面。 这能避免用户按 F5 导致的重复提交，而其也不会出现浏览器表单重复提交的警告，也能 消除按浏览器前进和后退按导致的同样问题。 3.在 session 中存放一个特殊标志。当表单页面被请求时，生成一个特殊的字符标志串， 存在 session 中，同时放在表单的隐藏域里。接受处理表单数据时，检查标识字串是否 存在，并立即从 session 中删除它，然后正常处理数据。 如果发现表单提交里没有有效的标志串，这说明表单已经被提交过了，忽略这次提交。 4.在数据库里添加约束。在数据库里添加唯一约束或创建唯一索引，防止出现重复数据。 这是最有效的防止重复提交数据的方法。 416. $(document).ready(function(){}) jQuery(document).ready(function(){}); 有什么区别？ window.jQuery = window.$ = jQuery; 这两者可以互换使用。一般建议优先使用$ 417. 写出输出结果 //请写出以下输出结果： Foo.getName(); // 2 getName(); // 4 Foo().getName(); // 1 getName(); // 1 new Foo.getName(); // 2 new Foo().getName(); // 3 new new Foo().getName(); // 3 418. web 项目从浏览器发起交易响应缓慢，请简述从哪些方面如数分析 从前端后端分别取考虑，后台是不是数据库死锁等。 前台看看是不是 js 错误，或者图片过大，dom 渲染 dom 树，画面优化。cmd amd 规 范等

---

1. 1-9 ??

以上是关于WEB方面面试题详解的主要内容，如果未能解决你的问题，请参考以下文章

WEB前端面试题

Java面试题

iOS面试题详解-开篇

[轻松拿offer]Web前端面试真题|带详解！

Web前端企业面试题

面试题:J2EE中web.xml配置文件详解