<h2 id="_1">浏览器的渲染机制</h2> <p>我们需要先理解浏览器的渲染经历了哪些过程，才能有针对性的进行相关优化。</p> <p>掌握浏览器的渲染优化，可以说是前端工程师的一个分水岭。如果想要具备架构师的思维，需要达到什么样的 ...

<h2 id="_1">前端性能优化认知</h2> <h3 id="_2">什么是前端性能优化</h3> <p>通常来讲，前端性能优化是指：从用户开始访问网站到整个页面完整地展现出来的过程中，通过各种优化策略和优化方法，让页面加载得更快，让 ...

<h2 id="_1">图片格式和应用场景</h2> <h3 id="jpeg">JPEG 格式</h3> <p>JPEG（Joint Photographic Experts Group）是一种针对彩色照片而广泛使用的有损压缩图形格式，属 ...

<p>8年4月份 </p><h3 id="2018-04-25">2018-04-25</h3> <ul> <li>userAgent相关：<a href="http://www.cnblogs.com/7z7chn/p/5370352.h ...

<h2 id="_1">前言</h2> <p><strong>渲染机制</strong>包括的内容：</p> <ul> <li> <p>什么是DOCTYPE及作用</p> </li> <li> <p>浏览器渲染过程。面试经常会问：在浏览器中 ...

<h2 id="_1">前言</h2> <p>京东是典型的电商类网站，学习这个网站的制作比较有价值。我们准备用WebStorm进行开发。</p> <p>京东首页的截图为：<a href="http://img.smyhvae.com/201 ...

<p>我们在上一篇文章中制作的网页最顶部的导航，是属于网页导航。</p> <p>本文中，Banner图上方的导航，叫做<strong>快捷导航</strong>（shortcut）。</p> <h2 id="_1">快捷导航的骨架</h2> ...

<h2 id="_1">本文重点</h2> <ul> <li>CSS的继承性</li> <li>CSS的层叠性<ul> <li>计算权重</li> <li>权重问题大总结</li> <li>CSS样式表的冲突的总结</li> </ul> < ...

<h2 id="bootstrap">Bootstrap 介绍</h2> <p>Bootstrap 是非常流行的前端框架。特点是：灵活简洁、代码优雅、美观大方。它是由Twitter的两名工程师 Mark Otto 和 Jacob Thorn ...

<h2 id="_1">本文主要内容</h2> <ul> <li>CSS 概述</li> <li>CSS 和 HTML 结合的三种方式：<code>行内样式表</code>、<code>内嵌样式表</code>、<code>外部样式表</c ...