VUE知识的补充

【JavaScript:void(0)或者@click.prevent】

    ​<a href="JavaScript:void(0)" @click="aClick">百度一下</a>
   ​<a href="http://www.baidu.com" @click.prevent="aClick">百度一下</a>

屏蔽form标签的提交

form标签的默认行为：验证表单和提交

【@click.prevent】

    ​<form action="../exam/text04.html">
       ​<input type="submit" @click.prevent="submitClick">
   ​</form>

触发一次
【@click.once】
只触发一次，之后执行标签的默认行为
对键盘按键进行修饰
回车【.enter】
Tab键【.tab】
delete【.delete】——对删除和退格都起作用的
全局组件的注册
参数1：组件的名称

参数2：组件配置对象

template:用来书写组件的HTML代码

注意：template中必须要有一个容器

   ​Vue.component('login',{
           ​template:"<h1>用户登录</h1>"
       ​})

局部组件的注册

    ​<div id="app" class="main"  @keypress.enter="ad">
       ​<log1 :name="username" :age="age"></log1>        
   ​</div>
   ​<!--  定义局部组件 -->
   ​<template id="loginTem">
       ​<div>
           ​<h1>    用户登录:{{name}}-----age:{{age}}</h1>
       ​</div>
   ​</template>
   ​<script src="vue.js"></script>
   ​<script>

   ​// 定义一个局部组件
   ​let log={
       ​// 找id
       ​template:"#loginTem",
       ​// 定义数据
       ​props:["name","age"],
       ​// 数据流
       ​data(){
           ​return{
               ​username:"小强",
               ​age:13,
           ​}
       ​},
   ​}
   ​const app=new Vue({
       ​el:"#app",
       ​data:{
           ​username:"张三",
           ​age:24,
       ​},
       ​components:{
           ​//挂载组件
           ​log1:log
           ​// 第一个log1是我的组件名,第二个log是要挂载的组件名
       ​},
   ​})

​

✒️路由

router.js放在vue.js的下面

创建路由对象写在创建组件模板下面

​

   ​<router-link to="/login">登录</router-link>
   ​<router-link to="/register">注册</router-link>
   ​<!-- 需要在页面上显示图层 -->
   ​<router-view></router-view>

​
​
​

​

✏️Web

C/S架构：客户端/服务器——QQ，Typora，腾讯会员。
B/S架构：浏览器/服务器——B站，爱奇艺

✒️资源分类

静态资源：所有用户访问后，得到的结果都是一样的。（HTML,CSS,JS,图片，视频，音频…）
动态资源：每个用户访问相同的资源，得到的结果可能不一样。动态资源被访问后，需要先转换为静态资源，再返回给浏览器，提供浏览器来进行解析。
常见的web服务器
概念：
服务器：安装了服务器软件的计算机
服务器软件：接受用户的请求，处理请求之后给出响应。【接请求，给响应】
web服务器软件：接受用户的请求，处理请求之后给出响应。
在web服务器软件中，可以部署web项目，让用户通过浏览器访问这些项目。
常见的服务器软件

✒️动态服务器

动态部署web工程

webLogic：Oracle公司出品，大型的web服务器，几乎支持了所有的JavaEE规范，【收费，非常的贵】。
webSphere：IBM公司出品，大型的web服务器，几乎支持了所有的JavaEE规范，【收费】
JBOSS：JBOSS公司，中型的web服务器，几乎支持了所有的JavaEE规范，【收费，几乎没人用】
Tomcat：Apache基金会，中小型的web服务器，只支持了少量的JavaEE规范，【开源免费】

✒️静态服务器

Nginx（代理，反向代理，动静分离…）极高的并发
Apache
Tomcat
bin：存放一些批处理脚本文件，可执行文件。
conf：用来存放tomcat的相关配置文件。
lib：Tomcat依赖的jar包。
logs：存放日志。
temp：临时文件目录。
webapps：Tomcat默认的Web应用部署目录。
work：Web应用JSP代码生成和遍历的临时目录。
Tomcat的启动

双击 bin/startup.bat文件
Tomcat的停止

双击 bin/shutdown.bat文件
访问

http://127.0.0.1:8080

✒️Servlet

任务
Servlet就是一个普通的Java类而已。
处理请求给出响应的类
创建Servlet
实现javax.servlet.Servlet接口
继承javax.servlet.GenericServlet类
继承javax.servlet.http.HttpServlet类
我们在开发中一般使用第三种方法来创建Servlet

✒️Servlet生命周期

初始化——init方法
实例化——构造器
调用Service方法，处理请求
销毁——destory方法
Servlet的配置
web.xml

<?xml version="1.0" encoding="UTF-8"?>

<!-- 注册servlet   -->
<servlet>
    <servlet-name>hello</servlet-name>
    <servlet-class>com.jsoft.afternoon.HelloServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>hello</servlet-name>
    <url-pattern>/hello.do</url-pattern>
#### 结束  

一次完整的面试流程就是这样啦，小编综合了腾讯的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析，分享给小伙伴们，有没有需要的小伙伴们都去领取！



![](https://img-blog.csdnimg.cn/img_convert/45f2869b91b538dd3bb3290ba13bc806.png)