摘要：在页面布局过程中，会遇到一件匪夷所思的事情。明明我设置的宽度是100px，但实际情况却并不如我所愿。后来认识了box-sizing后，才解决了这个头疼的问题。 box-sizing:允许以特定的方式定义匹配某个区域的特定元素。 语法 这是由 CSS2.1 规定的宽度高度行为。 宽度和高度分别应用到元 阅读全文

摘要：在写代码的过程中过多的使用if else会使代码看上去很拖沓，这个时候我们可以用三元运算符来替代，会使我们的代码更简洁。 用法实例：flag?a:b; flag即为判断条件，判断结果为Boolean型，为true时，调用结果为a；为false时，调用结果为b。简单来说就是如果判断为真执行a，否则执行 阅读全文

摘要：media query即媒体查询,是响应式布局不可获缺的一部分。 CSS3中的media query增加了更多的媒体查询，这样在CSS3中我们可以在不改变页面表达内容的情况下，添加各种表达式来设置不同类型的媒体条件，来调整页面布局来适应各种不同设备。 media query有两种设置方式： 1.直接 阅读全文

摘要：DNS Prefetch是一种DNS预解析技术，也是前端优化的一部分。当我们在浏览网页时，浏览器会在加载网页时，对网页中的域名进行解析缓存，这样在我们点击当前网页中的连接时就无需进行 DNS 的解析，减少用户等待时间，提高用户体验。 设置方式： 如果要浏览器端对特定的域名进行解析，通过以下两种方式实 阅读全文