- 博客(12)
- 收藏
- 关注
RSS订阅原创 css在浏览器的加载顺序
CSS属性声明顺序推荐的样式编写顺序：Positioning(定位)Box model（盒模型）Typographic（排版）Visual（视觉） other由于定位（positioning）可以从正常的文档流中移除元素，并且还能覆盖盒模型（box model）相关的样式，因此排在首位。盒模型决定了组件的尺寸和位置，因此排在第二位。其他属性只是影响组件的内部（inside）或者是不影响前两组属性，因此排在后面:/* Positioning */position: absolute;t
2022-03-14 16:57:37
367
原创 css中var()语法的应用
var例子:root{ --white-max: red; --white-bright: #f5f5f5; --white-light: #eee; --white-dark: #ddd; }h1{ color: var(--white-max);}概述var()函数可以代替元素中任何属性中的值的任何部分。var()函数不能作为属性名、选择器或者其他除了属性值之外的值。语法方法的第一个参数是要替换的自定义属性的名称。函数的可选第二个参数用作回退值。如果第一个参数引用的自
2022-01-21 11:25:25
2190
原创 css弹性盒子中父元素空间分配之flex-grow、flex-shrink、flex-basis
flex-basis——元素在主轴方向上的初始大小该属性用来设置元素的宽度，优先级高于width语法/* 指定<'width'> */flex-basis: 10em;flex-basis: 3px;flex-basis: auto;/* 固有的尺寸关键词 */flex-basis: fill;flex-basis: max-content;flex-basis: min-content;flex-basis: fit-content;/* 在flex item内容上
2022-01-06 16:48:13
481
原创 将对象的属性全部转化为setter/getter用以监听数据
object除了数据描述符还有数据读取符。数据符用于描述数据本身的特点。数据读取符用以监控数据的变化。我们通常用set来设置数据，get来过去数据let obj = { studuent1:{ name:'aa', sex:1 }, studuent2:{ name:'bb', sex:2
2022-01-04 14:58:50
547
原创 css属性 content
CSS的 content CSS 属性用于在元素的 ::before 和 ::after 伪元素中插入内容。使用content 属性插入的内容都是匿名的可替换元素。值1.默认值：normal：: :before 和 :after 伪类元素中会被对待none2.none ： 不会产生伪类3.string4.url：图片路径。URI 值会指定一个外部资源（图片的url）。如果该不能展示，它会被图片忽略或显示一些占位（如无图片标志）。注：这种方式引入的图片，无法设置图片的宽高5.attr()：
2021-10-29 16:08:24
10321
原创 line-height详解
基本概念line-height CSS 属性用于设置多行元素的空间量，如多行文本的间距。图中：上一行的底线和下一行的顶线之间的距离就是行距，而同一行顶线和底线之间的距离是font-size的大小，行距的一半是半行距，半行距、font-size、line-height之间的关系看图片的右下角就一目了然了~根据浏览器的解析不同，line-height的表现方式有两种1.基线之间的距离为line-height2.lineHeight 为，font-size的上下加上半行距**取值**值
2021-10-21 20:08:33
32837
原创 用vue构建项目
1.下载node包，并设置环境变量1.在node官网下载和自己电脑相匹配的node包，并安装，直接都是下一步就好2.安装好后，在设置——系统——系统高级设置中增加NODE-PATH变量，路径为node在电脑中的安装地址2.全局下载webpack,webpack-cli,webpack-dev-servernpm install -g webpacknpm install -g webpak-clinpm install -g webpack-dev-server3.全局下载vue,vue-cl
2021-07-25 10:06:27
77
原创 面试题
和利时1.继承的方式2.判断变量的类型3.call,apply4.深拷贝，浅拷贝：扩展函数，obj的可以浅拷贝的方法5.promise，以及实现原理6.多次异步后的处理方式7.防抖和节流8.浏览器的同源原理，以及解决方法vue1.组件传值方式2.生命周期3.子组件的生命周期4.vuex5.双向绑定实现原理6.data返回为什么是一个函数7.v-for key,v-if,v-show9.watch和computed的区别10.如何检测数据变化的，核心方法是什么...
2021-03-30 10:52:55
76
转载 this指向问题
his的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定，this最终指向调用它的对象。1.函数调用模式当一个函数并非一个对象的属性时，那么它就是被当做函数来调用的。在此种模式下，this被绑定为全局对象，在浏览器环境下就是window对象2.方法调用模式当函数被保存为一个对象的属性时，它就可称为这个对象的方法。当一个方法被调用时，this被绑定到这个对象上。如果调用表达式包含一个提取属性的动作（. 或 []），那么它被称为方法调用这里的this指向的对象是o，因为调用这个sayNam
2021-03-30 09:12:44
209
转载 设计模式——观察者模式
发布——订阅者模式概念发布——订阅者模式又称观察者模式，是一个一对多的依赖关系。即不管是发布者或者是订阅者都依赖一个对象。当这个对象发生改变时发布者和订阅者都可以通知到。优点：发布对象和订阅对象耦合性弱，任何一方发生变化，对另一方都没有什么影响代码示例：...
2021-03-15 15:14:53
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人