性能优化:
缓存(cache):使用版本号更新缓存。
Yslow插件:分析网站,查找哪里有问题
高性能网站建设指南。
Tcpip,网络协议:
响应层-->传输层-->网络层-->物理层-->物理层-->网络层-->传输层-->响应层
HTTP是属于响应层协议。
浏览器,请求信息包含:
1.请求行,2.请求头,3.空行,4.请求消息体。
浏览器,响应信息状态行:
1.状态码(200,304,400,500),2.响应头(编码集,服务器时间),3.空行,4.响应消息体。
HTTP有两个版本:1.0是兼容IE, 1.1是最新版本
DNS:域名解析服务器,域名是网址,域名服务器越快,解析越快。
回流:当元素标签改变了样式会影响到其他元素,就是回流。改变颜色不会回流,少回流可优化性能。
移动开发
布局:一列或两列,文字大,图标大。
响应式:不同的分辨率访问相同的网页,根据分辨率显示不同的效果。
1.超大屏:1920*1080以上
2.中屏:1000-1920 普通电脑
3.小屏:768-1000,平板
4.超小屏:768以下,手机
CSS媒体查询:
Mediaquery
导入式:和CSS导入一样,link.css
关键字:@media
@media screen and(min-width:1200px) //最小宽度1200
min-width:最小宽度
max-width:最大宽度
CSS里的px在pc上1px等于1px,但在手机上可能2-3倍.
物理像素:手机
独立像素:CSS
Viewport设置:
<meta name="viewport" content="width" initial-scale=1>
框架设置响应式:Bootstrap
<meta http-equiv="x-ua-corapatible" content.IE=edge>