2019年8月8日
取消行内块元素的默认边距
摘要： 行内块元素默认有边距，如： ... .box{ display: inline-block; width: 100px; height: 100px; background-color: aquamarine; border: 5px solid black; } </style> </head> 阅读全文
posted @ 2019-08-08 17:06 山下明明子 阅读(765) 评论(0) 推荐(0)
css水平居中的几种方式
摘要： 1. 子元素为行内元素时，父元素使用 text-align: center; 实现子元素的水平居中； 2. 子元素为块级元素时， 2.1. 将子元素设置 margin: 0 auto; 实现居中； 2.2. 将子元素设置 display: inline-block，然后可使父元素使用text-ali 阅读全文
posted @ 2019-08-08 16:03 山下明明子 阅读(491) 评论(0) 推荐(0)
浅谈Flex布局
摘要： 原文链接：https://juejin.im/post/5cce975ae51d456e8b07de03 何为Flex布局 传统的布局解决方案，是基于盒子模型，利用position + margin + float来完成；但这种布局方案对部分布局方式很不友好，比如水平垂直居中 Flex布局是W3C提 阅读全文
posted @ 2019-08-08 15:41 山下明明子 阅读(362) 评论(0) 推荐(0)
vue的生命周期函数
摘要： 实例创建阶段： 1. beforeCreated：表示刚刚初始化了一个空的Vue实例对象，此时，对象身上只有默认的一些什么周期函数和事件，其他的都还未创建。*此时data和methods中的数据还没有初始化。 2. created：在created中，data和methods都已被初始化好了，如果要 阅读全文
posted @ 2019-08-08 14:26 山下明明子 阅读(198) 评论(0) 推荐(0)
vue---watch、computed和methods之间的区别
摘要： let vm = new Vue({ el: "#app" data: { firstname: '', lastname: '', fullname: '', }, methods: { //可用keyup动作绑定事件 getFullname () { this.fullname = this.f 阅读全文
posted @ 2019-08-08 13:58 山下明明子 阅读(203) 评论(0) 推荐(0)