![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 52
安心@-@
这个作者很懒,什么都没留下…
展开
-
async和defer
如果scrpit里有外部文件,那就必须等待下载和执行完毕,浏览器才会继续往下执行,如果外部文件刚好是在网络比较差的服务器上,整个网页的加载都会受到很大的影响。会使JS异步加载,解决阻塞问题,即html执行到script标签时,JS脚本的加载和html文档的解析同时进行,html是按顺序执行的,script标签中未加入。(解析html创建dom树)完毕后,再执行js脚本。标签就会停止解析,去解析script里面的内容。:js脚本加载完成后,会等待html。:在js脚本加载完成以后立即执行。原创 2022-09-09 11:35:50 · 107 阅读 · 0 评论 -
前端性能优化
由于现代浏览器限制的并发请求数量为 5-6 个,每次建立 HTTP 请求耗时非常大,所以在开发过程中尽量合并请求,例如合并 js,css,图片等。如果网站支持 HTTP2,可优先使用 HTTP2 因为 HTTP2 建立的 TCP 链接可以支持多路复用。缺点:一个文件如果做了小改动,整个文件的缓存都会失效,需要重新加载,无法合理利用缓存。gzip(GUNzip)压缩,目前使用最多的一种压缩格式,可以减少文件的大小。原创 2022-09-09 10:21:31 · 111 阅读 · 0 评论 -
http和https区别
http使用 TCP 三次握手建立连接,客户端和服务器需要交换 3 个包, https 除了 TCP 的三个包,还要加上 ssl 握手需要的 9 个包,所以一共是 12 个包。https 其实就是建构在 SSL上的 http协议。原创 2022-09-08 09:57:07 · 387 阅读 · 0 评论 -
Flex布局快速度上手
flex-flow 属性是 flex-direction 属性和 flex-wrap 属性的简写形式,默认值为 row nowrx。/* flex container没有空间时同步缩小,有空间时同步扩大,每个item的宽度默认 *//* 每个item的宽度最多是150,,不会因空间大而扩大 ,会因为空间不足缩小*/flex-wrap: wrap-reverse;flex-start 朝着弹性容器的开头对行打包。flex-end 朝着弹性容器的结尾对行打包。原创 2022-09-06 14:36:45 · 146 阅读 · 0 评论 -
BFC(块级格式化上下文,用于清除浮动,防止margin重叠)
BFC (block formatting contexts)块级格式上下文。属于定位方案中的普通流。是一个独立的空间,里面的元素不会影响外面的元素。元素首先按照普通流的位置出现,然后根据浮动的方向尽可能的向左边或右边偏移。元素按照其在HTML中的先后位置由上而下布局。在绝对定位布局中,元素会脱离普通文档流。原创 2022-09-06 11:05:36 · 172 阅读 · 0 评论 -
Position 的值有哪些,分别有哪些作用?
【代码】Position 的值有哪些,分别有哪些作用?原创 2022-09-05 22:33:15 · 293 阅读 · 0 评论 -
CSS实现水平垂直居中
【代码】CSS实现水平垂直居中。原创 2022-09-05 18:50:05 · 84 阅读 · 0 评论 -
两栏布局 左侧固定右侧自适应
【代码】两栏布局 左侧固定右侧自适应。原创 2022-09-05 18:21:21 · 280 阅读 · 0 评论 -
CSS3实现三栏布局 左右固定 中间自适应 /圣杯布局/双飞翼布局
中间一栏先加载和渲染,两侧内容固定,中间内容随着宽度自适应一般用于pc端网页1、先写出3个盒子2、中间盒子加上,为了添加中间的顺序要为3.新添加的盒子各设置宽,高。然后左盒子设置左浮动,右盒子设置右浮动,触发bfc盒子。原创 2022-09-05 15:32:45 · 451 阅读 · 0 评论 -
块级元素,行内元素,行内块元素的区别以及转换
2、行内元素 inliine:相邻的行内元素排在同一行,排不下自动换行,宽度随元素内容而变,不可设置宽高。3、行内块元素 inline-block:跟行内元素相似,但是可设置宽高,元素间会有空白间隙,1、块级元素 block:自动占据一行,可以设置宽高。原创 2022-09-05 13:59:58 · 246 阅读 · 0 评论