总结关于前端性能注意点

 css如何垂直居中一个元素的问题已经是一个老生常谈的问题了。不管对于一个新手或者老手，在面试过程中是经常被问到的。前两天在看一个flex的视频教程，当中提到了有关元素的居中问题，所以今天小编就来扒一扒几种常见的方式。不足之处请大家批评指正（所有的代码都是自己亲手敲过可用的）1、水平居中（margin:0 auto;）　　　　关于这个，大家应该是最不陌生的,不管是在培训班还是自己自学的话 。这个应该是老师讲的第一个方法了（水平方向上），但是其有一个前提，就是被包裹的元素不能有浮动的属性。否则的话这个属性就会失效。具体如下图代码：<style> body{margin: 0;}

1. 详解CSS3页面布局浏览器兼容与前端性能优化方法

简介：这篇文章详解css中元素如何在其父元素居中显示方法

2. 在HTML5中如何提高网站前端性能的示例代码分析

简介：1. 用web storage替换cookiesCookie最大的问题是每次都会跟在请求后面。在HTML5中，用sessionStorage和localStorage把用户数据直接在客户端，这样可以减少HTTP请求的数据量。而且Web storage还提供了API来操作数据，不像cookie，还得自己写。 // if localStorage is present, use th

3. JavaScript事件高性能编写的实例代码

简介：如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题。几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍，轰动了整个web开发技术界，让神秘的web前端优化问题成为了大街的白菜，web前端优化变成了菜鸟和大牛都能回答的简单问题，当整个业界都知道了惊天秘密的答案，那么现有的优化技术已经不能对你开发的网站产生的质的飞越，为了让我们开发的网站性能比别人的网站更加优秀，我们需要更加深入的独立思考，储备更加优秀的..

4. HTML前端性能优化之CDN和WPO的比较说明

简介：这篇文章介绍HTML前端性能优化之CDN和WPO的比较说明

5. CSS3浏览器兼容

简介：本篇文章主要介绍了CSS3与页面布局学习总结——浏览器兼容与前端性能优化 ，具有一定的参考价值，有需要的可以了解一下。

6. 使用HMTL5 API监控前端性能

简介：用户计时API可以在网页应用中测量两个预定义标记之间的性能。开发者仅仅需要分别定义测量的开始和结束标记。可以通过JavaScript对象“”提供的函数，对计时位置进行标记。

7. 关于编写性能高效的javascript事件的技术

简介：如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题。几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍，

8. 【面试季二】前端性能优化_html/css_WEB-ITnose

简介：【面试季二】前端性能优化

9. Web前端性能优化_html/css_WEB-ITnose

简介：Web前端性能优化

10. 【前端性能】高性能滚动 scroll 及页面渲染优化_html/css_WEB-ITnose

简介：【前端性能】高性能滚动 scroll 及页面渲染优化

【相关问答推荐】：

前端性能 - javascript如何判断页面的性能

javascript - 页面有大量的广告代码，应该如何处理以提高页面前端性能？

javascript - 前端被问到性能和安全，有总结的比较全面的吗？

javascript - 关于ajax缓存的问题？

javascript - 关于前端性能优化和浏览器兼容性，谁有好的资料共享么？