前端笔试问题整理
一、如何对网站的文件和资源进行优化
- 文件合并(目的是减少http请求),减少http的请求方案主要有合并javascript和CSS文件、css sprites(这个方法主要是把你网站用的图片整合起来统一管理,所以只需向服务器请求一次就好)、图像映射和使用Data URI来编码图片。
- 文件压缩,目的是减少下载体积。
- 使用CDN(内容分分发网络)来托管。CDN基本思路是通过在网络各处放置节点服务器所构成的现有互联网基础之上的智能虚拟网络,CDN网络能够实时根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。
- 缓存的使用(并且多个域名来提供缓存)
- GZIP压缩你的JS和CSS文件。
二、box-sizing:boder-box的好处
box-sizing属性,允许您以特定的方式定义匹配某个区域的特定元素。box-sizing属性有三个属性值
content-box | 这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框 |
border-box | 为元素设定的宽度和高度决定了元素的边框盒。就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 |
inherit | 规定应从父元素继承 box-sizing 属性的值。 |