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

<h2 id="_1">本文主要内容</h2> <ul> <li> <p>拖拽</p> </li> <li> <p>历史</p> </li> <li> <p>地理位置</p> </li> <li> <p>全屏</p> </li> </ul> ...

<h2 id="_1">本文主要内容</h2> <ul> <li>列表标签：<code>&lt;ul&gt;</code>、<code>&lt;ol&gt;</code>、<code>&lt;dl&gt;</code></li> <li>表 ...

<h2 id="_1">前端面试（前言）</h2> <h3 id="_2">面试基础</h3> <ul> <li> <p>页面布局</p> </li> <li> <p>CSS盒模型：是CSS的基石。</p> </li> <li> <p>DO ...

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

<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="dom">动态创建DOM元素的三种方式</h2> <ul> <li> <p><code>document.write();</code> 不常用，因为容易覆盖原来的页面。</p> </li> <li> <p><code>in ...

<h2 id="dom">DOM操作练习</h2> <h3 id="1">举例1：点击按钮时，显示和隐藏盒子。</h3> <p>代码实现：</p> <pre class="codehilite"><code class="language- ...

<h2 id="nodejs-api">Node.js 的官方API文档</h2> <ul> <li> <p>Node.js 的API文档（英文）： <a href="https://nodejs.org/docs/latest-v8.x/ ...