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

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

<h2 id="_1">单线程</h2> <p>JavaScript 语言和执行环境是<strong>单线程</strong>。即同一时间，只能处理一个任务。</p> <p>具体来说，所谓单线程，是指 JS 引擎中负责解释和执行 JavaS ...

<blockquote> <p>本文最初发表于<a href="">博客园</a>，并在<a href="https://github.com/smyhvae/Web">GitHub</a>上持续更新<strong>前端的系列文章</str ...

<h2 id="jsx">JSX介绍</h2> <h3 id="jsx_1">JSX的引入</h3> <p>如果直接让用户通过 JS 代码手动创建DOM元素，肯定是非常麻烦的。</p> <p>于是，React 官方就提出了一套 JSX 语法 ...

<h2 id="_1">父组件向子组件传值</h2> <p>我们可以这样理解：Vue实例就是一个<strong>父组件</strong>，而我们自定义的组件（包括全局组件、私有组件）就是<strong>子组件</strong>。</p> < ...

<h2 id="_1">介绍</h2> <ul> <li> <p><a href="https://cn.vuejs.org/v2/guide/instance.html#实例生命周期">vue实例的生命周期</a>：从Vue实例创建、运行 ...

<h2 id="_1">组件的生命周期</h2> <p>在组件创建、到加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件统称为组件的生命周期。</p> <h2 id="_2">生命周期的阶段< ...

<h2 id="_1">前言</h2> <p>本文主要内容：</p> <ul> <li> <p>v-model</p> </li> <li> <p>v-for</p> </li> <li> <p>v-if</p> </li> <li> <p ...

<h2 id="domdiff">虚拟DOM和diff算法</h2> <blockquote> <p>在学习 React 之前，我们需要先了解两个概念：虚拟DOM、diff算法。</p> </blockquote> <h3 id="dom" ...