青木Sagittarius-CSDN博客

原创 flex布局

flex布局flex布局的一些常用属性@[TOC](文章目录)前言flex弹性布局，可以简便、完整、响应式地实现各种页面布局, 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）flex-direction：// 决定主轴的方向row（默认值）：// 主轴为水平方向，起点在左端。row-reverse：// 主轴为水平方向，起点在右端。column：// 主轴为垂直方向，起点在上沿。column-reverse：// 主轴为垂直方向，起点在下沿

2021-01-20 22:03:38 76

原创行内元素和块级元素的区别？什么是重绘和回流？

行内元素和块级元素的区别？什么是重绘和回流？一、行内元素：二、块级元素：二、使用步骤1.回流：2.重绘：3.区别：一、行内元素：共占一行，与其他行内元素并排，不能设置宽高，默认的宽度就是文字的宽度，行内元素只能嵌套包括自己在内的所有行内元素；a/b/i/u/em/strong/font/del/strike/span二、块级元素：独占一行，不能与其他任何元素并列，可以设置宽h/p/ul/ol/li/dl/dd/dt/table/caption/tr/th/td/tbody/tfoot/the

2021-01-20 21:54:49 95

原创描述vue组件声明周期

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档描述vue组件声明周期前言一、单组件声明周期图二、父子组件生命周期图总结前言一、单组件声明周期图挂载： beforeCreate => created => beforeMount => mounted更新： beforeUpdate => updated销毁： beforeDestroy => destroyed二、父子组件生命周期图挂载： parent beforeCreate =&gt

2021-01-20 21:43:56 167

原创滑动效果

滑动效果自己做了个小效果*****<div id="box"> <div id="menu"> <ul> <li>1F <span>服饰</span> </li> <li>2F <span>美妆</span> </li> <li&gt

2021-01-16 21:23:49 89

原创 vue双向数据绑定-原理

vue双向数据绑定-原理记得先引入vue.js文件<div id="app"> <h1>{{ msg }} </h1> <ul> <li v-for="v in arr"> {{v}} </li> </ul> <input type="text" v-model="msg"> <p>{{msg}

2021-01-12 21:40:10 52

转载动画效果

好看的动画效果<div id="container"></div>css:@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@700&display=swap");body { margin: 0; justify-content: center; display: flex; background: #222831;}#container { w

2021-01-11 19:51:44 87

原创上下页，翻页

上下页，翻页//上下页翻页<div class="box"> <button onclick="first()">首页</button> <button onclick="prev()">上一页</button> <div id="pageNum"> <button>1</button> <button&gt

2021-01-08 20:56:52 164

weixin_50377651的博客