前端面试题
Rockey-许诺
这个作者很懒,什么都没留下…
展开
-
浅谈css里的绝对与相对定位
一、position 的四个值:static、relative、absolute、fixed。 绝对定位:absolute 和 fixed 统称为绝对定位 相对定位:relative 默认值:static 二、relative定位与absolute定位的区别 1、relative:相对于原来位置移动,元素设置此属性之后仍然处在文档流中,不影响其他元素的布局 给第二个box设置relative: 元素相对于原来位置偏移,宽高都没变,撑大了容器。 实例: HTML代码: <div转载 2021-06-22 10:19:09 · 283 阅读 · 0 评论 -
浅谈 JS 中this指向问题
初学者关于this的理解一直很模糊,关于this的面试题更加令人头大。 this是函数执行的主体(谁执行的),this 是和执行上下文绑定的。原创 2021-06-20 22:17:03 · 154 阅读 · 0 评论 -
vue路由传参怎么实现?
1. Vue传参方式 1.1 通过动态路由传参 我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果: ...原创 2021-06-17 12:05:39 · 148 阅读 · 0 评论 -
Vue的钩子函数
生命周期图:原创 2021-06-17 11:57:26 · 109 阅读 · 0 评论 -
简略数组去重
第一种: 为数组原型添加新的方法: Array.prototype.unique = function() { var newArr = []; for(var i = 0;i<this.length;i++) { if(newArr.indexOf(this[i]) == -1) { newArr.push(this[i]); } } return newArr; }; var arr = [1,3,1,2]...转载 2021-06-17 11:53:38 · 40 阅读 · 0 评论 -
Vue生命周期
Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。 每一个组件或者实例都会经历一个完整的生命周期,总共分为三个阶段:初始化、运行中、销毁。 实例、组件通过new Vue() 创建出来之后会初始化事件和生命周期,然后就会执行beforeCreate钩子函数,这个时候,数据还没有挂载呢,只是一个空壳,无法访问到数据和真实的dom,一般不做操作原创 2021-06-16 14:21:36 · 43 阅读 · 0 评论 -
display的值和作用
display 的属性值有:none|inline|block|inline-block|list-item|run-in|table|inline-table|table-row-group|table-header-group|table-footer-group|table-row|table-column-group|table-column|table-cell|table-caption|inherit 其中常用的的有none、inline、block、inline-block。分别的意思是:原创 2021-06-15 23:31:33 · 283 阅读 · 0 评论 -
浅谈CSS的居中方式
行内元素 和其他元素都在同一行 高,行高及外边距和内边距部分可以改变 宽度只与内容有关 行内元素只能容纳文本或者其他行内元素 常用内联元素:a,img,input,lable,select,span,textarea,font 块级元素 总是在新行上开始,占据一整行 高度,行高以及外边距和内边距都可控制 宽度始终与浏览器的宽度一样,与内容无关 可以容纳行内元素和其他块级元素 常用的块级元素:div,p,table,form,h1,h2,h3,h4,h5,h6,dl,ol,ul,li 居中原创 2021-06-15 11:46:37 · 222 阅读 · 0 评论