码云 React.js教程 P36:如何部署博客到公网 部署这套博客有很多种方法,也可以自动化部署。但你如果想学会部署,并且不花什么钱的的话... egg.js Linux MySQL Nginx node npm PM2 个人博客 博客
码云 React.js教程 P34:后台管理系统开发13-实现删除文章功能 在上节我们完成了实现左侧菜单的文章列表功能,但是列表就是为了更方便的管理博客文章,本... axios React react实战 router 删除文章
码云 React.js教程 P33:后台管理系统开发12-实现左侧菜单的文章列表功能 目前已经可以添加博客文章了,然后我们需要作一个文章列表,方便我们后续的删除和修改操作... axios React react实战 useEffect()
码云 React.js教程 P32:后台管理系统开发11-实现添加文章的方法 本文主要内容是把文章中的内容添加到数据库中,内容虽然比较多,但是很多知识我们已经熟悉... axios React react实战
码云 React.js教程 P30:后台管理系统开发09-实现中台路由守卫 通过上篇文章我们的博客系统已经可以登录了,并且登录后,我们生成了session,通过... credentials egg.js middleware React react实战 session
码云 React.js教程 P31:后台管理系统开发10-读取添加文章页面的类别信息 上节我们把后台添加文章的 UI 和守卫都已经做好了,那本文将制作从后台开一个读取文章... antd axios React react实战 router useState()
码云 React.js教程 P29:后台管理系统开发08-实现后台登录功能 在上篇文章我们已经把后台的登录接口和数据库制作好了,本文就带大家主要实现前台和后台的... axios config.cors React react实战 router 后台登录
码云 React.js教程 P28:后台管理系统开发07-service登录接口编写 通过上几节的开发我们已经有了最基础的后台页面,接下来就可以作后台登录的业务逻辑制作了... async await ctx MD5 MySQL React react实战
码云 React.js教程 P27:后台管理系统开发06-Markdown编辑器制作 界面制作好以后,就可以自己制作一个 Markdown 编辑器,这里我设计的也没那么麻... Markdown marked onChange React react实战 useState()
码云 React.js教程 P26:后台管理系统开发05-添加文章页面UI制作 大体的 UI 架构确定下来以后,就可以制作里边的业务逻辑页面了,第一个要作的页面是添... exact Markdown React react实战 前端教程 博客 博客主题
码云 React.js教程 P25:后台管理系统开发04-后台首页UI框架搭建 登录页面的 UI 制作完成了,当登录成功后,我们会跳转到博客的后台管理页面,这个页面... Ant Desgin antd React React Hooks react实战 useState() 个人博客 布局
码云 React.js教程 P24:后台管理系统开发03-登录界面UI制作 本文带大家正式编写界面了,我们第一个界面就是登录,因为后台管理的一切都要求我们登录后... antd React React Hooks useState()
码云 React.js教程 P23:后台管理系统开发02-页面路由配置 开发环境搭建好以后,接下来就可以设置路由了。路由的设置相当简单,所以本文内容也不会太... React react-router-dom react实战 router
码云 React.js教程 P22:后台管理系统开发01-开发环境搭建 前台的主要功能我们已经开发完成了,接下来我们开始制作后台博客的管理界面。后台将采用R... Ant Design React React Hooks react实战
码云 React.js教程 P21:如何使前台所有页面都支持Markdown解析 目前我们对博客文章的主要功能已经开发完了,并且你也可以看到文章详细页面也支持了Mar... highlight.js Markdown marked React react实战
码云 React.js教程 P20:前台文章列表页2-根据类别读取文章列表 现在已经可以进入到文章列表页,但是列表页的内容目前还是静态的。我们的意愿是根据文章类... getInitialProps useEffect() useState()
码云 React.js教程 P19:前台文章列表页-接口模块化和读取文章分类 从本文开始,要制作一下文章列表页的前中台结合。由于接口越来越多,现在这样零散的管理非... React react实战 router useEffect() useState()
码云 React.js教程 P18:重构前台博客详细页面的文章导航 重构后前台详细页的文章导航部分出现了错误提示,这个主要是我们选择的markdown-... markdown-navbar renderer tocify.tsx 个人博客 博客
码云 React.js教程 P17:利用marked+highlight.js重构前台文章详细页面 之前我们在博客文章详细页使用了react-markdown模块,但是这个插件的配置项... highlight.js Markdown marked react-markdown react实战
码云 React.js教程 P14:前中台结合1-前台读取首页文章列表接口 现在数据库、表和接口我们都已经完成了,这集可以试着从数据接口获得数据,显示在页面上了... async await Promise 数据库
码云 React.js教程 P13:中台搭建5-数据库设计与首页接口制作 现在已经可以连接数据库了,我们现在就要好好设计一下数据库结构,把文章的表和类别的表建... React react实战 router 数据库
码云 React.js教程 P12:中台搭建4-Egg.js中连接mysql数据库 本文主要是讲解一下 Egg.js 中使用 mysql 数据库,那需要你的 mysql... egg-mysql egg.js 数据库
码云 React.js教程 P11:中台搭建3-RESTful API设计简介和路由配置 我们的所有数据的获得和业务逻辑的操作都是通过中台实现的,也就是说中台只提供接口,这里... egg.js React react实战 RESTful
码云 React.js教程 P09:中台搭建1-安装egg.js开发环境 博客系统的服务端(或者叫做中台),采用Koa的上层框架egg.js,所谓上层框架就是... egg.js Koa React react实战
码云 React.js教程 P08:博客详细页面制作 本文主要做一下博客前台的详细页面,详细页做的主要的一点是对Markdown语法的解析... Markdown markdown-navbar React react-markdown react实战 固钉
码云 React.js教程 P05:博主介绍组件开发 博客的文章列表有了,接下来开始完善博客右侧的功能,右侧的绝大部分都是需要在其他页面复... antd React react实战 个人博客 博客 图标
码云 React.js教程 P04:通过List组件制作博客列表页 左右两边的基本布局完成后,需要对列表的单元项进行制作,也就是首页列表中的每一项。这个... antd Markdown useState() 个人博客 博客
码云 React.js教程 P01:前端基础开发环境搭建 我们先完成博客的前端界面的制作,主要完成的功能就是用户的访问,文章列表和文章详情页面... antd create-next-app Next.js react实战 个人博客 博客
码云 React.js教程 P10:Next.js教程-如何使用Ant Design UI 如何在 Next.js 框架下使用 Ant Design,是我们每个前端人必会的,所... Ant Design antd Next.js Next.js教程 Next框架 Style jsx
码云 React.js教程 P09:Next.js教程-如何使用和自定义Head 对SEO更友好 既然用了Next.js框架,你就是希望服务端渲染,进行 SEO 操作。那为了更好的进... Next.js Next.js教程
码云 React.js教程 P08:Next.js教程-Lazy Loading实现模块懒加载 当项目越来越大的时候,模块的加载是需要管理的,如果不管理会出现首次打开过慢,页面长时... LazyLoading Moment.js Next.js Next.js教程 懒加载
码云 React.js教程 P07:Next.js教程-使用Style JSX编写页面的CSS样式 在Next.js中引入一个 CSS 样式是不可以用的,如果想用,需要作额外的配置。因... Next.js Next.js教程 Style jsx
码云 React.js教程 P06:通过getInitialProps方法用Axios获取远端数据 在Next.js框架中提供了getInitialProps静态方法用来获取远端数据,... axios componentDidMount getInitialProps Next.js Next.js教程
码云 React.js教程 P05:Next.js教程-路由的六个钩子事件 路由的钩子事件,也就是当路由发生变化时,可以监听到这些变化事件,执行对应的函数。它一... beforeHistoryChange hash hashChangeComplete hashChangeStart history Next.js教程 routeChangeError routerChangeComplete routerChangeStart
码云 React.js教程 P04:Next.js教程-路由跳转时用query传递和接受参数 项目开发中一般都不是简单的静态跳转,而是需要动态跳转的。动态跳转就是跳转时需要带一个... Next.js Next.js教程 query withRouter
码云 React.js教程 P03:Next.js教程-路由基础和基本跳转 学完如何编写组件和页面后,下一步应该了解的就是路由体系,每个框架都有着不同的路由体系... Next.js Next.js教程 router
码云 React.js教程 P02:Next.js教程-如何新建Page页面和Component组件 新建页面和访问路径 直接在根目录下的pages文件夹下,新建一个mybj.js页面。... Next.js Next.js教程 Next框架
码云 React.js教程 P01:Next.js教程-Next.js简介和创建项目 Next.js 简介 Next.js 是一个轻量级的 React 服务端渲染应用框架... create-next-app Next.js Next.js教程 React React Hooks
码云 React.js教程 P10:自定义Hooks函数获取窗口大小 其实自定义 Hooks 函数和用 Hooks 创建组件很相似,跟我们平时用 Java... Hooks React Hooks useCallback useEffect() useMemo useState()
码云 React.js教程 P09:useRef获取DOM元素和保存变量 useRef在工作中虽然用的不多,但是也不能缺少。它有两个主要的作用: 用useRe... useContext useEffect() useRef useState()
码云 React.js教程 P08:useMemo优化React Hooks程序性能 useMemo主要用来解决使用 React hooks 产生的无用渲染的性能问题。使... React Hooks useCallback useMemo
码云 React.js教程 P07:用useReducer实现Redux效果的小案例 在实际使用中,useContext和useReducer是可以实现类似Redux的效... dispatch redux useContext useReducer
码云 React.js教程 P06:useReducer介绍与使用方法 在之前的文章我们学习了useContext函数,那本文就带大家学习一下useRedu... React Hooks Redcuer redux useContext useReducer
码云 React.js教程 P05:useContext 让父子组件传值更简单 有了useState和useEffect已经可以实现大部分的业务逻辑了,但是Reac... React Hooks redux useContext useEffect() useReducer useState() 父子组件传值
码云 React.js教程 P04:useEffect 实现 componentWillUnmount生命周期函数 在写 React 应用的时候,在组件中经常用到componentWillUnmoun... componentWillUnmount React Hooks React Router useEffect() 生命周期函数
码云 React.js教程 P03:useEffect代替常用生命周期函数 在用Class制作组件时,经常会用生命周期函数,来处理一些额外的事情(副作用:和函数... componentDidMount componentDidUpdate Hooks React Hooks state useEffect()
码云 React.js教程 P02:useState() 的介绍和多状态声明 useState 的介绍 useState是 react 自带的一个 hook 函数... Hooks React React Hooks useState()
码云 React.js教程 P01:React Hooks介绍及环境搭建 React Hooks 简介 2018 年底 FaceBook 的 React 小组... Component Hooks React React Hooks
码云 React.js教程 P06: 如何根据后台接口动态获取路由并进行配置 通过上节做的小案例,我们对React Router也有了更加清楚的了解。有时候做一个... map React React Router router
码云 React.js教程 P05: 实例-ReactRouter嵌套路由 本文主要讲的是 ReactRouter 嵌套路由,这种路由形式在互联网上也是比较常见... React Router 嵌套路由
码云 React.js教程 P04: ReactRouter路由重定向-Redirect使用 个人认为Redirect(重定向),就掌握基本的两个知识点就可以了: 标签式重定向:... React Router Redirect重定向 标签式重定向 编程式重定向