本篇分为若干的版块，如 html版块， css版块， js版块， es版块， react等框架版块（我用的是react，主要介绍react）， webpack等打包工具的版块，后端node版块， 封装接口ajax版块， 实操场景问题的处理 其他其中css占比较大，其次是js和es的知识，都比较琐碎。 ...
分类：
其他好文 时间：
2021-01-04 10:32:56
阅读次数：
0
BFC是什么？ 块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 I know it when I see it 所以，虽然我不知道什么是BFC，但是写出样式，我就能知道 ...
分类：
其他好文 时间：
2020-12-18 12:57:58
阅读次数：
3
相对定位与绝对定位的练习 .father{ width:600px; height:400px; background:#F63; margin:50px auto; position:relative; } .box1,.box2,.box3,.box4{ width:80px; height:6 ...
分类：
Web程序 时间：
2020-12-04 11:47:25
阅读次数：
23
前段面试总会考察这么个知识点，就是BFC，我自己也经常懵逼，这是个啥呀，完全不知道，但是呢，其实这就是个简写的概念，名字比较唬人而已，今天，我们就来深入研究下，揭开它的伪装。 bfc=> block formating context 块级格式化上下文 这个名字让你很迷惑，是不是，其实用通俗的语言来 ...
分类：
其他好文 时间：
2020-11-26 14:19:01
阅读次数：
2
元素居中显示 块级元素居中显示 在body中的某个元素(box1) .box1 { margin: 0 auto; } 通过绝对定位在父容器里居中垂直显示 // 方法一： .box1 { position: absolute; top: 0; right: 0; bottom: 0; left: 0 ...
分类：
其他好文 时间：
2020-11-17 12:18:21
阅读次数：
6
定位分为：静态定位、相对定位、绝对定位、固定定位 1、静态定位（static） 一般的标签元素不加任何定位属性都属于静态定位，在页面的最底层，属于标准流。 2、绝对定位（absolute） 绝对定位元素从文档流脱出，使用left、right、top、bottom等属性相对于其最接近的一个最有定位设置 ...
分类：
Web程序 时间：
2020-09-17 16:40:25
阅读次数：
46
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 ...
分类：
移动开发 时间：
2020-09-17 13:26:10
阅读次数：
72
beforeEnter: function(el) { // 通过绝对定位，小球css的top和left值一直都是固定的 //不管怎么滚动，小球的x y坐标固定 el.style.transform = "translate(0,0)"; }, enter: function(el, done) { ...
分类：
其他好文 时间：
2020-08-12 15:52:47
阅读次数：
66
1、padding-bottom实现等比例缩放 原理：1、父元素设置定位为相对定位（position: relative）2、子元素设置定位为绝对定位（position: absolute）3、父元素padding-bottom值为百分比时以父元素为参考，正方形时同父元素一样的百分比。4、子元素的绝 ...
分类：
其他好文 时间：
2020-07-31 18:01:58
阅读次数：
89
在控制元素的水平、垂直居中问题时，有很多种解决方法，下面介绍几种解决办法： 水平垂直居中： 第一种：css3的transform .ele{// 父元素 /*设置元素绝对定位*/ position:absolute; /*top 50%*/ top: 50%; /*left 50%*/ left: ...
分类：
Web程序 时间：
2020-07-28 22:50:08
阅读次数：
110
