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

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

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

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

<h2 id="nodejs-mysql">Node.js 连接 MySQL</h2> <p>（1）安装 mysql 包：</p> <pre class="codehilite"><code class="language-bash">$ ...

<h2 id="todo">todo</h2> <ul> <li> <p>rpc 和 Node.js 的关系</p> </li> <li> <p><a href="https://mp.weixin.qq.com/s/uWeAsJ-P253 ...

<h2 id="_1">模版引擎</h2> <h3 id="_2">引入</h3> <p>我们在使用ajax请求数据时，返回的如果是一个 JSON 格式的字符串，我们需要将其包装到对应的HTML代码中，再添加到页面上，才能看到效果。那么这个 ...

<h2 id="ajax-json">Ajax 传输 JSON</h2> <h3 id="json">JSON 的语法</h3> <p>JSON(JavaScript Object Notation)：是 ECMAScript 的子集。作用 ...