<h2 id="_1">访问关系的函数封装</h2> <p>（1）函数封装</p> <p>新建一个文件名叫<code>tools.js</code>，然后在里面封装访问关系。代码如下。</p> <p>tools.js:</p> <pre c ...

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

<h2 id="_1">模块化开发的引入</h2> <h3 id="js">JS开发的弊端</h3> <p>JS 在使用时存在两大问题，而 Node.js 可以很好地避免这两个问题：</p> <ul> <li> <p>文件依赖。比如 a 文 ...

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

<h2 id="nodejs-nodejs">Node.js 运行环境配置：通过 Node.js 安装包（不推荐）</h2> <p>去 Node.js 的<a href="https://nodejs.org/en/">官网</a>下载安装 ...

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

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

<p>京东网页上，可以看到下面这种tab栏的切换：</p> <p><img alt="" src="http://img.smyhvae.com/20180128_1750.gif"/></p> <p>我们把模型抽象出来，实现一下。</p> ...

<h2 id="amd">AMD的基本语法</h2> <h3 id="amd_1">AMD的概念</h3> <p><strong>AMD</strong>（Asynchronous Module Definition）：异步模块定义。AMD ...

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