web前端面试必问题集
文章平均质量分 63
studyer网
自学码农
展开
-
【vue、vue路由、vuex常见面试题】
目录vue常见面试题1.vue优点?2.vue父组件向子组件传递数据?3.子组件像父组件传递事件?4.v-show和v-if指令的共同点和不同点?6.的作用是什么?7.如何获取dom?8.说出几种vue当中的指令和它的用法?9. vue-loader是什么?使用它的用途有哪些?10.为什么使用key?11.axios及安装?12.v-modal的使用。13.请说出vue.cli项目中src目录每个文件夹和文件的用法?14.分别简述computed和wa原创 2022-05-31 14:14:51 · 1021 阅读 · 0 评论 -
Web 前端基础知识面试大全
一、HTML1.对 HTML 语义化的理解见标签知其意思 header main nav aside footer h1-h6 ul li优点:结构清晰、方便搜索引擎搜素(seo)、方便理解维护2.区别:src 和 hrefsrc比如常见的 <img src=""> 这里的 src 所指的是这个图片的所在的位置路径,script 和 iframe 也是,src 被解析的时候,会进行下载并编译,同时会暂停该文档其他资源的下载和处理,所以 js 文件的载入最好在 bod...原创 2022-04-01 18:29:37 · 13095 阅读 · 9 评论 -
【web前端面试必问8】回流与重绘
元素样式的改变(但宽高、大小、位置不变)eg: visibility、color、background-color等 这就是所谓的重绘。如添加或删除可见的DOM元素; 元素的位置发生变化; 元素的尺寸发生变化; 内容发生变化(如文本变化或图片被另一个不同尺寸的图片所代替); 页面一开始渲染的时候(无法避免); 这就是所谓的回流。注意:回流一定会触发重绘,而重绘不一定会回流...原创 2022-04-11 22:36:09 · 527 阅读 · 0 评论 -
【web前端面试必问8】var、let、const之间的区别和使用
1.varvar 可重复声明变量<script> var a = 6; var a = 8; consolog(a) //8</script>var 可用于块级<script> { var a = 66 } console.log(a) //66</script>var 可变量提升第一个输出a执行顺序 相当于 var a; console.log(a);原创 2022-04-01 00:32:39 · 675 阅读 · 0 评论 -
【web前端面试必问2】js原型和原型链的理解(透彻)
原型 function Fn() {}1)Fn是一个构造函数,每个构造函数都会自动生成一个prototype属性,指向一个空对象,这个空对象就是原型。每一个实例对象都会从原型继承属性和方法。2)原型对象中有一个属性constructor,它指向函数对象console.log(Date.prototype.constructor===Date)function函数有一个prototype属性 ===》 显示原型属性var fn = new Fn()这里的fn就是一个...原创 2022-02-17 14:03:34 · 830 阅读 · 1 评论 -
【web前端面试必问5】[‘1‘,‘2‘,‘3‘].map(parseInt)的返回值是什么?
原创 2022-04-07 23:28:10 · 317 阅读 · 4 评论 -
【web前端面试必问1】vue中 methods、computed、watch的区别
注意:如果像弄明白这个问题,必须得清楚methods,computed,watch 到底是上什么得问题?1、什么叫methods方法?<div>{{ num }}</div><button @click='addNum'> +1 <button><script> methods:{ addNum() { return this.num += 1 } }.原创 2022-04-05 01:34:49 · 942 阅读 · 0 评论 -
【web前端面试必问3】什么叫宏任务?什么叫微任务?
本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。如果看懂了,请点击收藏,方便下次再来看,等你完全明白了在取消收藏。javascript是一门单线程语言,所以javascript是按语句的执行顺序执行的。你说执行就执行吧,还非要搞个专有名词,叫什么同步任务,异步任务。同步任务:就是先执行得大任务。比如画画,先画轮廓。这里得同步任务就是轮廓先画。服务器渲染时候先渲染整个页面得轮廓。如果某个局部比如图片加载过多复杂就暂时不加载,先跳过去。异步任务原创 2022-04-05 13:06:54 · 2281 阅读 · 2 评论 -
【web前端面试必问4】JS防抖与节流
1、防抖什么叫防抖?防抖 =》 多次操作只执行最后一次操作防抖是游戏的回城卷轴,多次点击最后一次才有效。节流是英雄技能。 <h2>深入js防抖和节流</h2> <input type="text" placeholder="请输入电话" /> <script> // 防抖 => 将多次操作变成一次 类似游戏中的回城卷轴多次点击只有最后一次有效 let telInput = document原创 2022-04-05 22:48:57 · 3306 阅读 · 0 评论 -
【web前端面试必问6】什么是BFC?
BFC叫格式化上下文。我个人认为想要了解这个概念,先了解这个bfc可以解决什么问题? 使用BFC来防止外边距折叠 由下面的图我们可以看出,正常情况下,apple 和 banana 应该有 40px的距离,因为apple 有下边距20px + banana上边距20px = 40px,然而实际中浏览器显示的只有20px。这就是所谓的哇编剧折叠的问题。两个外边距相聚在一起的时候,以最大的外边距作为最终的两个盒子之间的距离。如果apple下边距是40px,banana上边距是20px,则他们之间原创 2022-04-09 00:11:53 · 540 阅读 · 0 评论 -
【web前端面试必问7】浅拷贝和深拷贝
一、先上面试的答案:浅拷贝:只拷贝源数据的第一层,修改拷贝的数据第一层,源数据也不会发生改变。修改拷贝的数据第二层源数据会发生改变。源数据的修改,拷贝的数据就会深拷贝:二、浅拷贝 浅拷贝的实现方式1 直接上案例分析function simpleClone(initalObj) { var obj = {}; //定义对象 obj 为空对象 for ( var i in initalObj) { //循环initalObj 里的每个键值对 赋值 给对象的obj对原创 2022-04-09 19:18:33 · 2172 阅读 · 2 评论