<h2 id="_1">同步和异步回顾</h2> <h3 id="_2">同步和异步的简单理解</h3> <ul> <li> <p>同步：必须等待前面的任务完成，才能继续后面的任务。</p> </li> <li> <p>异步：不受当前任务的 ...

<h2 id="defaultprops-prop-types">defaultProps 和 prop-types</h2> <h3 id="defaultprops">使用 defaultProps 设置组件的默认值</h3> <p>R ...

<h2 id="_1">前言</h2> <blockquote> <p>我们接着上一篇文章01-04来讲。</p> </blockquote> <h3 id="_2">过滤器的概念</h3> <p><strong>概念</strong>：V ...

<h2 id="_1">前言</h2> <p>动画的作用：提高用户的体验，帮助用户更好的理解页面中的功能。</p> <h2 id="_2">使用过渡类名实现动画</h2> <h3 id="_3">官方文档的截图</h3> <p>过渡类名如下 ...

<h2 id="react">React路由的使用</h2> <p>使用React路由之前，我们需要先安装 <code>react-router-dom</code>这个包。比如：</p> <pre class="codehilite">< ...

<h2 id="_1">前言</h2> <blockquote> <p>CSS已经学了一些基础内容了，我们来讲解一个小案例吧。以<a href="http://www.boyaa.com/">博雅互动</a>的官网首页举例。</p> </b ...

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

<h2 id="css3">CSS3介绍</h2> <p>CSS3在CSS2基础上，<strong>增强</strong>或<strong>新增</strong>了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。 ...

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

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