React服务端渲染框架Next.js入门教程
<h1 id="react服务端渲染框架nextjs入门教程">React服务端渲染框架Next.js入门教程</h1><p>https://www.bilibili.com/video/BV13441117KK *1</p>
<p>01节_Next.js简介和手动创建项目<br>
02节_creat-next-app快速创建项目<br>
03节_Next.js的Page和Conponent使用<br>
04节_路由的标签跳转和编程跳转<br>
05节_路由跳使用query传递参数和接受参数<br>
06节_路由的6个钩子事件</p>
<p>//routeChangeStart<br>
//routeChangeComplete<br>
//beforeHistoryChange<br>
//routeChangeError<br>
//hashChangeStart<br>
//hashChangeComplete</p>
<pre><code class="language-,(">Router.events.on('routeChangeStart',()=>{})
</code></pre>
<p>07节_在getInitialProps中用Axios获取远端数据<br>
08节_使用Style JSX编写页面的CSS样式</p>
<pre><code class="language-re"><style jsx>
{
`
div{color:blue;}
`
}
</style>
</code></pre>
<p>09节_LazyLoading实现模块懒加载</p>
<pre><code class="language-js">import dynamic from 'next/dynamic'
next 动态加载_LazyLoading实现模块懒加载 组件
js import('') 动态加载js lazy
</code></pre>
<p>_10节_自定义Head更加友好的SEO操作</p>
<p>自定义head标签组件 加入</p>
<p>11节_在Next.js框架下AntDesignUI的使用<br>
12节_Next.js打包中的那些坑</p>
<p>2019</p>
<p>next9react16.9</p>
<p>Xiaojiejie.getInitialProps</p>
<p>引入库和css 在next.config.js</p>
<p>.babelrc 配置</p>
<p>_app.js 引入css app</p><br><br>
来源：https://www.cnblogs.com/KooTeam/p/18606607
頁:
[1]