<p>我们采用 Bootstrap 网站的图标字体，作为播放器的按钮图标。</p> <p>index.html的代码如下：</p> <pre class="codehilite"><code class="language-html">&l ...

<h2 id="_1">本文主要内容</h2> <p>字体标签： <code>&lt;font&gt;</code>、 <code>&lt;b&gt;</code>、 <code>&lt;u&gt;</code> 、<code>&lt;su ...

<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>性能指标：我们在性能优化过程中可以参考的标准。这些标准都是业界或者前人总结出来的指导性经验。我们可以参考这些指标，去指导我们自己的优化。</p> <h3 id="_2">打 ...

<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> ...

<p>本文列出了很多与前端有关的常见网站、博客、工具等，整体来看比较权威。有些东西已经过时了，我就不列出来了。学是一方面，也是最主要的方面；但还有一个作用，比如，“这个前端框架你都不知道啊”、“这个前端大牛你都没听说过啊” ，此时，这份清单 ...

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