随笔分类 -  前端

记一次Vue实战总结
摘要：# vue 目录结构 assets一般用来放置小的图片，icon类， public一般用来放置大的图片 build之后，public下面的文件夹会原封不动的添加到dist中 assets目录，build之后会被合并到一个文件中，进行压缩，多用来存放业务级的js、css等，如一些全局的scss样式文 阅读全文
posted @ 2020-11-20 13:30 从零开始的代码生活 阅读(235) 评论(1) 推荐(0)
css层叠规则
摘要：# 从零开始的前端生活 --css层叠规则 层叠上下文 网页上的元素其实是三维的，类似于高中学的左手坐标系，Z轴就是垂直于屏幕。层叠上下文跟“块状格式化上下文”（BFC）类似，只要元素拥有某些特定的css属性，就会表现出层叠上下文的特点。 层叠顺序 前提是重叠在一起，就会按照上图的规则呈现。 层叠 阅读全文
posted @ 2020-06-19 17:02 从零开始的代码生活 阅读(374) 评论(0) 推荐(0)
position
摘要：# 从零开始的前端生活--position 包含块 定义：什么是包含块，就是元素用来计算和定位的一个框，可以说是参照物吧。比如width： 50%；他是参照哪个元素的50%，那个元素就是“包含块”。而绝对定位元素absolute的宽度是相对第一个position不为static的祖先元素计算的。计 阅读全文
posted @ 2020-06-18 18:53 从零开始的代码生活 阅读(865) 评论(0) 推荐(0)
float与overflow
摘要：# 从零开始的前端生活--float和overflow float 本质 浮动的本质就是为了实现文字环绕效果。 浮动的特征 包裹与自适应性。 块状化，float不为none时，它的display就是block 万恶之源 使父元素的高度塌陷 <div> <img src="../image/pic0 阅读全文
posted @ 2020-06-17 16:10 从零开始的代码生活 阅读(762) 评论(0) 推荐(0)
line-height和vertical-align
摘要：# 从零开始的前端生活--line-height和vertical-align 前言 我觉得块级元素就是负责网页的结构骨架排列，而内联元素就是躲在块级元素内部来负责内容排列，创世者应该是这样考虑的吧 line-height 定义 对于非替换元素的纯内联元素，他的高度完全由line-height决定 阅读全文
posted @ 2020-06-13 16:07 从零开始的代码生活 阅读(363) 评论(0) 推荐(0)
盒尺寸
摘要：# 从零开始的前端生活--盒尺寸 padding padding对块级元素的影响 css中默认的box-sizing 是content-box,使用padding会额外增加元素的尺寸。 当padding足够大，把width挤没掉了，这时width就无效。里面的内容表现为“首选最小宽度” 首选最小宽 阅读全文
posted @ 2020-06-12 14:38 从零开始的代码生活 阅读(369) 评论(0) 推荐(0)
理解content(二)
摘要：# 从零开始的前端生活-理解content(二) 应用 清除浮动 伪元素加content最常见的应用是清除浮动带来的影响 .clear::after{ content:''; display:table; clear:both; } 字符内容的生成 content还可以插入Unicode字符(万国 阅读全文
posted @ 2020-06-07 15:44 从零开始的代码生活 阅读(494) 评论(0) 推荐(0)
理解content(一)
摘要：# 从零开始的前端生活-理解content(一) 替换元素 定义 我们把通过修改某个属性值呈现的内容就可以被替换的元素被称为"替换元素"。 比如 <img src="xxx.jpg"> ,我们只需修改属性src的值，内容就会发生变化，这就是替换元素。 类似的有 <video>、<iframe>、< 阅读全文
posted @ 2020-06-03 22:42 从零开始的代码生活 阅读(1058) 评论(0) 推荐(0)
css盒子模型、height:100%;
摘要：从零开始的前端生活--css基础(盒子模型、height:100%) 4个盒子 当我们声明一个div，并赋予它的宽高为200*200px，padding为20px，margin也为20px，border为1px <div class = "container"></div> .container { 阅读全文
posted @ 2020-05-30 21:16 从零开始的代码生活 阅读(655) 评论(0) 推荐(0)
前端css选择器
摘要：从零开始的前端生活--css基础 选择器 选择器是用来选择对应的html元素。 类选择器 以" . "为开头的选择器，很多元素可以共用同一个类选择器 ID选择器 以" # "为开头的选择器。一般指向唯一元素 属性选择器 含有[] 的选择器 <span class="item one">1</span 阅读全文
posted @ 2020-05-29 20:41 从零开始的代码生活 阅读(167) 评论(0) 推荐(0)
html基础
摘要：从零开始的前端生活--html基础 模板 html文件都有一个固定的模板，通过vscode可以一键生成 <!DOCTYPE html> // 这是一个声明<html lang="en"><head> <meta charset="UTF-8"> // 为了防止乱码情况，声明为utf-8 <meta 阅读全文
posted @ 2020-05-28 23:25 从零开始的代码生活 阅读(149) 评论(0) 推荐(0)