1.什么是Flex布局 Flex 是flexible Box 的缩写,意为“弹性布局”,用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex 布局。链接参考 2.基本概念 采用Flex布局的元素,称为容器(flex container),简称‘容器’。它的所有子元素自动成为容器成员,称为 ...
分类:
其他好文 时间:
2020-06-01 20:43:28
阅读次数:
54
BFC 首先BFC的英文全称Block Format Context,也就是块级格式化上下文。 BFC特性 首先,我们大家都知道的BFC特性: 内部的元素会在垂直方向,从顶部一个接一个的放置 Box垂直方向的距离由margin决定,属于同一个BFC的两个相邻Box的margin会发生重叠。 每个元素 ...
分类:
其他好文 时间:
2020-06-01 12:09:37
阅读次数:
55
弹性盒子基础 弹性盒子(Flexible Box)是css3中盒子模型的弹性布局,在传统的布局方式上增加了很多灵活性。 定义一个弹性盒子 在父盒子上定义display属性: #box{ display: -webkit-flex; //webkit内核浏览器的兼容设置,下同 display: fle ...
分类:
Web程序 时间:
2020-06-01 00:26:13
阅读次数:
92
每天坚持一个CSS 滚动文字 效果图 图片描述:箭头指向部分,以白色为背景,从左向右滚动。(不适用于IE) 代码 html <div> 例子: <div class="box"> <span class="box-text">滚动的文字,我是滚动的文字</span> </div> </div> CS ...
分类:
Web程序 时间:
2020-05-31 21:31:21
阅读次数:
78
视频选集 3/20 P1wireshark从入门到精通 P2wireshark入门到精通2 P3wireshark入门到精通3 P4wireshark入门到精通4 P5wireshark入门到精通5 P6wireshark入门到精通6 P7wireshark入门到精通7 P8wireshark入门到 ...
分类:
其他好文 时间:
2020-05-31 12:38:50
阅读次数:
64
css的display属性是前端开发中非常常见的属性,本文简单介绍下其中比较常用的属性值,即block、inline和inline-block。 HTML组件中呈现一片空白区域的组件都可当盒模型(box modal),而CSS则提供了display属性来控制盒模型的外观。 1. block类型(块) ...
分类:
Web程序 时间:
2020-05-31 11:16:48
阅读次数:
70
标准盒模型与IE盒模型 开发者们都知道,由于历史遗留问题与既定标准的发展,存在着两个css盒模型。即W3C的标准盒模型以及IE的怪异盒模型。在css中,可以用box-sizing去定义元素的盒模型。 比较这两个盒模型的差异之前,我们先来看一张图: 先不讨论宽高,我们把一个元素的组成分为:conten ...
分类:
其他好文 时间:
2020-05-30 21:38:56
阅读次数:
56
用户的注册认证 前端显示注册页面并调整首页头部和登陆页面的注册按钮的链接。 注册页面Register,主要是通过登录页面进行改成而成. <template> <div class="box"> <img src="../../static/image/Loginbg.3377d0c.jpg" alt ...
分类:
其他好文 时间:
2020-05-30 19:45:27
阅读次数:
190
今天来小结一下indexOf()方法的几种API 首选自定义一个字符串(生活就像一盒巧克力,你永远不会知道你要拿起的是哪一个——《阿甘正传》) String str= "life was like a box of chocolates you never know what you are gon ...
分类:
其他好文 时间:
2020-05-30 10:43:48
阅读次数:
627
1.前言 简单点说呢,就是与后端的数据交互和怎么把数据展示出来,用到的资源主要是element-ui和vue-resource,其它参考(vue-resource插件使用)。今天讲到的一些功能开发,主要就是请求列表数据,详情数据,分页功能操作,搜索,搜索标签等的开发。今天这个,按照下面步骤,一步一步 ...
分类:
Web程序 时间:
2020-05-28 23:11:35
阅读次数:
82