前端基础类
关注
分享
扫一扫
Duaigi
很喜欢朋友的一句话:"你个臭贴图的"
展开
-
什么是BFC？如何产生？如何使用？
1. 什么是BFCMDN上是这样说明的块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。2.如何产生BFC简单来说就是1、float的值不是none。2、position的值不是static或者relative。3、display的值是inline-block、table-cell、flex、table-caption或者inline-flex4、overflow原创 2021-07-07 15:55:54 · 556 阅读 · 0 评论 -
点击el-dialog出现v-modal
问题描述优化项目时突然发现一个问题，点击弹框显示后会变暗，同时弹框里的东西都点不了，只有任意点击一下才会恢复正常查找原因去官方文档查找，应该是遮罩层插入到了body上，在代码中加入model-append-to-body结果运行代码，弹框正常，f12审查元素发现v-modal没了，问题解决！...原创 2021-07-01 09:21:36 · 1828 阅读 · 2 评论 -
Javascript生成随机数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-03-12 16:56:45 · 1027 阅读 · 0 评论 -
HTML行内元素，块元素，行内块元素的区别
行内元素类型：<a>,<strong>,<b>,<em>,<del>,<span>特点：1. 和相邻的行内元素在一行上2. 高度和宽度无效，但是水平方向上的padding和margin可以设置，垂直方向上的无效3. 默认的宽度就是它本身的宽度4. 行内元素只能容纳纯文本或者是其他的行内元素（a标签除外）<!DOCTYPE html><html lang="en"><head>原创 2021-03-12 13:05:04 · 314 阅读 · 0 评论 -
CSS画三角形并在限定的时间内进行移动翻转
如果想要进行图形的变化，必须要知道css3的过度与2d属性，下面我们就看一下要用到的属性，详情请点击https://www.runoob.com/css3/css3-transitions.html查看transition语法transition: property duration timing-function delay;transition-property: 指定CSS属性的name，transition效果transition-duration transition:效果需要指定多少秒原创 2021-03-11 19:30:06 · 255 阅读 · 0 评论 -
CSS中有哪些属性可以被继承
1、字体系列属性font：组合字体font-family：规定元素的字体系列font-weight：设置字体的粗细font-size：设置字体的尺寸font-style：定义字体的风格font-variant：设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。font-stretch：允许你使文字变宽或变窄。所有主流浏览器都不支持。font-size-adjust：为某个元素规定一个 aspec原创 2021-03-11 17:09:44 · 266 阅读 · 0 评论 -
如何对网站进行性能优化
1. 减少HTTP请求次数 1. 对于页面中要多次重复请求，我们可以调用`sessionStorage`来存储拿到的数据，关闭页面后会消失，直到下次请求发起。 2. 合并文件，把内容较少的css文件合并到一起2.css文件尽量放在顶端，JavaScript代码放在底部css文件尽量放在header标签里面3.减少JavaScript代码内容尽量使用简单易懂的变量名，减少注释，压缩js代码，还可以使用JQuery简化代码4.懒加载和预加载懒加载懒加载(Load On Demand)是原创 2021-03-11 16:58:36 · 166 阅读 · 0 评论 -
CSS与CSS3的区别
什么是cssCSS 指的是层叠样式表* (Cascading Style Sheets)CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素CSS 节省了大量工作。它可以同时控制多张网页的布局外部样式表存储在 CSS 文件中什么是css3CSS3 是最新的 CSS 标准。具体内容看后文css3与css相比增加了那些属性css选择器盒模型背景和边框文字特效2D/3D转换动画多列布局用户界面box-shadowborder-colorsboder-image原创 2021-03-10 16:41:44 · 301 阅读 · 0 评论 -
HTML和HTML5的区别
什么是HTML&HTML5HTML超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML5HTML5 是下一代 HTML 标准。HTML5中删除或修改了许多元素。声明部分//HTML的声明<!DOCTYPE html PUBLIC ".//W3C//DTO XHTML 1.0 Strict//EN">//HTML5的声明<!DOCTYPE html>设置编码部分//HT原创 2021-03-09 21:09:53 · 217 阅读 · 0 评论