还不是【web】的博客

BFC布局规则1:内部的BOX会在垂直方向一个接一个的放置2:BOX垂直方向的距离是由Margin决定 属于同一个BFC的两个相邻的BOX的margin会发生重叠3:每个盒子（块盒与行盒）的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。4:BFC的区域不会于float box重叠5:BFC就是页面上的一个隔离的独立容器 容器里面的子元素不会影响到外面的元素 反之也是如此6:计算BFC的高度时 ...

浏览器将域名通过网络通信从服务器拿到html之后 会进行一下几个步骤1:根据html文件构建DOM树和CSSOM树,构建DOM树期间如果遇到JS 则会阻塞DOM树和CSSOM树的构建，优先加载js文件，加载完毕之后在继续构建DOM和CSSOM树2:构建渲染树(Render Tree)3:页面的重绘(repaint)和重排(reflow)一 ：构建dom树1.1构建DOM树HTML 文档中的所有内容皆是节点，各节点之间拥有层级关系，如父子关系、兄弟关系等，彼此相连，...

Ajax 的原理是什么？有什么优缺点？Promise 的原理是什么？请你手写一个 Promise 出来Http 2.0 做了哪些升级？TCP 与 UDP 的区别？MVC 与 MVVM 的区别？实现对象深度拷贝的方式？html5的新特性...

一、meta基础知识01、H5页面窗口自动调整到设备宽度，并禁止用户缩放页面<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />02、忽略将页面中的数字识别为电话号码&l...

bind call apply 三个函数的认识 是否能自己实现web前端的requestAnimationFrame了解么 有使用过么 说一下使用场景web前端优化前后端跨域可以说一下么 有碰到过跨域问题么，怎么去解决跨域nodeJs的异步IO原理react的Dom的diff算法描述浏览器cookie和session的认识跨域分为哪几种类型 如何解决...

一般上传的视频都没法占满video，看起来很不美观，解决办法很简单video{ object-fit:fill; }上传图片，支持预览html<input type="file" name="" class="upload-pic"><div class="pics-area-wrap img-div"></div>js//page对象g...

css强制换行 多出来的文字用...来代替word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; word-break: break-all;box-sizing、transition...

//transition   transition all 2s ease 2s    &lt;p&gt;第一个参数  表示的是要变化的css属性名称 要是很多就直接设置为all&lt;/p&gt;    &lt;p&gt;第一个参数  表示的是动画执行的时间&lt;/p&gt;    &lt;p&gt;第一个参数  表示的是速度效果的深度曲线&lt;/p&gt;    &lt;p&gt;

针对不同的浏览器写不同的CSS code的过程，就叫CSS hack,也叫写CSS hack。 BFC与IFC概念理解+布局规则+形成方法+用处Box一个页面是由很多个 Box 组成的，元素的类型和 display 属性决定了这个 Box 的类型。不同类型的 Box，会参与不同的 Formatting Context。Block level的box会参与形成BFC，比如dis...

采用 UTF-8 编码，在 CSS 代码头部使用： @charset "utf-8"; 注意，必须要定义在 CSS 文件所有字符的前面（包括编码注释），@charset 才会生效。 例如，下面的例子都会使得 @charset 失效： /* 字符编码 */@charset "utf-8";html,body {  height: 100%;}...

display:flexflex-direction属性决定主轴的方向（即项目的排列方向）。flex-direction: row | row-reverse | column | column-reverse;row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-rever...