小猿圈web之前端面试题(内含答案)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_42210792/article/details/90670391

想要找工作的朋友们,最好做充足的准备,这样才会事半功倍;小猿圈加加最近整理了一套前端的面试题,朋友们可以做一下,然后去迎接大公司的面试。

1、JSON 的了解?
     JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它是基于JavaScript的一个子集。数据格式简单, 易于读写, 占用带宽小。
     格式:采用键值对,例如:{'age':'12', 'name':'back'}

2、new操作符具体干了什么呢?
  (1)创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型。
  (2)属性和方法被加入到 this 引用的对象中。
  (3)新创建的对象由 this 所引用,并且最后隐式的返回 this 。

3、HTML5 为什么只需要写<!DOCTYPE html> ?
   HTML5不基于 SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行)。
  而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。

4、常用那几种浏览器测试?有哪些内核(Layout Engine)?
  (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。
  (Q2) 内核:Trident,Gecko,Presto,Webkit。

5、vue-router有哪几种导航钩子?
      三种,一种是全局导航钩子:router.beforeEach(to,from,next),作用:跳转前进行判断拦截。第二种:组件内的钩子;第三种:单独路由独享组件

6、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?
      在router目录下的index.js文件中,对path属性加上/:id。 使用router对象的params.id

7、mint-ui是什么?怎么使用?说出至少三个组件使用方法?
      基于vue的前端组件库。npm安装,然后import样式和js,vue.use(mintUi)全局引入。在单个组件局部引入:import {Toast} from ‘mint-ui’。组件一:Toast(‘登录成功’);组件二:mint-header;组件三:mint-swiper

8、v-model是什么?怎么使用? vue中标签怎么绑定事件?

      可以实现双向绑定,指令(v-class、v-for、v-if、v-show、v-on)。vue的model层的data属性。绑定事件:<input @click=doLog() />

9、mvvm框架是什么?它和其它框架(jquery)的区别是什么?哪些场景适合?
     一个model+view+viewModel框架,数据模型model,viewModel连接两个

区别:vue数据驱动,通过数据来显示视图层而不是节点操作。

场景:数据操作比较多的场景,更加便捷

10、XML和JSON的区别?
      (1).数据体积方面。

       JSON相对于XML来讲,数据的体积小,传递的速度更快些。

      (2).数据交互方面。

       JSON与JavaScript的交互更加方便,更容易解析处理,更好的数据交互。

      (3).数据描述方面。

       JSON对数据的描述性比XML较差。

       (4).传输速度方面。

       JSON的速度要远远快于XML。

11、TCP和UDP的区别
        TCP(Transmission Control Protocol,传输控制协议)是基于连接的协议,也就是说,在正式收发数据前,必须和对方建立可靠的连接。一个TCP连接必须要经过三次“对话”才能建立起来

       UDP(User Data Protocol,用户数据报协议)是与TCP相对应的协议。它是面向非连接的协议,它不与对方建立连接,而是直接就把数据包发送过去! 
       UDP适用于一次只传送少量数据、对可靠性要求不高的应用环境。

12、栈和队列的区别?
       栈的插入和删除操作都是在一端进行的,而队列的操作却是在两端进行的。

       队列先进先出,栈先进后出。

       栈只允许在表尾一端进行插入和删除,而队列只允许在表尾一端进行插入,在表头一端进行删除

13、vue-loader是什么?使用它的用途有哪些?
        解析.vue文件的一个加载器,跟template/js/style转换成js模块。

        用途:js可以写es6、style样式可以scss或less、template可以加jade等

14、HTTP状态码知道哪些?
  100 Continue 继续,一般在发送post请求时,已发送了http header之后服务端将返回此信息,表示确认,之后发送具体参数信息
  200 OK 正常返回信息
  201 Created 请求成功并且服务器创建了新的资源
  202 Accepted 服务器已接受请求,但尚未处理
  301 Moved Permanently 请求的网页已永久移动到新位置。
  302 Found 临时性重定向。
  303 See Other 临时性重定向,且总是使用 GET 请求新的 URI。
  304 Not Modified 自从上次请求后,请求的网页未修改过。
  400 Bad Request 服务器无法理解请求的格式,客户端不应当尝试再次使用相同的内容发起请求。
  401 Unauthorized 请求未授权。
  403 Forbidden 禁止访问。
  404 Not Found 找不到如何与 URI 相匹配的资源。
  500 Internal Server Error 最常见的服务器端错误。
  503 Service Unavailable 服务器端暂时无法处理请求(可能是过载或维护)。

15、编写一个方法 求一个字符串的字节长度
       假设:一个英文字符占用一个字节,一个中文字符占用两个字节
     

   function GetBytes(str){

        var len = str.length;

        var bytes = len;

        for(var i=0; i<len; i++){

            if (str.charCodeAt(i) > 255) bytes++;

        }

        return bytes;

    }

alert(GetBytes("远方,as"));

以上是小编在网上整理出来的面试题,感觉这几道题挺重要的,朋友们可以做一下,有问题可以给小编留言哦,我们可以一起讨论一下,小猿圈加加告诉大家一个面试技巧,在面试的过程中,遇到自己的弱项,不要沉默,这样给面试官留一个不好的印象,可以大大方方回答面试官:抱歉哈,这个问题我不太了解,但是我对xxx有所研究,把面试官带到自己强项的地方,最后,祝各位朋友面试成功!

展开阅读全文

没有更多推荐了,返回首页