![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端面试
草字
点点关注点点赞,私信问答先回复。
展开
-
前端面试 实际面试题实例一
1.position的值,relative和absolute分别是相对于谁进行定位的?relative:相对定位,相对于自己本身在正常文档流中的位置进行定位 相对它原来的位置absolute:absolute定位的基准是相对于最近一级的不是默认值static的父元素(可以是absolute/relative/fixed等)来进行定位的,而不仅仅是相对于为position为relative的父级元素。父级元素还可以是absolute、fixed定位2.TCP 传输的三次握手和四次挥手策略?三次握手是三原创 2020-10-13 17:20:28 · 374 阅读 · 1 评论 -
css 一行文字居中,多行文字左对齐。(偶尔出现在面试中)
一行文字居中,多行文字左对齐。偶然在一次面试的时候被问到过,因为之前没有做过这种布局,所以当时也就没有想到。效果图:弹性盒子实现:套两层div,外层div使用弹性盒子,并将“justify-content”设置为center,内层div的样式不改变,当内层文字超过一行时,就会自动换行。默认字体就是左对齐,所以我们可以不用去设置它。行内块实现:套两层div,外层div设置“text-align:center;”内容居中,内层使用“display:inline-block;”将块级元素转原创 2021-02-07 13:34:42 · 1450 阅读 · 0 评论 -
js 闭包函数实现和原理(面试)
闭包: 一个嵌套函数,子函数使用了父函数的变量,通过return将子函数暴露在全局作用域,子函数就形成闭包。通过闭包,父函数的局部变量没有被销毁,可通过闭包去调用 ,但同时,这个局部变量也不会被全局变量污染。优点: 避免全局变量的污染,同时,局部变量没有被销毁,驻留在内存中,还可以被访问缺点: 使用不当,会造成内存泄露闭包函数原理:内部函数在包含它们的外部函数之外被调用时,就会形成闭包。var add1 = (function() { let count = 0;原创 2020-10-21 17:55:20 · 351 阅读 · 5 评论 -
js 渲染十万条数据卡顿优化方法。请求帧渲染
函数:1.window.requestAnimationFrame(callback)callback:下一次重绘之前更新动画帧所调用的函数(即上面所说的回调函数)。作用:告诉浏览器——你希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数,该回调函数会在浏览器下一次重绘之前执行2.document.createdocumentfragment()作用:创建了一虚拟的节点对象,节点对象包含所有属性和方法。减少添加dom的次数..原创 2020-12-18 15:48:58 · 3109 阅读 · 1 评论 -
js 封装,继承,多态概念(面试)
封装:封装:就是把事物封装成类,,隐藏事物的属性和方法的实现细节,仅对外公开接口。继承:多态:原创 2020-12-12 16:30:27 · 1055 阅读 · 0 评论 -
vue 组件之间的传值方式汇总(组件传值汇总)
组件之间存在的三种关系:父子关系兄弟关系跨层级关系组件传值的方式:props:父传子$emit / $on:子传父$bus => $emit / $on:事件总线。(总线传值)vuex:状态管理$attrs / $listeners:$parent / $children:provide / inject:组件传值的选择方式(推荐):存在父子关系:“props”和“$emit / $on”。存在兄弟关系:存在跨层级关系:“provide / inject”。多原创 2020-11-03 01:10:49 · 433 阅读 · 0 评论 -
vue 路由守卫汇总(面试题)
路由守卫(导航守卫):router.beforeEach:全局前置守卫。router.beforeResolve:全局解析守卫。router.afterEach:全局后置钩子。组件内守卫:beforeRouteEnterbeforeRouteUpdatebeforeRouteLeave路由独享守卫:beforeEnter...原创 2020-11-02 23:34:39 · 4762 阅读 · 0 评论 -
vue所有内置指令(面试)
v-show:显示或隐藏元素。v-if/v-else-if/v-else:根据表达式的布尔值真假来生成或删除元素。v-for:循环的方式渲染嵌套的内容。v-bind(缩写“:”):绑定动态属性。v-model:双向数据绑定。v-on(“@”):给元素绑定事件。v-text:更新元素的文本内容。作用跟插值表达式“{{}}”差不多。v-html:解析html的内容。v-once:让元素只渲染一次。v-pre:跳过编译过程,不解析插值表达式等。v-cloak:保持元素上直到关联实例编译结束。.原创 2020-11-02 23:28:21 · 211 阅读 · 0 评论 -
es6新增内容汇总(面试)
let和const块级作用域。模板字面量(语法糖)。默认参数(函数)。rest(“…”三个点)获取函数的多余参数。(es5的是arguments)展开运算符(“…三个点”)。(作用:可以复制数组,属于深拷贝;包括复制对象属性)对象字面量语法扩展。(作用:对象属性名称和本地变量名相同,可以只写属性名,冒号都不加)解构赋值。(从对象或数组中提取值,并赋值给变量)箭头函数。(本身是没有新的this的,this是不之指向其本身的)类。(新添class,es5只能通过构造函数和原型混合)模块。(将.原创 2020-11-02 23:21:51 · 290 阅读 · 1 评论 -
面试 框架
框架面向对象:面向对象是一种程序开发的方法,它将对象作为程序的基本单元,将程序和数据封装其中,以提高软件的灵活性、重用性和扩展性。对象是把数据及对数据的操作方法放在一起,作为一个相互依存的整体。再说一下类与对象,类描述了一组有相同特性和相同行为的对象,具有相同属性和相同方法的对象的抽象就是类。即,对象的抽象是类,类的实例是对象。在面向对象的编程中,把用类创建对象的过程称为实例化。面向过程与面向对象的区别面向过程是一种直接的编程方法,它是按照编程语言的思路考虑问题。通过顺序执行一组语句来实现一个功能,原创 2020-09-03 17:59:04 · 366 阅读 · 0 评论 -
面试 网络问题
http 响应常见状态码100-199 : 表示成功接收请求, 要求客户端继续提交下一次请求才能完成整个处理过程200-299: 表示成果接收请求并已完成整个处理过程. 常用 200300-399: 为完成请求, 客户需进一步细化需求: 例如: 请求的资源已经移动一个新地址, 常用 302(重定向), 307 和 304(拿缓存)400-499: 客户端的请求有错误, 包含语法错误或者不能正确执行. 常用 404(请求的资源在 web 服务器中没有) 403(服务器拒绝访问, 权限不够)500-原创 2020-09-03 17:52:44 · 322 阅读 · 0 评论 -
面试 手写代码
面试中经常会遇到的手写代码系列函数防抖(debounce)概念:在事件被触发 n 秒后再执行回调,如果在这 n 秒内又被触发,则重新计时。function debounce(fn, wait) { var timer = null; return function() { var context = this; var args = arguments; if (timer) { clearTimeout(timer); timer = nu.原创 2020-09-03 17:51:58 · 208 阅读 · 0 评论 -
面试 vue
什么是 mvvm?MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型,也可以在 Model 中定义数据修改和操作的业务逻辑;View 代表 UI 组件,它负责将数据模型转化成 UI 展现出来,ViewModel 是一个同步 View 和 Model 的对象。在 MVVM 架构下,View 和 Model 之间并没有直接的联系,而是通过 ViewModel 进行交互,Model 和 ViewModel 之间的交互是双向的, 因此 View原创 2020-09-03 17:49:04 · 203 阅读 · 0 评论 -
面试 JavaScript
JavaScript 的组成JavaScript 由以下三部分组成:ECMAScript(核心):JavaScript 语言基础DOM(文档对象模型):规定了访问 HTML 和 XML 的接口BOM(浏览器对象模型):提供了浏览器窗口之间进行交互的对象和方法JS 的基本数据类型和引用数据类型基本数据类型:undefined、null、boolean、number、string、symbol引用数据类型:object、array、function检测浏览器版本版本有哪些方式?根据原创 2020-09-03 17:46:42 · 278 阅读 · 0 评论 -
面试 css
display: none; 与 visibility: hidden; 的区别相同: 它们都能让元素不可见区别:display:none;会让元素完全从渲染树中消失,渲染的时候不占据任何空间;visibility: hidden;不会让元素从渲染树消失,渲染师元素继续占据空间,只是内容不可见display: none;是非继承属性,子孙节点消失由于元素从渲染树消失造成,通过修改子孙节点属性无法显示;visibility:hidden;是继承属性,子孙节点消失由于继承了 hidden,通过设置 v原创 2020-09-03 17:44:49 · 442 阅读 · 0 评论 -
面试 HTML
Doctype 作用?标准模式与兼容模式各有什么区别?声明位于HTML文档中的第一行,处于 html 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。标准模式的排版 和 JS 运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。HTML5 为什么只需要写 <!DOCTYPE HTML>?HTML5 不基于 SGML,因此不需要对 DTD原创 2020-09-03 17:43:06 · 282 阅读 · 0 评论