首先是css样式，比如这样的： 1 <style> 2 *{ 3 margin:0; 4 padding: 0; 5 list-style: none; 6 font-size: 12px; 7 } 8 .notice{ 9 width: 298px; 10 height: 98px; 11 mar ...
分类：
Web程序 时间：
2020-07-01 12:47:53
阅读次数：
44
一、盒子模型 1.什么是盒子模型 css盒模型本质上是一个盒子，封装周围的html元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 2.标准盒子模型 根据 W3C 的规 ...
分类：
Web程序 时间：
2020-07-01 12:24:25
阅读次数：
78
小程序中默认设置了tabbar组件，但是有时候需要我们自定义的tabbar组件去完成更多的功能，例如绑定一些自定义的属性和方法。 自定义tabbar也就是使用我们定义的组件去替换系统默认的tabbar。 创建组件 tabbar是一个组件，同时它和平常使用view，text组件是一样的，通过在前端页面 ...
分类：
其他好文 时间：
2020-07-01 12:16:23
阅读次数：
59
最近遇到有人问起将一张图片转视频文件，这个需求比较简单，只要ffmpeg -i input.jpg output.mp4 即可将一个jpg图片转成mp4文件但是如果将jpg文件，或者图片文件转成一段时长的mp4文件，这个时候用上面的参数就搞不定了，需要用下面的参数[mw_shl_code=apple ...
分类：
其他好文 时间：
2020-06-30 20:53:10
阅读次数：
93
在解释BFC之前，先说一下文档流。我们常说的文档流其实分为定位流、浮动流和普通流三种。而普通流其实就是指BFC中的FC。FC是formatting context的首字母缩写，直译过来是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。常 ...
分类：
其他好文 时间：
2020-06-30 17:42:29
阅读次数：
57
本文仅供参考：首先你要掌握的基础知识:row 行概念 <el-row></el-row>col 列概念 <el-col></el-col>col组件的:span属性的布局调整,一共分为24栏: 代码示例: <el-row> <el-col :span="24"><div class="grid-co ...
分类：
其他好文 时间：
2020-06-30 17:35:46
阅读次数：
125
每个HTML标签都会生成一个盒模型，盒模型是正常流布局非常重要的概念。盒模型由内边距(padding)+长度(width)+高度(height)+边框(border)+外边距(margin)组成。 1. 宽度(width)和高度(height) 盒模型有2种类型，怪异盒模型和标准盒模型，在不同盒模型 ...
分类：
Web程序 时间：
2020-06-29 21:30:24
阅读次数：
71
元素有行内元素(inline)、块级元素(block)以及行内块元素(inline-block)之分，对应地它们之间的盒模型也会有不同。 1. 行内元素(inline) 通过display: inline可将元素声明为行内元素，顾名思义指在行里面的元素，因此没有换行的行为。 1.1 宽度和高度 行内 ...
分类：
Web程序 时间：
2020-06-29 21:27:16
阅读次数：
101
定位布局(Position)指元素可以脱离原来的位置，定位到页面中的任意位置。 定位布局以内边距(padding)区域的左上角为定位原点，分为相对定位(包括static及relative)和绝对定位(包括absolute及fixed)。 1. 静态定位(static) 静态定位是默认的文档布局方式， ...
分类：
Web程序 时间：
2020-06-29 21:26:45
阅读次数：
78
一、实现效果 1、当 input 输入框不符合要求且在 input 失焦时显示提示词，符合要求隐藏提示词 2、实现 input 组件基本功能 二、组件实现代码 1、HTML <template> <div class="labelInput"> <span class="title">{{title ...
分类：
其他好文 时间：
2020-06-29 17:05:52
阅读次数：
56
