摘要: 1. 什么是BFC BFC(block formatting context):简单来说,BFC 就是一种属性,这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。 中文译为块级格式化上下文。是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和 阅读全文
posted @ 2017-08-27 21:20 gq_orange 阅读(346) 评论(0) 推荐(0) 编辑
摘要: 1. 高度塌陷原因分析 看下面的代码,总的父元素parent包含三个浮动的子元素,容器的高度不能自动伸长以适应内容的高度,出现了高度坍塌问题。 (最上面的一条黑线就是parent元素了,可以看到它的高度为0) 原因就是浮动使子元素脱离文档流,父元素无法感知子元素的存在,而且父元素内部不存在其他处于文 阅读全文
posted @ 2017-08-27 20:47 gq_orange 阅读(567) 评论(0) 推荐(0) 编辑
摘要: web前端是应用服务器处理之前的部分,前端主要包括:HTML,CSS,javascript,image等各种资源,针对不同的资源有不同的优化方式。 1. 内容优化 2. 服务器优化 3. Cookie优化 4. CSS优化 5. javascript优化 6. 图像优化 参考:WEB前端性能优化常见 阅读全文
posted @ 2017-08-27 14:41 gq_orange 阅读(1811) 评论(0) 推荐(0) 编辑
摘要: 向html页面中插入javascript代码的主要方法就是通过script标签。其中包括两种形式,第一种直接在script标签之间插入js代码,第二种即是通过src属性引入外部js文件。由于解释器在解析执行js代码期间会阻塞页面其余部分的渲染,对于存在大量js代码的页面来说会导致浏览器出现长时间的空 阅读全文
posted @ 2017-08-27 14:17 gq_orange 阅读(557) 评论(0) 推荐(0) 编辑