面试
草莓冻冻
"你自人山人海中而来,原来只为了给我一场空欢喜。"
你要去做一个懂事的大人,不要回头,不要难过。
展开
-
面试题(八)vuex常见面试题
1. vuex 是什么?怎么使用?哪些功能场景使用它? 答:vue框架中状态管理。在 main.js 引入 store,注入。 新建了一个目录store.js,…export。 场景有:单页应用中,组件之间的状态。音乐播放、登陆状态、加入购物车 2.vuex有哪几种属性? 答:有五种,分别是 State、Getter、Mutation、Action、Module state => 基本数据(数据源存放地) getters => 从基本数据派生出来的数据 mutations => 体积更改数原创 2020-10-27 14:34:12 · 4379 阅读 · 0 评论 -
面试题(七)vue路由相关
1. mvvm框架是什么? 答:vue是实现了双向数据绑定的mvvm框架,当视图改变更新模型层,当模型层改变更新视图层。在vue中,使用了双向数据绑定技术,就说View的变化能实时让Model发生变化,而Model的变化也能实时更新到View。 2.vue-router是什么?它有哪些组件? 答:vue用来写路由的一个插件。router-link、router-view 3.active-class是哪个组件的属性? 答:vue-router模块的router-link组件。children数组用来定义子路原创 2020-10-26 17:11:26 · 764 阅读 · 0 评论 -
面试题(六)vue生命周期函数
1. 什么是 vue 生命周期?有什么作用? 答:每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做 生命周期钩子的函数,这给了用户在不同阶段添加自己代码的机会。(生命周期钩子就说生命周期函数)例如,如果要通过某些插件操作 DOM 节点,如想在页面渲染完后弹出广告窗,那我们最早可在mounted中进行。 2. 第一次页面加载会触发哪几个钩子? 答:beforeCreate,crea原创 2020-10-26 16:17:04 · 1841 阅读 · 0 评论 -
面试题(五)常见vue相关面试题总结
1.vue 优点 答: 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习; 双向数据绑定:保留了angular的特点,在数据操作方面更为简单; 组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势; 视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作; 虚拟DOM:dom操作是非常耗费性能的, 不再使用原生的dom操作节点,极大解原创 2020-10-23 13:29:55 · 1248 阅读 · 0 评论 -
面试题(四)兼容性问题之1px边框变粗问题
造成边框变粗的原因 其实这个原因很简单,因为css中的1px并不等于移动设备的1px,这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性,他可以反应css中的像素与设备的像素比。 devicePixelRatio的官方的定义为:设备物理像素和设备独立像素的比例,也就是 devicePixelRatio = 物理像素 / 独立像素。 1. 0.5px边框 retina 屏的浏览器可能不认识0.5px的边框,将会把它解释成0px,没有边框。包括 iOS 7 和原创 2020-10-18 18:31:35 · 824 阅读 · 0 评论 -
面试题(三)DIV水平居中
方法一 绝对定位方法:不确定当前div的宽度和高度,采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位(position: relative;) <style> .container{ position: relative; } .inner{ position:absolute; left: 50%; top: 50%; transform: translate(-50% -50%); } </style>原创 2020-10-18 18:15:27 · 355 阅读 · 1 评论 -
面试笔记(二)BFC及其应用
一、常见定位方案 我们先来了解一下常见的定位方案,定位方案是控制元素的布局,有三种常见方案: 普通流(normal flow) 在普通流中,元素按照其在HTNL中的先后位置至上而下布局,在这个过程中,行内元素水平排列,直到当行被占满然后换行,块级元素则会被渲染成完整的一个新行,除非另外指定,否则所有元素默认都是普通流定位,也可以说,普通流中元素的位置由该元素在HTML文档中的位置决定。 浮动(float) 在浮动布局中,元素首先按照普通流的位置出现,然后根据浮动的方向尽可能的向左边或者右边偏移原创 2020-10-18 17:54:15 · 125 阅读 · 0 评论 -
面试题笔记(一)
浏览器的运行机制: 构建DOM树 构建渲染树 布局渲染树 绘制渲染树 重绘 触发重绘的条件:改变元素外观属性。如:color background-color 重排(重构/回流/reflow) 元素的规模尺寸,布局,隐藏等属性改变时会触发重排,所以重排必定会引发重绘,但重绘不一定会引发重排。 触发条件: 页面渲染初始化 添加或删除可见的DOM元素 元素位置的改变,或者使用动画 元素尺寸的改变——大小,外边距,边框 浏览器窗口尺寸的变化(resize事件发生时) 重绘重排的代价:耗时,导致浏览器卡慢原创 2020-10-18 17:52:06 · 179 阅读 · 0 评论