aiuzi的博客

一、为什么要优化移动端提升用户体验移动端网络速度慢移动端设备性能低二、性能优化策略分类1. 网页资源请求与加载类2. 网页渲染类3.js脚本类三、访问网站的过程输入网站的域名，不可能直接就直接访问到服务器，要寻找他的IP地址，只有找到IP地址才能直到服务器，IP地址和域名有一个映射关系通过DNS解析找到目标服务器找到目标服务器之后，浏览器端和服务器之间建立连接，服务器会收到浏览器端发出的请求，将响应数据发送到用户浏览器浏览器处理从服务器端发来的响应数据，完成网页的渲染呈现

一、HTML:ie版本：不兼容header、footer，可以在其中引入 https://github.com/aFarkas/html5shiv移动端：H5大部分都兼容二、JS：做特性检测，不要做浏览器检测前缀var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame|| window.mozRequestAnimationFr

1. 间隙问题，经常出现在块级元素包裹块级元素，img包裹img会出现的问题原因：内联元素她的默认的对齐方式是基于基线对齐的，vertical-align:baseline并不是和底部对齐，所以底部会出现一点点间隙；另一个原因是父级元素她默认的行高也是会影响到。解决方法：暴力解决：浮动（可能导致父元素高度为0，造成塌陷的情况，注意父元素要清除浮动）转换为块级元素（display:block）定位（脱离文档流，注意父元素塌陷，定位完全脱离父元素，清除浮动没用）对的本质解决方法：

浮动与定位1. 使用浮动要注意什么？浮动有哪些性质？【注意】使用浮动，父盒子必须有足够的空间容纳子盒子，不然子盒子会掉下来要浮动就一起浮动，只要有一个兄弟盒子浮动了，其他所有的兄弟元素都要一起浮动【性质】顺序贴靠性，三个盒子都左浮动，三号盒子会优先贴靠二号盒子，如果父盒子空间不够，则二号盒子会掉下来，贴靠一号盒子的边；如果贴不到一号盒子的边，则回贴靠父盒子浮动会使盒子脱离标准文档流，无论是块级元素还是行内元素，只要设计了浮动，他就可以设置宽和高2.如何清除浮动【清除浮动】清除浮