面试题
文章平均质量分 89
经典面试题分享
柠檬树上柠檬果柠檬树下你和我
2021年度博客之星前端领域TOP5、2021年度博客之星前100名
展开
-
Vuex面试题汇总
Vuex面试题汇总原创 2022-02-11 14:58:19 · 1313 阅读 · 2 评论 -
VUE面试题汇总(十)
往期点这里:↓VUE面试题汇总(一)VUE面试题汇总(二)VUE面试题汇总(三)VUE面试题汇总(四)VUE面试题汇总(五)VUE面试题汇总(六)VUE面试题汇总(七)VUE面试题汇总(八)VUE面试题汇总(九)91. 发布-订阅模式参考答案:Vue中发布订阅模式在Vue中采用了发布订阅模式,典型的兄弟组件间的通信$on和$emit发布订阅模式:(订阅者、发布者、信号中心)一个发布者$emit发布一个事件到信号中心 eventBus ,订阅者们 $on 通过信号中心收到该事件原创 2021-12-12 17:02:35 · 2452 阅读 · 5 评论 -
VUE面试题汇总(九)
往期点这里:↓VUE面试题汇总(一)VUE面试题汇总(二)VUE面试题汇总(三)VUE面试题汇总(四)VUE面试题汇总(五)VUE面试题汇总(六)VUE面试题汇总(七)VUE面试题汇总(八)81. vue-router 路由的两种模式参考答案:hash history82. history 路由模式与后台的配合参考答案:参考83. vue路由实现原理? 或 vue-router原理?参考答案:说简单点,vue-router的原理就是通过对URL地址变化的监听,继而对原创 2021-12-10 09:41:53 · 1979 阅读 · 2 评论 -
VUE面试题汇总(八)
VUE面试前看一看,小问题没问题!原创 2021-12-01 00:03:47 · 2099 阅读 · 2 评论 -
VUE面试题汇总(七)
往期点这里:↓VUE面试题汇总(一)VUE面试题汇总(二)VUE面试题汇总(三)VUE面试题汇总(四)VUE面试题汇总(五)VUE面试题汇总(六)61. vue 的优点是什么?参考答案:低耦合。视图(View)可以独立于 Model 变化和修改,一个 ViewModel 可以绑定到不同的"View"上,当 View 变化的时候 Model 可以不变,当 Model 变化的时候 View 也可以不变。可重用性。你可以把一些视图逻辑放在一个 ViewModel 里面,让很多 view原创 2021-11-29 23:29:21 · 2425 阅读 · 0 评论 -
VUE面试题汇总(六)
往期点这里:↓VUE面试题汇总(一)VUE面试题汇总(二)VUE面试题汇总(三)VUE面试题汇总(四)VUE面试题汇总(五)51. 如何编译 template 模板?参考答案:参考52. diff 算法参考答案:diff算法包括一下几个步骤:1.用 JavaScript 对象结构表示 DOM 树的结构;然后用这个树构建一个真正的 DOM 树,插到文档当中2.当状态变更的时候,重新构造一棵新的对象树。然后用新的树和旧的树进行比较(diff),记录两棵树差异3.把2所记录的差异应原创 2021-11-29 10:01:04 · 2631 阅读 · 2 评论 -
VUE面试题汇总(五)
往期点这里:↓VUE面试题汇总(一)VUE面试题汇总(二)VUE面试题汇总(三)VUE面试题汇总(四)41. vue的双向绑定的原理,和angular的对比参考答案:1、vue原理数据劫持: vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。2、angular原理脏值检查:angular.js 是通过脏值检测的方式比对数据是否有变更原创 2021-11-29 00:24:44 · 2453 阅读 · 0 评论 -
VUE面试题汇总(四)
往期点这里:↓VUE面试题汇总(一)VUE面试题汇总(二)VUE面试题汇总(三)31. v-model 语法糖的组件中的使用参考答案:<input type="text" v-model="mes"> 此时mes值就与input的值进行双向绑定。实际上上面的代码是下面代码的语法糖。<input v-bind:value="mes" v-on:input="mes= $event.target.value"/>要理解这行代码,首先你要知道 input 元素本原创 2021-11-28 23:45:00 · 2781 阅读 · 2 评论 -
JS面试题汇总(五)
往期点这里:↓JS面试题汇总(一)JS面试题汇总(二)JS面试题汇总(三)JS面试题汇总(四)41. this 和 apply 的应用参考答案:比如求数组的最大值 Math. max. apply(this, 数组)var numbers = [5, 458, 120, -215];var maxInNumbers = Math.max.apply(this, numbers); //第一个参数也可以填Math或nullconsole.log(maxInNumbers); // 458原创 2021-11-27 10:03:51 · 2178 阅读 · 0 评论 -
JS面试题汇总(八)
往期点这里:↓JS面试题汇总(一)JS面试题汇总(二)JS面试题汇总(三)JS面试题汇总(四)JS面试题汇总(五)JS面试题汇总(六)JS面试题汇总(七)71. IE 和标准下有哪些兼容性的写法参考答案:var ev = ev || window.event;document.documentElement.clientWidth || document.body.clientWidth;var target = ev.srcElement || ev.target;72. 变原创 2021-11-28 13:33:49 · 2575 阅读 · 0 评论 -
JS面试题汇总(七)
往期点这里:↓JS面试题汇总(一)JS面试题汇总(二)JS面试题汇总(三)JS面试题汇总(四)JS面试题汇总(五)JS面试题汇总(六)61. 作用域的分类参考答案:块作用域、词法作用域、动态作用域解析:1 块作用域 花括号 {}2 词法作用域(js 属于词法作用域)作用域只跟在何处被创建有关系,跟在何处被调用没有关系3 动态作用域作用域只跟在何处被调用有关系,跟在何处被创建没有关系62. js 属于哪种作用域参考答案:词法作用域(函数作用域)解析:// 块作原创 2021-11-28 09:07:39 · 2458 阅读 · 0 评论 -
JS面试题汇总(六)
往期点这里:↓JS面试题汇总(一)JS面试题汇总(二)JS面试题汇总(三)JS面试题汇总(四)JS面试题汇总(五)51. 移动端的点击事件的有延迟,时间是多久,为什么会有? 怎么解决这个延时?参考答案:1. 300 毫秒2. 因为浏览器捕获第一次单击后,会先等待一段时间,如果在这段时间区间里用户未进行下一次点击,则浏览器会做单击事件的处理。如果这段时间里用户进行了第二次单击操作,则浏览器会做双击事件处理。3. 推荐 fastclick.js52. 解释 JavaScript 中的作用原创 2021-11-27 15:30:00 · 2091 阅读 · 0 评论 -
JS面试题汇总(四)
往期点这里:↓JS面试题汇总(一)JS面试题汇总(二)JS面试题汇总(三)31. JS 单线程还是多线程,如何显示异步操作参考答案:JS 本身是单线程的,他是依靠浏览器完成的异步操作。解析:具体步骤,1、主线程 执行 js 中所有的代码。2、主线程 在执行过程中发现了需要异步的任务任务后扔给浏览器(浏览器创建多个线程执行),并在 callback queue 中创建对应的回调函数(回调函数是一个对象,包含该函数是否执行完毕等)。3、主线程 已经执行完毕所有同步代码。开始监听原创 2021-11-27 08:30:00 · 2632 阅读 · 2 评论 -
JS面试题汇总(三)
往期点这里:↓JS面试题汇总(一)JS面试题汇总(二)21. for in、Object. keys 和 Object. getOwnPropertyNames 对属性遍历有什么区别?参考答案:for in 会遍历自身及原型链上的可枚举属性Object. keys 会将对象自身的可枚举属性的 key 输出Object. getOwnPropertyNames会将自身所有的属性的 key 输出解析:ECMAScript 将对象的属性分为两种:数据属性和访问器属性。var parent原创 2021-11-26 17:43:28 · 2638 阅读 · 0 评论 -
JS面试题汇总(二)
往期点这里:↓JS面试题汇总(一)11. 什么是原型链? 参考答案:通过一个对象的__proto__可以找到它的原型对象,原型对象也是一个对象,就可以通过原型对象的__proto__,最后找到了我们的 Object. prototype, 从实例的原型对象开始一直到 Object. prototype 就是我们的原型链解析:12. 复杂数据类型如何转变为字符串 参考答案:首先,会调用 valueOf 方法,如果方法的返回值是一个基本数据类型,就返回这个值,如果调用 valueOf原创 2021-11-23 11:32:49 · 2934 阅读 · 0 评论 -
JS面试题汇总(一)
1. document load 和 document ready 的区别参考答案:页面加载完成有两种事件1.load是当页面所有资源全部加载完成后(包括DOM文档树,css文件,js文件,图片资源等),执行一个函数问题:如果图片资源较多,加载时间较长,onload后等待执行的函数需要等待较长时间,所以一些效果可能受到影响2.$(document).ready()是当DOM文档树加载完成后执行一个函数 (不包含图片,css等)所以会比load较快执行在原生的js中不包括ready()这个方原创 2021-11-23 10:44:05 · 2405 阅读 · 0 评论 -
VUE面试题汇总(三)
往期点这里:↓VUE面试题汇总(一)VUE面试题汇总(二)21. vue 中父组件调用子组件的方法参考答案:使用$refs解析:父组件<template> <div> <button @click="clickParent">点击</button> <child ref="mychild"></child> </div></template>原创 2021-11-25 08:30:00 · 2440 阅读 · 0 评论 -
VUE面试题汇总(二)
往期点这里:↓VUE面试题汇总(一)11. 请问 v-if 和 v-show 有什么区别参考答案:v-show 指令是通过修改元素的 display 的 CSS 属性让其显示或者隐藏v-if 指令是直接销毁和重建 DOM 达到让元素显示和隐藏的效果12. vue 常用的修饰符参考答案:解析:参考13. v-on 可以监听多个方法吗?参考答案:肯定可以的。解析:<input type="text" :value="name" @input="onInput" @foc原创 2021-11-24 09:00:00 · 2463 阅读 · 5 评论 -
VUE面试题汇总(一)
1. vue 中的性能优化参考答案:1)编码优化尽量减少data中的数据,data中的数据都会增加getter和setter,会收集对应的watcherv-if和v-for不能连用如果需要使用v-for给每项元素绑定事件时使用事件代理SPA 页面采用keep-alive缓存组件在更多的情况下,使用v-if替代v-showkey保证唯一使用路由懒加载、异步组件防抖、节流第三方模块按需导入长列表滚动到可视区域动态加载图片懒加载2)用户体验优化骨架屏PWA(渐进式WEB应用)原创 2021-11-23 09:28:36 · 3210 阅读 · 2 评论 -
微信小程序面试题汇总(二)
往期点这里:↓微信小程序面试题汇总(一)11. 小程序的wxss和css有哪些不一样的地方?参考答案:1.wxss的图片引入需使用外链地址;2. 没有Body, 样式可直接使用import导入;12.webview中的页面怎么跳回小程序中?参考答案:首先要引入最新版的jweixin-1. 3. 2. js,然后wx.miniProgram.navigateTo({ url: '/pages/login/login' + '$params'})13. 小程序关联微信公众号原创 2021-11-19 11:24:15 · 4054 阅读 · 0 评论 -
微信小程序面试题汇总(一)
1. 简单描述下微信小程序的相关文件类型?参考答案:微信小程序项目结构主要有四个文件类型, 如下一. WXML (WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件. 事件系统,可以构建出页面的结构。内部主要是微信自己定义的一套组件。二. WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式,三.js 逻辑处理,网络请求四.json 小程序设置,如页面注册,页面标题及tabBar。2. 你是怎么封装微信小程序的数原创 2021-11-19 11:21:51 · 2837 阅读 · 0 评论 -
CSS面试题汇总(四)
往期点这里:↓CSS面试题汇总(一)CSS面试题汇总(二)CSS面试题汇总(三)31. 什么是 FOUC? 如何避免参考答案:1. 什么是 Fouc(文档样式短暂失效)?在引用 css 的过程中,如果方法不当或者位置引用不对,会导致某些页面在 windows 下的 ie 出现一些奇怪的现象,以无样式显示页面内容的瞬间闪烁,这种现象称之为文档样式短暂失效,简称 FOCU。2. 原因大致为:使用 import 方法导入样式表将样式表放在页面底部有几个样式表,放在 html 结构的不同原创 2021-11-20 08:00:00 · 2619 阅读 · 0 评论 -
CSS面试题汇总(三)
往期点这里:↓CSS面试题汇总(一)CSS面试题汇总(二)21. li 与 li 之间有看不见的空白间隔是什么原因引起的?有什么解决办法?参考答案:浏览器的默认行为是把 inline 元素间的空白字符(空格换行 tab)渲染成一个空格,也就是我们上面的代码<li>换行后会产生换行字符,而它会变成一个空格,当然空格就占用一个字符的宽度。解决方案:方法一:既然是因为 <li> 换行导致的,那就可以将 <li> 代码全部写在一排,如下<div class="原创 2021-11-19 10:50:08 · 2798 阅读 · 0 评论 -
CSS面试题汇总(二)
往期点这里→CSS面试题汇总(一)11. css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?参考答案:垂直方向:line-height水平方向:letter-spacing那么问题来了,关于 letter-spacing 的妙用知道有哪些么?可以用于消除 inline-block 元素间的换行符空格间隙问题。12. px 和 em 的区别。参考答案:px 和 em 都是长度单位,区别是,px 的值是固定的,指定是多少就是多少,计算比较容易。em 得值不是固定的,并且 e原创 2021-10-13 11:30:09 · 4801 阅读 · 0 评论 -
CSS面试题汇总(一)
1. 实现不使用 border 画出 1px 高的线,在不同浏览器的标准模式与怪异模式下都能保持一致的效果。参考答案:<div style="height:1px;overflow:hidden;background:red"></div>2. 介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的?参考答案:(1)有两种, IE 盒子模型、W3C 盒子模型;(2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(原创 2021-10-12 10:38:01 · 5116 阅读 · 0 评论