摘要：测试文字若子元素定高，结合绝对定位的盒模型属性，实现居中效果测试文字关于增加层级的说明在水平居中对齐中，元素外层套一层并设置，元素设置负或者的负属性，可以实现水平居中的效果。 行高line-height实现单行文本垂直居中 以前一直认为单行文本垂直居中要将高度和行高设置成相同的值，但高度其实没必要设置。实际上，文本本身就在一行中居中显示。在不设置高度的情况下，行高撑开高度。 .tes...
摘要：任何方向上都不重复只让背景图片显示一次。，背景图片就会以段落的中心点为起点。第一个值表示水平位置，第二个值表示垂直位置。拉大图片，使其完全填满背景区保持宽高比。提示渐变是帮我们生成的背景图片。 在CSS里面，每个元素盒子都可以想象成由两个图层组成。 前景层：内容（如文本或图片）和边框。 背景层：用实色填充（使用 background-color 属性），也可以包含任意多个背景图片（...
前言 在学习前端的过程中，大家都会对浏览器这个神秘的盒子感到好奇从输入一串url到页面解析渲染完成，浏览器都干了些啥？ 直观展示 为了更好的理解这个过程，我们使用一个工具来帮助我们Chrome自带的开发工具中的performance（老版本和其他浏览器为timeline） showImg(https://segmentfault.com/img/bVbswbe?w=1338&h=920); 点击录...
摘要：中一共有五种数组遍历迭代方法，它们都会对数组中每个元素执行一些业务，且都不会修改原数组，这些方法包括如果该函数任意一项返回，则返回，如果全部返回则最终返回如果该函数每一项都返回，则返回，否则返回会返回一个新数组，该数组是由满足条件的任意项组 ES5中一共有五种数组遍历（迭代）方法，它们都会对数组中每个元素执行一些业务，且都不会修改原数组，这些方法包括： 1、some() 如果该函数任意...
摘要：今天我们来聊聊前端的监控我们为什么需要前端监控为了获取用户行为以及跟踪产品在用户端的使用情况，并以监控数据为基础，指明产品优化方向前端监控分为三类性能项目数据监控异常监控性能监控衡量前端的性能的指标是时间那么如何监测时间呢，浏览器给我们提 今天我们来聊聊前端的监控 我们为什么需要前端监控 ？ 为了获取用户行为以及跟踪产品在用户端的使用情况，并以监控数据为基础，指明产品优化方向 前端监控...
