推荐
最新
热榜
其他
谈谈你对BFC的理解？

谈谈你对BFC的理解？

一、是什么我们在页面布局的时候，经常出现以下情况：这个元素高度怎么没了？这两栏布局怎么没法自适应？这两个元素的间距怎么有点奇怪的样子？......原因是元素之间相互的影响，导致了意料之外的情况，这里就涉及到BFC概念BFC（BlockFormattingContext），即块级格式化上下文，它是页面中的一块渲染区域，并且有一套属于自己的渲染规则：内部的盒子会在垂直方向上一个接一个的放置对于同一个BFC的俩个相邻的盒子的margin会发生重叠，与方向无关。每个元素的左外边距与包含块的左边界相接触（从左到右）
其他
Web前端 研发模式演变过程

Web前端 研发模式演变过程

一、简单明快的早期时代可称之为Web1.0时代，非常适合创业型小项目，不分前后端，经常3-5人搞定所有开发。页面由JSP、PHP等工程师在服务端生成，浏览器负责展现。基本上是服务端给什么浏览器就展现什么，展现的控制在WebServer层。这种模式的好处是：简单明快，本地起一个Tomcat或Apache就能开发，调试什么的都还好，只要业务不太复杂。然而业务总会变复杂，这是好事情，否则很可能就意味着创业失败了。业务的复杂会让Service越来越多，参与开发的人员也很可能从几个人快速扩招到几十人。在这种情况下，
其他
高质量前端快照方案：来自页面的「自拍」

高质量前端快照方案：来自页面的「自拍」

1.背景将网页保存为图片（以下简称为快照），是用户记录和分享页面信息的有效手段，在各种兴趣测试和营销推广等形式的活动页面中尤为常见。快照环节通常处于页面交互流程的末端，汇总了用户最终的参与结果，直接影响到用户对于活动的完整体验。因此，生成高质量的页面快照，对于活动的传播和品牌的转化具有十分重要的意义。本文基于云音乐往期优质活动的相关实践（例如「关于你的画」、「权力的游戏」和「你的使用说明书」等)，从快照的内容完整性、清晰度和转换效率等多个方面，讨论将网页转换为高质量图片的实践探索。2.适用
下拉加载更多
最新文章
更多