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.如何清除浮动 【清除浮动】 清除浮