判断
回到题目，如果你真想检验一个人的水平。第一步先考察一下基本的编程基础，问几个基本的编程问题，可以和前端相关也可以无关。比如垃圾收集大致是怎么做的，setTimeout 大致做了什么（说会在另一个线程里执行回调的直接毙掉）。
第二步考察一下知识面，问问http、tcp的基本知识，dns是怎么工作的，或者常用框架的实现原理，看看候选人是不是除了自己的一亩三分地什么都不关心。
第三步考察hold业务逻辑的能力，从一个简单的注册页，或者查询页开始，先让说下代码的基本架构，然后需求、性能、可靠性、安全层层加码，看看能不能很快的反馈出解决方案。能对答如流的要么做过，要么对他来说这种复杂度的东西是小case。
前三步都没问题，基本上说明候选人已经还行了，但是行到什么程度，不知道。如果想找比较厉害的，就增加个第四步，亮点项目考察。
总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了，我整理一套前端面试题分享给大家，希望对即将去面试的小伙伴们有帮助！
它实现了Servlet接口和ServletConfig接口。
可以继承GenericServlet类并实现service()方法来创建任何类型的Servlet。
HttpServlet
HttpServlet抽象类继承了GenericServlet类，
它用来实现针对HTTP协议的Servlet，
在HttpServlet类中增加了一个新的service()方法。
- 在HttpServlet中针对不同的HTTP请求方法定义了不同的处理方法。
如get方法：
public void doGet(HttpServletRequest request,
HttpServletResponse response)
throws ServletException, IOException {
}
当然还有post方法：
- 在HttpServlet中对每种HTTP方法定义了相应的方法
protected void doGet(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException;
- 检索请求参数
请求参数是随请求一起发送到服务器的数据，它以“名/值”对的形式发送。
-
POST请求，参数在数据区；
-
GET请求，参数附加在URI后面。
-
客户端传递参数方式
从客户端向服务器端传递请求参数有下面两种方法。
-
通过表单指定请求参数，每个表单域可以传递一个请求参数，这种方法适用于GET请求和POST请求。
-
通过URL中的查询串指定请求参数，将参数名和值附加在请求URI后面，这种方法只适用于GET请求。
问号后面内容称为查询串（query string），为请求参数名和参数值对。
若有多个参数，中间用“&”符号分隔，参数名和参数值之间用等号（=）分隔。
如：http://localhost:8080/chapter02/user- login?username=admin&password=admin
- 使用请求对象存储数据
可使用请求对象HttpServletRequest存储数据。
请求对象是一个作用域对象，可以在其上存储属性实现数据共享。
- 属性（attribute）包括属性名和属性值。
属性名是一个字符串，
属性值是一个对象。
有关属性存储的方法有4个，定义在HttpServletRequest接口中。
格式如下。
public void setAttribute(String name,Object obj)
public Object getAttribute(String name)
要类型转换
public void removeAttribute(String name)
public Enumeration getAttributeNames()
-
文本、单选按钮，使用
String data = request.getParameter(String name) -
复选框、多选框，使用
String[] data = request.getParameterValues(name)
- 请求转发
request.getRequestDispatcher().forward(request,response)
不能转向到本web应用之外的页面和网站，所以转向的速度要快。
- 响应重定向
通过响应对象response的sendRedirect()实现，public void sendRedirect(String location)。
注：URL可以是绝对URL（如www.baidu.com），也可以是相对URL。
- 一个猜数字的小栗子
package com.jsy.learn;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;
import java.io.PrintWriter;
// URL为：http://localhost:8080/learnServletAndJSP_war_exploded/GuessNumberServlet 执行
@WebServlet("/GuessNumberServlet")
public class GuessNumberServlet extends HttpServlet {
@Override
public void doGet(HttpServletRequest request,
HttpServletResponse response)
throws ServletException, IOException
{
int magic = (int)(Math.random()*101);
HttpSession session = request.getSession();
// 浏览器第一次访问，服务器就产生一个 session 会话，产生一个随机数存在session里。
session.setAttribute("num",new Integer(magic));
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
// 输出 表单
out.println("");
out.println("guess a number between 0 and 100");
out.println("
");out.println("");
out.println("");
out.println("
");out.println("");
}
@Override
public void doPost(HttpServletRequest request,
HttpServletResponse response)
throws ServletException, IOException
{
// 表单通过 post函数传来值
int guess = Integer.parseInt(request.getParameter("guess"));
// 这里通过 request 获得的session 就是 一开始上面存在服务器的session
HttpSession session = request.getSession();
// 获取一开始设定的值
int magic = (Integer)session.getAttribute("num");
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
out.println("");
// 写判断逻辑
if(guess==magic){
// 会话失效，当然之前一开始设置的值也就失效了
session.invalidate();
out.println("ok!");
out.println("again?.");
}
else if(guess>magic){
out.println("It's too big!");
}
else{
out.println("It's too small!");
}
out.println("
");out.println("");
out.println("");
out.println("
");out.println("");
}
}
===================================================================
- JSP（JavaServer Pages）是一种在HTML页面中嵌入JSP元素的动态Web页面 ，它的主要用来实现表示逻辑。
在JSP页面中可以包含多种JSP元素，当JSP页面被访问时，Web容器将JSP页面转换成Servlet类执行后将结果发送给客户。
- JSP文件会被转换和编译成Servlet程序。
与其他的Web页面一样，JSP页面也有一个唯一的URL，客户可以通过它访问该页面。
在JSP页面中可以使用三种脚本元素：
-
JSP声明、
-
JSP小脚本、
-
JSP表达式。
-
变量（类的成员变量、）、方法（类的成员方法）的声明
<%! %>
- 表达式，插值
<%= %>
- 指令
<%@ %>
如：
<%-- 导包 --%>
<%@ page import="java.time.LocalDate" %>
<%@ include attribute-list %>
在JSP 编译时插入一个包含文本或代码的文件，这个包含的过程是静态的，
- 脚本(service的中的方法代码段)
<% %>
当JSP页面第一次被访问时，Web容器解析JSP文件并将其转换成相应的Java文件，该文件声明了一个Servlet类，该类称为页面实现类。
客户首次访问页面时，Web容器执行该JSP页面要经过6个阶段。
-
前三个阶段将JSP页面转换成一个Servlet类并装载和创建该类实例；
-
后三个阶段是初始化、提供服务和销毁阶段。
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%-- 导包 --%>
<%@ page import="java.time.LocalDate" %>
<%! LocalDate curDate = null;%>
当前日期<% curDate = LocalDate.now(); %>
今天的日期是：<%= curDate.toString() %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%-- 变量声明的顺序无关紧要，因为都会转换为实现类的成员变量和成员方法 --%>
<%!
double r;
double getArea(double r) {
return Math.PI * r * r;
}
%>
圆的面积<%
out.println("欢迎");
%>
<%
String s = request.getParameter("radius");
if (s == null) s = "0";
r = Double.parseDouble(s);
%>
半径为<%= r %>的圆的面积为：<%= getArea(r)%>
- JSP的循环
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
计算平方根<%
for(int i=1;i<10;i++){
%>
<%
}
%>
| <%= i%> | <%= Math.sqrt(i)%> |
out
out 对象用于在Web浏览器内输出信息，并且管理应用服务器上的输出缓冲区。
可以在小脚本中直接使用它，也可以在表达式中间接使用它产生HTML代码。
out.print();
out.println();
out.write();
request
该对象代表了客户端的请求信息，主要用于接受通过HTTP协议传送到服务器的数据。（包括头信息、系统信息、请求方式以及请求参数等。
分析用户请求。
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
框架相关
原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。
在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
Vue框架
知识要点： 1. vue-cli工程 2. vue核心知识点 3. vue-router 4. vuex 5. http请求 6. UI样式 7. 常用功能 8. MVVM设计模式
React框架
知识要点： 1. 基本知识 2. React 组件 3. React Redux 4. React 路由
