React实战技术博客系统

机会是留给有准备的人的，高考准备报志愿是一场匆忙的准备，现在准备春招也是一次匆忙的准备。

自从在学编程，每天都在怀疑自己是笨蛋吧

关于更新换代快是从Next.js中感受到的,也可能并没有很快吧，但是创建项目后的目录相比一年前发生了一些变化，且Next.js现在也支持内置css的引入了（我现在会引入全局的，和标签选择器的，其他选择器的还不知道如何引入）
1.关于css引入，如果是想使用antd的组件，首先在pages/_app.js中全局引入import 'antd/dist/antd.css'，然后再在需要使用组件的地方，引入相关组件就可以使用了。（不要使用babel-plugin-import插件，会出现一系列奇奇怪怪的错误，绝了本来这样引入是可以的，然后尝试用babel-plugin-import按需加载，然后。。。浪费好多时间）
怎么用看文档
https://www.nextjs.cn/docs/basic-features/built-in-css-support

2，适配终端：适配终端使用Ant Design提供的24格栅格化的技术进行布局。
使用Next似乎无法对antd预定样式进行修改。
3.为什么要引入react呢 在next.js 中不引入react也可以写入标签展示页面呀

目前为止的构建思路：写好了组件Header，每个页面都要用到，然后在每个页面中加入Header组件

4.markdown-navbar的第一个没办法显示出来，是组件的问题。技术胖后来是用ant design的ant-anchor做的。

5.get请求可以带参数，不安全

编写代码接收并解析POST请求，这样最基本的功能其实是不用我们自己写的，一定有造好的轮子让我们使用，koa-bodyparser就是一个造好的轮子。我们在koa中把这种轮子就叫做中间件。koa-bodyparser中间件可以把koa2上下文的formData数据解析到ctx.request.body中。

const Koa  = require('koa');

引入koa
6.基本路由方式是根据路由的不同返回不同的页面
7.所有数据的获得和业务逻辑的操作都是通过中台实现的，也就是说中台只提供接口.
8.next.js前台的index.js直接3000访问
9.promise用在异步获取数据上。
10.在next中只能通过getInitialProps远程获取数据，用了别人的框架，要遵守别人的约定。然后把得到的数据传递给页面组件，就可以渲染到页面中了。
11.原来在egg中是取出服务器中的数据然后就是接口了嘛
12.文件夹命名带有空格可能会导致报错，但不影响运行

13.usestate useEffect是react的新特性
14.404一般是因为路由没配好
3000是访问index.js 文件中的内容
3000是首页 最新日志
list比首页多一个视频列表
detailed才是详细的内容
15左连接：返回包括左表中的所有记录和右表中连接字段相等的记录。
16react hooks+antd 单页应用
前后端分离 有一个中台进行处理
code
17 路由守卫
路由守卫/路由鉴权：用户必需登录以后再跳转用户中心页面，相当于判断用户是否登录，若没有，当用户点击用户中心的时候，跳转到的是另一个页面（让用户登录），路由守卫就是处理这个事情的。