qq_25047599的博客

第1章 课程简介 本章节介绍了课程概述，教学方式 ，还有小程序项目的演示。 1-1 课程简介 1-2 github 获取源码 1-3 github 桌面版简单管理代码 1-4 git 命令行的使用 1-5 mpvue 和 wepy 区别 第2章 原生小程序 对原生小程序做一个入门的介绍，包括小程序帐号申请和开发工具安装和使用，小程序目录文件的讲解，再简单把小程序原生的组件和API过一下。 2-1 原生小程序 - 小程序帐号和开发工具 2-2 原生小程序 - 项目目录结构 2-3 原生小程序 - 项目app.json配置 2-4 原生小程序 - 自带组件及API 2-5 原生小程序 - 语法缺点 2-6 ES6常用语法 2-7 补充 - ES6常见代码片段 2-8 补充 - rpx 是什么？ 2-9 补充 - 原生小程序生命周期 第3章 使用vuejs开发小程序 本章节用一个todolist案例，带着vuejs入门，再用mpvue的方式重写这个案例，为实战项目开发打好基础。 3-1 vue生存指南 - todolist实现-数据渲染 3-2 vue生存指南 - todolist实现-简单事件处理 3-3 vue生存指南 - todolist升级-循环事件处理 3-4 vue生存指南 - todolist完善 3-5 vue生存指南 - todolist完善-改造成单文件组件 3-6 vue官网简介 3-7 mpvue入门01 3-8 mpvue入门02 todolist迁移 第4章 koa2入门 本章节讲解 koa2入门相关的基础知识点，为实战项目的服务器开发部分做准备，其中包括，使用koa2开发web接口，使用koa-router设置koa2的路由，了解koa2中间件机制，开发自己的koa2中间件。 4-1 koa入门+中间件入门 4-2 补充 - koa2中间件是什么？ 4-3 async+await优雅处理异步 4-4 自己实现koa-logger中间件，打印所有请求的耗时 4-5 koa 路由 4-6 koa-router入门 第5章 需求分析+目录搭建 本章节讲解项目的需求分析和环境搭建，包括腾讯云后台环境搭建和使用、项目初始仓库搭建，配置小程序导航，为项目实战搭建好环境。 5-1 腾讯云后台 5-2 腾讯云后台代码介绍 5-3 腾讯云后台本地开发环境搭建 5-4 需求分析-原型图 5-5 项目骨架搭建 5-6 项目初始化页面 5-7 项目初始化页面-底部导航 5-8 代码封装 5-9 章节回顾 5-10 使用 ESLint 自动规范代码 第6章 实战项目 - 个人中心 本章节是实战项目的正式开始，讲解了个人中心功能开发，包括登录、一年进度和扫码功能。 6-1 个人中心-用户信息获取+展示 6-2 个人中心-扫码功能开发 6-3 个人中心-今年过了多少天组件 6-4 个人中心-登录逻辑完善 6-5 个人中心-代码完善-eslint格式化代码 第7章 实战项目 - 图书录入功能 本章节讲解开发图书录入功能，包括 mysql 数据库的使用，使用 https 模块获取豆瓣图书 api 的信息、mysql新建库表和图书入库的操作。 7-1 图书录入功能 - mysql使用 7-2 图书录入功能 - 获取豆瓣图书信息接口1 7-3 图书录入功能 - 获取豆瓣图书信息接口2 7-4 图书录入功能 - mysql新建图书表结构 7-5 图书录入功能 - 添加图书功能完成 第8章 实战项目 - 图书列表页 本章节讲解开发图书列表功能，包括轮播图，图书列表的显示，下拉刷新、触底加载更多的功能，并且开发公用的开发图书卡片和评级组件。 8-1 图书列表页获取数据 8-2 图书卡片显示数据 8-3 星级显示组件实现 8-4 数据库链表查询显示添加人 8-5 下拉刷新功能的实现 8-6 图书滚动加载功能实现 8-7 图书访问次数统计 8-8 排行榜轮播图数据获取 8-9 排行榜轮播图实现 第9章 实战项目 - 图书详情 本章节讲解开发图书详情页面 包括获取图书详情信息，修改页面标题，图片模糊显示，tag分类显示、获取用户手机型号和地理位置，根据地理位置从百度地图API获取城市、评论模块入库的功能。 9-1 获取图书详情，修改标题显示 9-2 图书封面显示 9-3 图书作者评分显示 9-4 图书tag和简介显示 9-5 评论手机型号的获取 9-6 获取地理位置（使用小程序API和百度地图API） 9-7 点击评论发起请求 9-8 评论后台接口实现 9-9 评论列表实现 9-10 评论模块实现1 9-11 评论模块实现2 9-12 图书详情功能回顾 9-13 代码规范修正 第10章 实战项目 - 评论页面 本章节讲解评论列表功能页面，开发自己添加过和评论过的书功能。 10-1 个人已评论列表实现 10-2 图书列表 10-3 图书列表后端修改 第11章 彩蛋-实现自己的koa2 本章节构建自己的koa2，了解Koa2原理，深入理解koa2内部的application，request，response，context概念，自己实现中间件机制，让自己对koa的理解更上一层楼，知其然也知其所以然。 11-1 构建自己的Koa - 浅层封装 http 模块 11-2 构建自己的koa - 封装 ctx 对象 11-3 构建自己的koa - 同步 compose 11-4 构建自己的koa - 完成精简版koa 第12章 发布上线 及 知识回顾 讲解小程序发布上线，还有把课程知识点做了一下书理，包括项目脑图回顾，代码规范修正，最后对项目做了后续的展望。 12-1 课程知识回顾 12-2 小程序发布上线流程 12-3 小程序整体组件和 API 概览 12-4 结课

第1章 2018 年的编程姿势 2018 年， Nodejs 版本如何跟进，Promise 要不要用，Async Function 如果使用，通过 Babel 如何编译，代码风格总是没有事实标准，激进的换成 Standard 会不会更清爽。 1-1 koa2导学 1-2 安装跟进最新的 Node.js 版本 1-3 毫不犹豫的使用 Promise（callback到Promise再到Promisify） 1-4 使用 Babel 编译 ES7 Async Function 第2章 必会 ES6-7 语法特性与规范 ES6/7/8 时代到来，重要的语法特性，如 Generator Function 与迭代器的关系，如何通过 co 来执行 Promise 和 Generator Function，箭头函数的常见用法，import 和 export 如果使用 Babel 如何进行编译，如何在生产环境进行编译构建。 2-1 生成器函数 Generator Function 2-2 co 库执行 Promise 和 Generator Function 2-3 箭头函数 Arrow Function 2-4 异步函数 Async Function 统一世界 2-5 借助 Babel 编译 import 与 export 2-6 生产环境使用 Babel 支持 ES6-7 第3章 层层学习 Koa 框架的 API 通过一个个文件，一个模块一个模块的分解，从源代码里调出核心的代码，一层层进入去了解 koa 的核心对象、服务类、上下文对象、请求与相应对象他们的代码架构和角色构成，同时去研究 koa 核心知识点 - 中间件机制以及借助 koa-compose 而实现的魔法递归流转过程，最后学习会话和 cookie 的基础知识。... 3-1 Koa 核心对象 3-2 Web 服务类 Application 3-3 HTTP 上下文对象 context(ctx) 3-4 HTTP 请求对象 request(req) 3-5 HTTP 响应对象 response(res) 3-6 Koa 中间件 middlewares 3-7 纯函数-尾递归与魔法大师 koa-compose 3-8 session-cookie-路由与 Koa 小结 第4章 Koa2 与 Koa1 、Express 框架对比 对比 Koa 的两个重大版本，也就是 Koa1 和 Koa2，两代版本的区别，以及其他框架如 Express 框架的架构区别和语法、用法区别。 4-1 Koa2 与 Koa1 的用法对比 4-2 Koa 与 Express 的 API 能力对比 4-3 Koa 与 Express 的 中间件执行模型对比 4-4 Koa2 Express 选型及小结（含奖励哦） 第5章 从 0 开发一个电影预告片网站 从 new Koa() 开始起一个干净的 Server 服务，来了解 Koa 简洁的请求处理流程，到可以返回一个静态 HTML 页面，到可以集成模板引擎返回动态内容，到 Bootstrap 搭建传统网站页面来学习项目 从 0 到 1 的搭建流程。 5-1 设计与分析 5-2 6 行代码撸一个服务器推到 Git 仓库 5-3 服务器返回一个静态 HTML 页面 5-4 增加 Pug ejs 动态模板引擎渲染 5-5 集成模板引擎到 Koa 搭建初始模板目录 5-6 借助 BootStrap 4-x 搭建网站首页 5-7 关于构建工具 Parcel 解决的问题 5-8 利用 Parcel 打包普通网站以及 React 架构网站的资源方案 第6章 利用爬虫搞定网站基础数据 学习如何在 Koa 里面起多个子进程，如何子进程中跑重的脚本任务，比如通过 Google Puppeteer 无头浏览器来模拟真实用户访问，来爬取到设置过反爬机制的网页文本，以及如何通过 Koa 发起服务器端的 HTTP 请求，进而拿到图片和视频地址，最终自动的上传到七牛图床上托管以加速访问，节省带宽。... 6-1 设计与分析 6-2 利用 puppeteer 爬取和分析电影列表 6-3 child_process fork 子进程来运行爬虫脚本 6-4 服务器端通过 request 向豆瓣 API 请求详细数据 6-5 Scott 与妹子合租引发的同步异步与阻塞 6-6 puppeteer 深度爬取封面图和视频地址 6-7 上传线上封面图和视频搬砖到七牛云图床上 第7章 彩蛋篇 - [高难度拔高干货] 深度理解 Node.js 异步 IO 模型 本篇是课程精心赠送之高难度拔高彩蛋篇，意在帮助有基础的同学进一步加深对 Node.js 底层的组成，底层的 Libuv 事件循环阶段，microtasks 事件优先级，结合大量代码案例来掌握 Node.js 核心知识 - 可以横向扩展的多进程单进程无阻塞事件驱动模型。... 7-1 Nodejs 在本期课程彩蛋知识点 7-2 从异步非阻塞的代码案例切入事件循环 7-3 从 libuv 源码来理解 Event Loop 的 6 个阶段 7-4 设计一个测试用例来验证自己对事件循环的理解 7-5 单线程多进程模型 事件循环及进程通信 第8章 实战篇 - 在 Koa 中向 MongoDB 建立数据模型 在 Mac/Windows/Ubuntu/Centos 上安装 MongoDB 数据库，并且在 Koa 集成 Mongoose 中间件后，为电影，分类设计 schema 来创建数据模型，以导入之前爬到的预告片数据。 8-1 Windows Mac CentOS Ubuntu 安装 MongoDB 8-2 Koa2 中利用 Mongoose 连接数据库 8-3 MongoDB 和 Mongoose 关于 collection schema model entity 的基本概念 8-4 利用 schema model 创建电影的数据模型 8-5 创建用户数据模型并实现加盐加密和敏感登录控制 8-6 创建电影分类以及初始化所有 schema 8-7 向数据库导入爬到的电影数据 8-8 图床资源同步以及管理换账号初始化 第9章 实战篇 - 为网站增加路由与控制器层对外提供 API 服务 通过在 Koa 中集成多个中间件，同时封装基于装饰器的路由组件，来提供更易于拓展的路由层级，并且实现控制器与数据服务层的分离，对外提供 API 接口服务。 9-1 [第 2 次迭代] 快速实现一个最小统计的 API 服务器 9-2 [第 2 次迭代] 了解 Koa-router 的基本能力以及取舍套路 9-3 [第 2 次迭代] 通过装饰器来把路由进行拆分和集成 9-4 [第 2 次迭代] 结合 Decorator 对 koa-router 进行抽象封装支持路由空间分离 9-5 [第 2 次迭代] 分拆项目服务层与路由层对外暴露 API 服务 第10章 实战篇 - 集成 AntDesign 与 Parcel 打通前后端与构建 把 AntDesign 集成到项目中，并且把 Parcel 也集成到 Koa 的本地开发环境中，同时配置构建中间层来做到本地开发与生产环境的构建分离，让整个前后端的项目贯穿起来 10-1 [第 3 次迭代] 配置 Babel Postcss 来支持 Parcel 的打包构建 10-2 [第 3 次迭代] 在 Koa 中集成 Parcel 开发与生产环境的构建中间件 10-3 [第 3 次迭代] 结合 react-router-dom 与 import 来动态加载前端路由业务组件 10-4 [第 3 次迭代] 实现网站的布局模板组件和导航菜单 第11章 实战篇 - 实现网站前端路由与页面功能 以底层的 Koa 为服务底层，在上层 AntDesign 项目中开发首页、详情页、播放功能、推荐功能、筛选功能，以及路由分拆来实现网站的基础页面。 11-1 [第 4 次迭代] 基于 axios 封装可以控制 loading 前置状态的请求组件 11-2 [第 4 次迭代] 开发网站首页电影列表 11-3 [第 4 次迭代] 抽象网站首页电影卡片内容组件 11-4 [第 4 次迭代] 为电影卡片增加视频播放及切换功能 11-5 [第 4 次迭代] 开发电影详情页 第12章 实战篇 - 实现后台登录权限与管理功能 实现网站的后台用户登录校验加盐与列表管理功能，同时维持用户的登录状态。 12-1 [第 5 次迭代] 实现网站的后台登录页面及密码校验 12-2 [第 5 次迭代] 实现网站后台管理列表页 12-3 [第 5 次迭代] 增加登录权限以及参数验证 12-4 [第 5 次迭代] 增加用户会话保持与数据删除功能 第13章 服务器部署与发布 详细讲解服务器部署与发布的相关内容。 13-1 简单配置本地与服务器的 PM2 环境及发布脚本 13-2 服务器第一次部署与发布 第14章 课程总结与展望 对 Koa2 及 Node.js 核心知识进行回顾总结，并且对 Koa3 进行展望，整理整个项目的应用场景与上线维护注意事项。 14-1 Koa2 课程回顾总结

第1章 课程介绍 本章整体介绍该课程的内容，让同学们了解这个课程的特点和学习方法，以及后台管理系统开发前的一些前置工作，如需求分析、技术选型和数据接口等。 1-1 课程导学 1-2 后台管理系统的需求分析和技术选型 1-3 数据接口定义 第2章 课前知识储备 本章介绍一些后面课程要用到的一些基础知识，为后面的开发打下基础，包括页面加载过程、ES6基础和本地存储相关的知识。 2-1 课前知识储备 2-2 页面加载过程 2-3 ES6基础（1） 2-4 ES6基础（2） 2-5 本地存储 2-6 总结 第3章 前端框架的分析 本章介绍前端框架的共性和应用场景，分析前端加载原理，并对单页和多页应用，框架和原生开发，三大主流框架之间做详细的对比。 3-1 前端框架分析 3-2 前端框架要解决的问题 3-3 三大框架对比 3-4 总结 第4章 开发环境的搭建 搭建项目依赖的开发环境，包括nodejs的安装，yarn的使用，webpack的配置，sass环境的配置以及打包工具webpack的配置方法。 4-1 开发环境的搭建 4-2 git的安装和项目的建立 4-3 nodejs和yarn的安装 4-4 Webpack配置（1） 4-5 Webpack配置（2） 4-6 代码提交 第5章 React框架 系统的介绍React的知识，基础部分通过代码的形式让大家加深理解。此外还有react周边的知识，比如路由工具React-Router，还有React中的几种数据处理方式。 5-1 React框架基础 5-2 初识React 5-3 深入了解React（了解JSX语法） 5-4 深入了解React（React组件） 5-5 深入了解React（生命周期） 5-6 Router原理及React-router 5-7 React数据管理 5-8 总结 第6章 通用部分的开发 本章搭建项目的通用部分，把可以抽离出来的内容用组件的形式组织起来，为业务开发打下基础。 6-1 通用部分的开发 6-2 通用布局的开发（1） 6-3 通用布局的开发（2） 6-4 头部导航的开发 6-5 侧边导航的开发 6-6 通用页面标题的开发 6-7 代码的提交和总结 第7章 基础功能模块的开发 基础功能模块的包含了系统里作为辅助的页面，包括用户的登录退出。用户列表，以及首页和错误页这些基本的页面，零散但不可或缺。这一章会讲到用户登录原理相关的知识 7-1 基础功能模块的开发 7-2 登录页面的开发（1） 7-3 登录页面的开发（2） 7-4 登录页面的开发（3） 7-5 登录状态管理 7-6 首页的开发 7-7 错误页面的开发 7-8 用户列表的开发（1） 7-9 用户列表的开发（2） 7-10 代码提交及总结 第8章 商品模块的开发 本章完成商品模块的开发，包括商品的列表、商品的添加编辑和商品详情，在这一章里会了解到jquery插件改造成react插件的方法 8-1 商品模块的开发 8-2 商品列表的开发（1） 8-3 商品列表的开发（2） 8-4 商品列表的开发（3） 8-5 商品列表的开发（4） 8-6 添加商品页面的开发（1） 8-7 添加商品页面的开发（2） 8-8 添加商品页面的开发（3） 8-9 添加商品页面的开发（4） 8-10 添加商品页面的开发（5） 8-11 添加商品页面的开发（6） 8-12 编辑商品页面的开发 8-13 商品详情页的开发 8-14 代码提交和总结 第9章 品类模块的开发 本章完成对品类模块的开发，包括品类列表，增加品类和修改品类名称等功能。这一块重点内容是对生命周期的运用，加深对生命周期的理解。 9-1 品类模块的开发 9-2 品类列表页的开发 9-3 添加品类页面的开发 9-4 代码的提交和总结 第10章 订单模块的开发 本章完成订单模块的开发，包括订单列表和订单详情，这时候应该对React开发比较熟悉了，这一章我们会快速的完成这个业务功能，来体会这种框架开发真正的效率体现。 10-1 订单模块的开发 10-2 订单列表的开发 10-3 订单详情的开发 10-4 代码提交及总结 第11章 后台管理系统的上线 本章我们将会把代码发布到线上服务器，让同学们可以在外网访问。这一章主要内容就是代码的适配，代码的自动化发布，Nginx的配置和域名的解析等内容。让前端工程师也可以做发布， 11-1 项目上线过程 11-2 代码的上线前准备 11-3 生产环境的配置 11-4 代码发布过程 11-5 nginx和域名的配置 11-6 代码提交及总结 第12章 课程总结 总结本次课程的主要内容，对支持的同学表示感谢！ 12-1 总结