ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

前端知识点也可以当做面试题含vue

2020-05-23 20:04:16  阅读:332  来源: 互联网

标签:知识点 面试题 vue 请求 钩子 js 参数 router 路由


一、webpack3.x打包工具

三大组成结构、package.json、webpack.config.js、serve.js

1、Package.json:下载目录需要的依赖包

2、Webpack.config.js:是配置webpack的打包文件的配置由下四个部分组成

(1)entry:入口

(2)Ouput:出口

(3)Module:这个里面处理各种文件的loader

(4)Plugins:webpack用的的插件

3、serve.js在自己本地起一个服务器

4、处理图片用url-loader可以把用到的图片打包到指定目录,单纯只对css里图片

如要概括html'里的图片,需要下载一个loader html-withimg-loader、再配置

Serve.js:是利用webpack自带的服务器在自己电脑上起一个服务

(1)html5、css3新增标签以及属border-radius圆角、animation动画特效

二、ajax方法参数性

(2)、html5:header、nav、article、footer语义化标签、audio音频标签、canvas基于 script的画布

三、、css3:伪类悬着器、用于插雪碧图或者箭头等需求。Background:rgba背景色 透明度、transform、transition过度效果、

(1)、url要求为string类型参数

(2)、要求为string类型,请求方式post或者get、put和delet只有部分浏览器支持

(3)、timeout求情超时时间(毫秒)

(4)、async要求boolean类型设置为true时候所有请求都会是异步、反之同步为false 同步会锁定浏览器、用户其他操作必须等待请求完成才可以执行

(5)Cache默认为true,参数类型boolean。设置为false时候将不会从缓存中加载请 求信息

(6)DataType要求类型为string的参数,预期服务器返回的数据类型,可以用以下类 型

1、xml返回xml文档

2、Html返回纯html信息

3、Json返回json数据类型

4、Jsonp使用sonp形式调用函数

5、Text返回纯文本字符串

四、ajax跨域问题解决方案 同源策略

(1)、后端返回jsonp数据格式、缺点是只支持get请求

(2)、CORS解决,也是由后端解决

(3)、代理请求方式,常用的是用nodeJs可以代理、ajax请求的是本地接口、然后由 本地接口向实地接口请求数据,再返回给前端

五、闭包、

声明一个函数中的函数叫闭包

可以避免使用全局变量,防止全局变量污染

会造成内存泄漏(有一块内存空间被长期占用而得不到释放)

六、Vue-Router

(1)组件之间传参数

父子组件:子组件通过props方式接收数据

子传父:$emit方式传递参数

兄弟之间传值:eventBus创建一个事件中心,相当于中转站可以传递事件和接收事 件项目比较小的时候用这个比较合适

(2)路由router

有组件三种:router-link、router-view、keep-alive

Active-class是router-link的终极属性,用来做选中样式切换、当router-link标 签被点击时候会应用这个样式

动态路由:

创建主要是用path属性过程中使用动态路由参数参数值被设置到 this.$route.params下,通过这个属性可以获取到动态参数

导航钩子:

全局前置守卫:

to 和form都是路由对象,to代表要进入的目标。From代表当前正要离 开的路由。Next是必须要调用的方法

Const router = new VueRouter({})

Router.beforeEach((to,from,next) = {

})

全局后置钩子:

后置钩子并没有next函数,也不会改变导航本身

路由独享钩子:beforEnter

(3)$router和$route的区别

Router是全局路由对象是VueRouter的实例,包含了路由跳转方法、钩子函数。

Route路由信息对象、跳转的路由对象,每个路由都会有route对象

(4)vue-router响应路由参数变化

用watch检测

watch: {

  $route(to, from){

    console.log(to.path)

    // 对路由变化做出响应

  }

}

组件内导航钩子函数

(5)vue-router传参

第一种params:只能使用name,不能使用path、参数不会显示在路径上,浏览器  强制刷新参数会被清空

第二种query:参数会显示在路径上,刷新不会被清空。Name可以使用path属性

(6)vue-router的两种模式

第一种hash模式:原理是onhashchage事件,可以在window对象上监听这个事件

第二种history模式:利用的h5中History Interface新增的pushState()和replaceState() 方法。需要后台支持,如果刷新时,服务器没有响应响应的资源,会刷出404。

七、vuex的五个核心

(1)State:基本数据

(2)Getters:从基本数据派生的数据

(3)Mutations:提交更改数据的方式,同步!

(4)Actions:像一个装饰器,里面包裹mutations,使之前可以异步

(5)Modules:模块化vuex

八、Axios

(1)axios是一个基本es6中的promise的异步ajax请求库,可以使用在浏览器和node 中支持请求。响应拦截、请求取消、转换请求数据和响应数据、批量发送多个请求。 客户端支持防御XSRF

 

标签:知识点,面试题,vue,请求,钩子,js,参数,router,路由
来源: https://www.cnblogs.com/MrQinjj/p/12944174.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有