最后
你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
我特地针对初学者整理一套前端学习资料
response.setHeader(“Cache-Control”, “no-cache”);
response.setHeader(“Pragma”, “no-cache”);
##### **2.2、设置http响应头控制浏览器定时刷新网页(refresh)**
response.setHeader(“refresh”, “5”);//设置refresh响应头控制浏览器每隔5秒钟刷新一次
##### **2.3、通过response实现请求重定向**
请求重定向指:**一个web资源收到客户端请求后,通知客户端去访问另外一个web资源,这称之为请求重定向。要请求两个Servlet服务,区别于转发。**
应用场景:用户登陆,用户首先访问登录页面,登录成功后,就会跳转到某个页面,这个过程就是一个请求重定向的过程
实现方式:`response.sendRedirect(String location)`,即调用`response`对象的`sendRedirect`方法实现请求重定向
`sendRedirect`内部的实现原理:**使用response设置302状态码和设置location响应头实现重定向**
例如:
package gacl.response.study;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class ResponseDemo04 extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
/\*\*
* 1.调用sendRedirect方法实现请求重定向,
* sendRedirect方法内部调用了
* response.setHeader(“Location”, “/JavaWeb_HttpServletResponse_Study_20140615/index.jsp”);
* response.setStatus(HttpServletResponse.SC_FOUND);//设置302状态码,等同于response.setStatus(302);
*/
response.sendRedirect(“/JavaWeb_HttpServletResponse_Study_20140615/index.jsp”);
//2.使用response设置302状态码和设置location响应头实现重定向实现请求重定向
//response.setHeader("Location", "/JavaWeb\_HttpServletResponse\_Study\_20140615/index.jsp");
//response.setStatus(HttpServletResponse.SC\_FOUND);//设置302状态码,等同于response.setStatus(302);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
}
### 三、web工程中URL地址的推荐写法
在JavaWeb开发中,只要是写URL地址,那么建议最好以`"/"`开头,也就是使用相对路径的方式,那么这个*`"/"`*到底代表什么呢?可以用如下的方式来记忆`"/"`:**如果`"/"`是给服务器用的,则代表当前的web工程,如果`"/"`是给浏览器用的,则代表webapps目录。**
##### **3.1、”/”代表当前web工程的常见应用场景**
**①.ServletContext.getRealPath(String path)获取资源的绝对路径**
/**
* 1.ServletContext.getRealPath(“/download/1.JPG”)是用来获取服务器上的某个资源,
* 那么这个"/“就是给服务器用的,”/“此时代表的就是web工程
* ServletContext.getRealPath(”/download/1.JPG")表示的就是读取web工程下的download文件夹中的1.JPG这个资源
* 只要明白了"/“代表的具体含义,就可以很快写出要访问的web资源的绝对路径
*/
this.getServletContext().getRealPath(”/download/1.JPG");
**②.在服务器端forward到其他页面**
/**
* 2.forward
* 客户端请求某个web资源,服务器跳转到另外一个web资源,这个forward也是给服务器用的,
* 那么这个"/“就是给服务器用的,所以此时”/“代表的就是web工程
*/
this.getServletContext().getRequestDispatcher(”/index.jsp").forward(request, response);
**③.使用include指令或者`<jsp:include>`标签引入页面**
<%@include file=“/jspfragments/head.jspf” %>
<jsp:include page=“/jspfragments/demo.jsp” />
此时”/”代表的都是web工程。
##### **3.2、”/”代表webapps目录的常见应用场景**
**①.使用sendRedirect实现请求重定向**
response.sendRedirect(“/JavaWeb_HttpServletResponse_Study_20140615/index.jsp”);
服务器发送一个URL地址给浏览器,浏览器拿到URL地址之后,再去请求服务器,所以这个”/”是给浏览器使用的,此时”/”代表的就是webapps目录,`"/JavaWeb_HttpServletResponse_Study_20140615/index.jsp"`这个地址指的就是`"webapps\JavaWeb_HttpServletResponse_Study_20140615\index.jsp"`
**response.sendRedirect(“/项目名称/文件夹目录/页面”)**;这种写法是将项目名称写死在程序中的做法,不灵活,万一哪天项目名称变了,此时就得改程序,所以推荐使用下面的灵活写法:
将
response.sendRedirect(“/JavaWeb_HttpServletResponse_Study_20140615/index.jsp”);
这种写法改成
response.sendRedirect(request.getContextPath()+“/index.jsp”);
**request.getContextPath()**获取到的内容就是”`/JavaWeb_HttpServletResponse_Study_20140615`“,这样就比较灵活了,使用`request.getContextPath()`代替”`/项目名称`“,推荐使用这种方式,灵活方便!
**②.使用超链接跳转**
这是客户端浏览器使用的超链接跳转,这个`"/"`是给浏览器使用的,此时`"/"`代表的就是webapps目录。
使用超链接访问web资源,绝对路径的写法推荐使用下面的写法改进:
这样就可以避免在路径中出现项目的名称,使用`**${pageContext.request.contextPath}**`取代`"/JavaWeb_HttpServletResponse_Study_20140615"`
**③.Form表单提交**
```
这是客户端浏览器将form表单提交到服务器,所以这个"/"
是给浏览器使用的,此时"/"
代表的就是webapps目录。
对于form表单提交中action属性绝对路径的写法,也推荐使用如下的方式改进:
<form action="${pageContext.request.contextPath}/servlet/CheckServlet" method="post">
<input type="submit" value="提交">
</form>
${pageContext.request.contextPath}
得到的就是"/JavaWeb_HttpServletResponse_Study_20140615"
${pageContext.request.contextPath}
的效果等同于request.getContextPath()
,两者获取到的都是”/项目名称"
前端框架
前端框架太多了,真的学不动了,别慌,其实对于前端的三大马车,Angular、React、Vue 只要把其中一种框架学明白,底层原理实现,其他两个学起来不会很吃力,这也取决于你以后就职的公司要求你会哪一个框架了,当然,会的越多越好,但是往往每个人的时间是有限的,对于自学的学生,或者即将面试找工作的人,当然要选择一门框架深挖原理。
以 Vue 为例,我整理了如下的面试题。
如果你觉得对你有帮助,可以戳这里获取:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】