- 博客(15)
- 收藏
- 关注
RSS订阅原创 this的指向问题总结
1this一般会出现在函数里面，但是一般情况下只有在函数被调用执行时，才能确定this指向哪个对象。一般情况下this是指调用函数的对象。1.在全局作用域下或者普通函数中this的指向一般都是window对象window.fn（），普通函数就是window对象调用了函数，所以普通函数里面的this指向为window2.定时器里面的this也是指向的window 因为也是window.setTimeout()3.对象中有方法 那么对方调用了方法，方法里面的this就指的是该对象。4.构造.
2021-11-21 15:15:24
787
原创 css布局总结
1.定位元素 可以覆盖常规流盒子内容，不占位置，定位元素和定位元素之间如果有重叠部门，用z-index属性来设置谁在前谁在后，标准流和浮动没有这个属性。简单的说绝对定位元素或者固定定位会覆盖其包含块里面的元素上面并且不会占据位置，常规流或者浮动元素等。...
2021-11-20 01:12:22
192
原创 元素的隐藏总结
display：none （设置了该属性，盒子被隐藏，原来的位置也不在占有）display:block(盒子显示)display设置成none虽然被隐藏了，但不是代表消失了，在检查代码还能看见。visibility：visible/hidden visible显示 hidden隐藏 visibility设置成hidden之后虽然被隐藏，但是继续占有原来的位置。overflow：hidden（是对元素中溢出的部门进行隐藏，包括元素内部的盒子或者文本）visible是显示出来 虽然隐藏并不代表被删除
2021-11-19 23:49:04
231
原创 阴影相关属性总结
一、盒子阴影box-shadow: 10px 10px 10px 10px #000第一个值为x轴方向的移动影子 正值向右移动，负值向左移动第二个值为y轴方向的移动影子 正值向下移动，负值向上移动第三个值为模糊度 0为完全不模糊，值越大越模糊（虚实）第四个值为阴影的大小第五个值 为阴影的颜色 一般用rfba 用透明度第六个 内阴影和外阴影 （一般是外阴影）默认是外阴影。其中第一个值和第二个值必选、必写。注意：盒子阴影不占用空间。...
2021-11-19 22:35:41
264
原创 前端命名规范
一.css中类选择器 类名的命名：1.如果好几个单词组成可以用短横线分割2.尽量起的有意义3.不能使用纯数字或者中文命名，尽量用英文。
2021-11-19 22:22:35
78
原创 百分比尺寸应用总结
1.百分比取值1.padding width margin 可以取值为百分比以上用百分比取值比如width:50% 都是相对包含块的宽度。注意：这里也包括 padding-top，bottom 以及margin-top，bottom2.height百分比取值（包含块定高的时候有效，如果包含快高不定，设置无效）3.translatex(50%)百分比取值指的是相对当前自己的盒子的width的一半，translatey（50%）当前自己盒子的高度的一半，并不是包含盒子。2.比例取值..
2021-11-19 19:48:20
229
原创 盒子在其包含快中居中
一、水平居中1.行盒或者行块盒居中设置父元素快盒 为text-align：center 里面的行盒或者行块盒就会水平居中。2.块盒水平居中快盒定宽，左右margin设置为auto就可以。3.浮动元素水平居中（目前只能通过margin-left调整。其他暂时没有什么好方法）4.绝对定位水平居中定宽 left：0 right：0 左右margin为auto5.固定定位水平居中和绝对定位的用法一样，只是他们的包含快不一样。二、垂直居中1.单行文本垂直居中（line-h...
2021-11-19 19:04:35
162
原创 css3新增元素结构伪类选择器总结
1.结构伪类选择器（nth-child和nth-of-type) 这类选择器主要应用于父元素下面有很多相同的元素，怎么个性化选择元素而诞生的。比如无序列表等。（1）nth-child(适用于父元素下面都是同一种类的元素，无其他元素)（2）nth-of-type（适用于父元素下面参杂了很多不同的元素）（3）常用的就是 frist-child last-child nth-child(n) nth-child(even/odd) nth-of-type(n)注意一下第一种和第三种都可以使用nth
2021-11-19 12:39:04
124
原创 关于行盒和块盒的小总结
1.行盒子不换行，但是用行盒子就是盒子排列是不合适的，比如代码 <div> <span>Lorem.</span> <span>Maiores!</span> <span>Doloremque!</span> <span>Placeat?</span> <span>Saepe!</span&g
2021-11-16 23:57:30
565
原创 overflow总结
关于文字溢出的使用：盒子内容溢出（文字），设置overflow:hidden 可以隐藏溢出部分。关于子盒子的溢出问题： 2.子盒子超出了其包含快（即父盒子的内容盒子尺寸）溢出部分可以设置在父盒子元素设置overflow：hidden 就可以隐藏了溢出部分。...
2021-11-16 23:30:59
270
原创 vue中关于计算属性
首先vue计算属性出现的意义和价值是为了便于data中数据运算而产生的。产生的结果用新的属性来存储，准确的说计算属性的属性值根据data中的数据变化而变化。注：data中的数据不能数据运算。如以下代码：<div id="app"> <div style="width: 400px;height: 20px;border:1px solid #000;border-radius:8px ;"> <div class="running"
2021-11-15 19:43:21
408
原创 vue中关于绑定style使用
1.如果在vue中想要属性值不写死动态变化，可以考虑class和style前面加上：的形式：class适合2种不同的css样式，可以考虑用作‘大刀阔斧’改变样式的时候用：style适合局部样式少量绑定<div :style="{width:boxWidth+'px'}"> </div>注意：1.style前面要加： 2.style里面的属性名和属性值要加{} 3.属性名如果碰到例如font-size要变成fontSize 4.注意双引.
2021-11-15 19:33:24
1217
原创 pc端以及移动端页面响应布局，同比例缩放
一.用rem方法响应布局（网页屏幕大小和分辨率有关 一般分为几档) 1.查看屏幕大小用并设置min-width或者max-width 以及设置html的font-size大小（大小设置主要是分份数比如将800px屏幕大小分为40份，那每份宽度为20px） 注：此时可以借助less 参与运算 比如定义变量@number='40' font-size:800px/@nember less编译如果使用vue-cli脚手架就不用安装less编译器，如果没有脚手架，vscode中安装less编译器，直接能生成c
2021-11-14 21:21:58
1990
原创 关于echarts导入使用以及相关配置梳理
1.获取echartsnpm install echarts -e2.建立一个有大小的容器3.引入echarts并创建实例4.配置项和数据5.将配置项放入echarts实例中注：如果结合vue框架使用，初始化echarts实例的时候用this.$refs.ref的属性值去获取dom元素并将2-5放入到组件的mounted钩子函数里，因为dom挂载完毕才能获取真实dom元素。...
2021-11-14 13:11:18
923
原创 单行文本省略
样式white-space:nowrap;(不换行)overflow:hidden;(溢出部分隐藏)text-overflow:ellipsis;(溢出部分用...代替)
2021-11-13 16:47:08
1148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人