- 博客(9)
- 收藏
- 关注
转载 浅谈css里的绝对与相对定位
一、position 的四个值:static、relative、absolute、fixed。绝对定位:absolute 和 fixed 统称为绝对定位相对定位:relative默认值:static二、relative定位与absolute定位的区别1、relative:相对于原来位置移动,元素设置此属性之后仍然处在文档流中,不影响其他元素的布局给第二个box设置relative:元素相对于原来位置偏移,宽高都没变,撑大了容器。实例:HTML代码: <div
2021-06-22 10:19:09
394
原创 浅谈 JS 中this指向问题
初学者关于this的理解一直很模糊,关于this的面试题更加令人头大。this是函数执行的主体(谁执行的),this 是和执行上下文绑定的。
2021-06-20 22:17:03
213
原创 vue路由传参怎么实现?
1. Vue传参方式1.1 通过动态路由传参我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果:...
2021-06-17 12:05:39
195
转载 简略数组去重
第一种:为数组原型添加新的方法: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
81
原创 Vue生命周期
Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。每一个组件或者实例都会经历一个完整的生命周期,总共分为三个阶段:初始化、运行中、销毁。 实例、组件通过new Vue() 创建出来之后会初始化事件和生命周期,然后就会执行beforeCreate钩子函数,这个时候,数据还没有挂载呢,只是一个空壳,无法访问到数据和真实的dom,一般不做操作
2021-06-16 14:21:36
83
原创 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
336
原创 浅谈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
304
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅
1