当前位置:   article > 正文

前端开发面试中常常问到的问题_前端开发面试会被问到的一些问题

前端开发面试会被问到的一些问题

这里先对所遇到的问题进行一个总结吧:

一、 网络请求中get和post的区别(虽然我之前背的滚瓜烂熟,但是面试中还是说的不是很全面)

get 请求一般用来从服务器端获取数据,但是也可以提交数据。post请求一般用来把数据发送给服务器端。

区别:

1 参数位置,get请求的参数放到url里面,post请求放到请求体中,

2 浏览器缓存,get请求可以被浏览器缓存,post请求是不能被缓存的,

3 参数长度,get请求受限,post不受限,不同浏览器和服务器不同,一般在2-8k之间

4 安全性,因为参数存放位置get请求的安全性相对较差,post较好

5 get请求通过浏览器直接访问,支持刷新和后退,post请求不能被浏览器浏览器直接访问,刷新后需要重新传送。

、使用原生Ajax上传文件?(确实没遇到过)

暂时略过。。。学会再加。。。

三、vue中的自定义指定如何实现?(说实话,我很少用到,虽然学过但是还是有点懵)

  一、定义语法:

            (1).局部指令:

                     new Vue({                                                 new Vue({

                         directives:{指令名:配置对象}   或               directives{指令名:回调函数}

                        })                                                                })

            (2).全局指令:

                    Vue.directive(指令名,配置对象) 或   Vue.directive(指令名,回调函数)

 二、配置对象中常用的3个回调:

           (1).bind:指令与元素成功绑定时调用。

           (2).inserted:指令所在元素被插入页面时调用。

           (3).update:指令所在模板结构被重新解析时调用。

  1. new Vue({
  2. directives:{
  3. fbind:{
  4. //指令与元素成功绑定时
  5. bind(element,binding){
  6. element.value = binding.value
  7. },
  8. //指令所在元素被插入页面时
  9. inserted(element,binding){
  10. element.focus()
  11. },
  12. //指令所在的模板被重新解析时
  13. update(element,binding){
  14. element.value = binding.value
  15. }
  16. }
  17. }
  18. })

四、计算属性和普通函数的区别

用途:通过计算属性我们能拿到处理后的数据, 但是通过函数我们也能拿到处理后的数据

区别:函数不会将计算的结果缓存起来, 每一次访问(调用)都会重新求值。

计算属性会将计算的结果缓存起来, ,数据发生变化则会重新调用。只要数据没有发生变化, 就不会重新求值

计算属性:比较适合用于计算不会频繁发生变化的的数据

五、监视属性如何监视路由的变化

1.监听路由从哪里来到那里去

watch:{$route(to,from){ console.log(to) ;console.log(from)}}

2.监听路由变化前后新旧值

watch:{$route:handler(newvalue,oldvalue){console.log(newValue,oldValue)} deep:true}

六、$router和$route的区别

$router是用来操作路由的,是VueRouter的一个实例,包含了跳转方法等

$route是用来获取路由信息的。是路由信息对象

比如:使用this.$router.push() 来进行路由跳转

使用this.$route.meta 来获取路由的meta信息

七、常见的行内元素,块级元素以及空元素

1.行内元素有:

a(锚点),b(粗体(不强调使用)),span(常用内联容器,定义文本内区块),img(图片),input(输入框),select(项目选择),strong(粗体强调),label(表格标签),cite(引用),code(计算机代码)

2.块级元素有:

div ul(无序列表)ol(有序列表)dl(定义列表)table(表格)form(表单)h1(一级标题)p(段落)pre(预格式化)

3.常见的空元素有:

<br>  <hr>  <img>  <input>  <link>  <meta>

八、Vue中计算属性与监视属性的区别

computed和watch都是用于监听数据变化的属性

computed计算属性
1 如果函数所依赖的属性没有发生变化,从缓存中读取
2 必须有return返回
4 使用方法和data中的数据一样,但是类似一个执行方法
watch监听器
1 watch的函数名必须和data中的数据名一致
2 watch中的函数有俩个参数,新旧
3 watch中的函数是不需要调用的
4 只会监听数据的值是否发生改变,而不会去监听数据的地址是否发生改变,要深度监听需要配合deep:true属性使用 immediate:true 页面首次加载的时候做一次监听
区别
功能
:computed是计算属性,watch是监听一个值的变化而执行对应的回调
是否调用缓存:computed函数所依赖的属性不变的时候会调用缓存;watch每次监听的值发生变化时候都会调用回调
是否调用return:computed必须有;watch可以没有
使用场景:computed当一个属性受多个属性影响的时候;;watch当一条数据影响多条数据的时候,例如搜索框
是否支持异步:computed函数不能有异步;watch可以。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/611626
推荐阅读
相关标签
  

闽ICP备14008679号