Skip to content

Darren6868/DuOneResource

 
 

Repository files navigation

技术应用阶段

课程源码及课件地址: https://github.com/ustbmz/DuOneResource

基础领航

HTML+CSS收官 - 袁进

学习周期:4天

  1. 补充重要知识
  2. 表单进阶-HTML
  3. 表单进阶-CSS
  4. 精灵图
  5. 绝对定位收官
  6. 属性值的计算过程
  7. 拓展知识

HTML+CSS项目实战 - 袁进

学习周期:7天

静态页面项目实战学习指导

  1. 搭建工程
  2. 顶部导航-主区域
  3. 顶部导航-购物车
  4. 头部-Logo和菜单
  5. 头部-二级菜单
  6. 头部-搜索区域
  7. 横幅-主区域
  8. 横幅-菜单
  9. 横幅2
  10. 主区域-广告
  11. 主区域-橱窗
  12. 页脚
  13. 右侧固定菜单
  14. 右侧二维码弹出
  15. 将你的页面分享给全世界

JS收官 - 袁进

学习周期:24天

JS进阶学习指导

  1. 环境准备
  2. 知识回顾-数据的表达1
  3. 知识回顾-数据的表达2
  4. 知识回顾-数据的表达3
  5. 知识回顾-数据的运算
  6. 知识回顾-数据的流程
  7. 知识回顾-流程的切割
  8. 核心概念-数据的存储和传递
  9. 核心概念-数据的作用域
  10. 核心概念-全局对象
  11. 核心概念-构造函数
  12. 核心概念-原型
  13. 核心概念-这是啥?
  14. 核心概念-原型链
  15. 核心概念-继承
  16. 标准库-数字和字符串
  17. 标准库-数学
  18. 标准库-日期
  19. 标准库-数组
  20. WebAPI-BOM
  21. WebAPI-玩转DOM
  22. WebAPI-事件
  23. WebAPI-事件默认行为
  24. WebAPI-DOM尺寸和位置
  25. WebAPI-事件传播机制
  26. 技巧-在循环中注册事件
  27. 技巧-回调函数
  28. 技巧-函数防抖
  29. 标准库-正则表达式
  30. 核心概念-浏览器渲染原理
  31. 核心概念-异常
  32. 技巧-断点调试

JS项目实战 - 袁进

学习周期:10天

经典案例学习指导

  1. 文字滚动效果 - 袁进
  2. 手风琴效果 - 袁进
  3. 动态排序表格 - 韩刚
  4. js实现三级联动效果 - 丁永志
  5. 腾讯视频重磅推荐模块 - 丁永志
  6. 图片放大镜 - 丁永志
  7. 积分抽奖效果 - 韩刚
  8. JS实现倒计时特效 - 韩刚
  9. 无缝轮播图 - 袁进
  10. 图片瀑布流 - 谢杰
  11. 分页插件 - 谢杰
  12. 五子棋游戏 - 谢杰
  13. 读心术小游戏 - 谢杰
  14. 图片拖动验证 - 谢杰

60天任务

HTML+CSS 语言提升(H5+CSS3)- 袁进

学习周期:5天

HTML+CSS语言提升学习指导

  1. CSS3视觉
  2. CSS3过渡和动画
  3. CSS3布局
  4. CSS3更多知识
  5. 网页简历
  6. HTML5文档
  7. HTML5API
  8. H5综合练习

JavaScript 语言提升 (ES6+) - 袁进

学习周期:7天

JavaScript语言提升学习指导

  1. 零碎的改动
  2. 数组
  3. 对象
  4. 函数
  5. 事件循环
  6. Promise基础
  7. Promise的链式调用
  8. Promise的静态方法
  9. async和await
  10. Promise相关面试题

程序思维训练 - 袁进

学习周期:3天

  1. 歌词滚动
  2. 王者荣耀官网英雄查询
  3. 美团省市级联

网络 - 袁进

学习周期:5天

网络和git学习指导

  1. 概述
  2. 基本概念-客户端和服务器
  3. 基本概念-url
  4. PostMan 安装和使用
  5. 基本概念-http-part1
  6. 基本概念-http-part2
  7. 关于 Apifox 的使用
  8. 浏览器页面处理流程
  9. AJAX
  10. 聊天机器人-接口封装
  11. 聊天机器人-登录和注册
  12. 聊天机器人-首页
  13. 常见问题

git - 丁永志

学习周期:2天

  1. git基本概念
  2. git分支
  3. 远程分支
  4. 使用source tree管理源码

05.(补充)无效的路径源问题

  1. 部署git pages
  2. git工作流

第三方库 - 袁进

学习周期:3天

第三方库和工程化学习指导

  1. jQuery
  2. Lodash
  3. Animate.css
  4. Axios
  5. MockJS
  6. Moment
  7. Echarts

工程化 - 袁进

学习周期:4天

  1. CommonJS
  2. ES Module
  3. 包管理器
  4. Less

04-05.Windows系统下安装nvm

04-05.Mac系统下安装nvm

  1. 构建工具的使用
  2. 分页电影列表案例

vue 从入门到实战 - 袁进

学习周期:16天

vue入门学习指导

  1. 前端框架的由来
  2. 第一个vue应用
  3. 核心概念
  4. 组件

04-05.(必看)保持一致的版本

  1. 搭建工程
  2. 计算属性
  3. 组件事件
  4. 优化工程结构
  5. 组件练习
  6. 插槽
  7. 路由
  8. 弹出消息
  9. 获取远程数据
  10. 组件生命周期
  11. 完成首页-part1
  12. 完成首页-part2
  13. 完成首页-part3
  14. 自定义指令
  15. 组件混入

vue进阶学习指导

  1. 组件递归
  2. 开发文章列表页-part1
  3. 开发文章列表页-part2
  4. 开发文章详情页-part1
  5. 开发文章详情页-part2
  6. $listeners和v-model
  7. 开发文章详情页-part3
  8. 事件总线
  9. 开发文章详情页-part4
  10. 开发文章详情页-part5
  11. 代码优化
  12. 图片懒加载
  13. 数据共享
  14. vuex经典案例
  15. 在项目中应用vuex
  16. 页面标题的统一处理
  17. 完成「关于我」页面
  18. 完成「项目&效果」页面
  19. 完成「留言板」页面
  20. 打包优化
  21. 异步组件
  22. 补充-无数据的显示
  23. 补充-404页面

vue 组件库从入门到实战 - 谢杰

学习周期:10天

vue组件库学习指导

  1. 项目介绍与演示
  2. 项目准备 part1(介绍 Element UI)
  3. 项目准备 part2(介绍 vue-element-admin)
  4. 项目准备 part3(搭建项目架子)
  5. 项目准备 part4(服务器和接口)

​ 1.项目准备 part4(服务器和接口)

​ 2.mac下的mongodb安装和数据恢复

​ 3.windows下的mongodb安装和恢复数据

  1. 登录界面制作
  2. 登录功能制作
  3. 鉴权功能制作
  4. 首页标语 part1(页面渲染)
  5. 首页标语 part2(完成编辑和图片上传)
  6. 文章模块 part1(文章列表渲染、分页、删除文章)
  7. 文章模块 part2(文章分类)
  8. 文章模块 part3(添加和编辑文章)
  9. 文章模块 part4(优化添加和编辑文章)
  10. 项目管理模块
  11. 评论管理和留言板模块
  12. 关于我、设置和个人信息模块
  13. 项目部署到阿里云
  14. 项目总结

20.项目部署补充

前端入门到实战收官总结

职业深化课程

JS工具库详细版-陈学辉

本地化存储

01-cookie

02-cookie封装及应用

03-localstorage

04-localstorage应用-01

05-localstorage应用-02

06-Restful API

jQuery

01-jquery简介

02-jquery选择器

03-DOM操作

04-遍历

05-事件

06-内置特效

07-Ajax

08-Jsonp

09-jquery插件

10-自定义插件

lodash

01-Array方法

02-Collection方法

03-Function方法

04-Lang方法

05-Object方法

06-String方法

mock

01-mock语法

02-Random对象

03-mock方法

moment

01-解析方法

02-取值、赋值方法

03-操作、显示方法

04-查询方法

05-国际化、自定义方法

06-时长方法

07-案例-1

08-案例-2

Bootstrap - 陈学辉

01-Bootstrap简介

02-响应式原理

03-栅格系统-1

04-栅格系统-2

05-重置、排版、代码

06-图片、表格、图文

07-边框、颜色、显示、嵌入

08-Flex

09-剩余工具集合

10-警告框、徽章、面包屑导航、按钮、按钮组

11-卡片

12-轮播图

13-折叠面板

14-下拉菜单

15-表单1

16-表单2

17-输入框组

18-超大屏幕与列表组

19-模态框

20-媒体对象

21-导航

22-导航栏

23-导航案例

24-分页

25-提示框与提示工具

26-进度条与滚动监听

27-旋转加载与推送消息框

28-字体图标

29-Buttons库

30-dateTimePicker

31-layDate

32-实战项目-1

33-实战项目-2

JavaScript完美收官-姬成+陈思彤

1.Js收官

  1. 快速掌握BOM对象核心技能
  2. JavaScript必会常用知识点
  3. JavaScript运动
  4. 加速度运动
  5. 弹性运动
  6. 弹性运动案例
  7. 模拟重力场
  8. 拖拽实例
  9. 轮播图
  10. bug调试小方法
  11. 数组方法-1
  12. 数组方法-2
  13. 数组应用-1
  14. 数组应用-2

2.你不知道的js

1.Js执行机制.mp4

2.bind的模拟与实现.mp4

3.pure.mp4

4.柯里化.mp4

5.节流mp4

6.防抖.mp4

7.惰性函数.mp4

CSS3详细版 - 姬成

  1. introduction

2-1. selector1

2-2. selector2

3-1. border&background1

3-2. border&background2

3-3. border&background3

4-1. text1

4-2. text2

5-1. box1

5-2. box2

5-3. box3

5-4. homework

6-1. transition

6-2. cubic-bezier

6-3. animation

6-4. animation2

6-5. step

6-6. step2

6-7. rotate

6-8. scale

6-9. skew

6-10. translate+perspective

6-11. perspective2

6-12. matrix

7-1. screen&px

7-2. gpu&layout

CSS3响应式布局

HTML5详细版 - panda

  1. 基础篇
  2. 内容大纲
  3. 属性篇_input新增type
  4. 属性篇_contenteditable
  5. 属性篇_Drag被拖拽元素
  6. 属性篇_drag目标元素
  7. 属性篇_拖拽功能练习
  8. 属性篇_DataTransfer属性补充
  9. 标签篇_语义化标签
  10. 标签篇_canvas画线
  11. 标签篇_canvas画矩形
  12. 标签篇_小方块下落练习
  13. 标签篇_canvas画圈
  14. 标签篇_canvas画圆角矩形
  15. 标签篇_canvas贝塞尔曲线
  16. 标签篇_canvas坐标平移旋转与缩放
  17. 标签篇_canvas的save和restore
  18. 标签篇_canvas背景填充
  19. 标签篇_canvas线性渐变
  20. 标签篇_canvas辐射渐变
  21. 标签篇_canvas的阴影
  22. 标签篇_canvas渲染文字
  23. 标签篇_canvas线端样式
  24. 标签篇_svg画线与矩形
  25. 标签篇_svg画圈、椭圆、折线
  26. 标签篇_svg画多边形和文本
  27. 标签篇_svg透明度与线条样式
  28. 标签篇_svg的Path标签
  29. 标签篇_Path画弧
  30. 标签篇_svg线性渐变
  31. 标签篇_svg高斯模糊
  32. 标签篇_svg虚线及简单动画
  33. 标签篇_svg的viewbox(比例尺)
  34. 标签篇_audio与video播放器
  35. 标签篇_视频播放器的开始与暂停
  36. 标签篇_视频播放器的时间进度
  37. 标签篇_视频播放器进度条
  38. 标签篇_视频播放器调节倍速
  39. 标签篇_视频播放器音量调节
  40. 标签篇_视频播放器全屏
  41. 进阶篇
  42. API篇_geoLocation
  43. API篇_四行写个服务器
  44. API篇_deviceorientation
  45. API篇_手机访问电脑
  46. API篇_devicemotion
  47. API篇_requestAnimationFrame
  48. API篇_localStorage
  49. API篇_history
  50. API篇_worker

模块化详细版-袁进

1.概述

1-1. JS模块化发展史 153.19M

2.CommonJS

2-1. 安装nodejs 38.44M

2-2. CommonJS 102.64M

2-3. CommonJS练习 53.41M

3.AMD和CMD

3-1. 浏览器端模块化的难题 47.85M

3-2. AMD规范 45.50M

3-3. CMD规范 15.32M

4.ES6模块化

4-1. ES6模块化简介 19.47M

4-2. 基本导入导出 59.66M

4-3. 默认导入导出 29.66M

4-4. ES6模块化的其他细节 50.91M

4-5. ES6模块化练习 222.47M

包管理器详细版-袁进

1.概述

1-1. 概述

2.npm

2-1. 包的安装

2-2. 包配置

2-3. 包的使用

2-4. 练习-简易数据爬虫

2-5. 语义版本

2-6. npm脚本

2-7. 运行环境配置

2-8. 其他npm命令

2-9. 发布包

3.yarn

3-1. yarn简介

3-2. yarn的核心命令

3-3. yarn的特别礼物

4.其他包管理器

4-1. cnpm

4-2. nvm

4-3. pnpm

4-4. [扩展]pnpm原理

4-5. bower

ES6详细版 - 袁进

1.概述

1-1. 概述

  1. 块级绑定

2-1. 声明变量的问题

2-2. 使用let声明变量

2-3. 使用const声明常量

  1. 字符串和正则表达式

3-1. 更好的Unicode支持

3-2. 更多的字符串API

3-3. [扩展]正则中的粘连标记

3-4. 模板字符串

3-5. [扩展]模板字符串标记

  1. 函数

4-1. 参数默认值

4-2. 剩余参数

4-3. 展开运算符

4-4. 剩余参数和展开运算符练习

4-5. 明确函数的双重用途

4-6. 箭头函数

  1. 对象

5-1. 新增的对象字面量语法

5-2. Object的新增API

5-3. 面向对象简介

5-4. 类:构造函数的语法糖

5-5. 类的其他书写方式

5-6. 类的继承

5-7-1. [demo]像素鸟(1)-静态页面

5-7-2. [demo]像素鸟(2)-父类、天空、大地

5-7-3. [demo]像素鸟(3)-小鸟类

5-7-4. [demo]像素鸟(4)-柱子类

5-7-5. [demo]像素鸟(5)-游戏类

  1. 解构

6-1. 对象解构

6-2. 数组解构

6-3. 参数解构

  1. 符号

7-1. 普通符号

7-2. 共享符号

7-3. 知名符号

  1. 异步处理
  2. Promise基础

​ 02.Promise的链式调用

​ 03.Promise的静态方法

​ 04.async和await

​ 05.Promise相关面试题

​ 06.[扩展]手写Promise-介绍

​ 07.[扩展]手写Promise-实现状态的变化

​ 08.[扩展]手写Promise-创建then函数

​ 09.[扩展]手写Promise-执行队列

​ 10.[扩展]手写Promise-遍历执行队列

​ 11.[扩展]手写Promise-完成核心代码

​ 12.[扩展]手写Promise-catch和finally

​ 13.[扩展]手写Promise-resolve和reject

​ 14.[扩展]手写Promise-all

​ 15.[扩展]手写Promise-allSettled

​ 16.[扩展]手写Promise-race

  1. Fetch Api

9-1. Fetch Api 概述

9-2. 基本使用

9-3. Request对象

9-4. Response对象

9-5. Headers对象

9-6. 文件上传

  1. 迭代器和生成器

10-1. 迭代器

10-2. 可迭代协议与for-of循环

10-3. 生成器

10-4. 生成器应用-异步任务控制

  1. 更多的集合类型

11-1. set集合

11-2. set应用

11-3. [扩展]手写set

11-4. map集合

11-5. [扩展]手写map

11-6. [扩展]WeakSet和WeakMap

  1. 代理与反射

12-1. [回顾]属性描述符

12-2. Reflect

12-3. Proxy

12-4. 应用-观察者模式

12-5. 应用-偷懒的构造函数

12-6. 应用-可验证的函数参数

  1. 增强的数组功能

13-1. 新增的数组API

13-2. [扩展]类型化数组

13-3. [扩展]ArrayBuffer

13-4. [扩展]制作黑白图片

微信小程序 - 谢杰

第一章 微信小程序快速入门篇

1-1. 初识微信小程序

1-2. 小程序骨架—WXML

1-3. 小程序外观—WXSS

1-4. 用户交互核心—事件

1-5. APP和Page构造器

1-6. 你要到哪儿去—路由

1-7. 小程序中的网络请求

1-8. 小程序中的本地存储

1-9. 翻译小程序效果演示

1-10. 翻译小程序结构和样式

1-11. 翻译小程序功能实现

1-12. 发布小程序

第二章 微信小程序组件篇

2-1. 基础组件串烧

2-2. 表单组件串烧

2-3. 轮播图案例

2-4. movable组件案例

2-5. video组件案例

2-6. 自定义组件part1

2-7. 自定义组件part2

2-8. 自定义组件part3

2-9. 自定义组件案例—待办事项

2-10. 使用第三方组件库

第三章 微信小程序云开发篇

3-1. 云开发介绍

3-2. 云数据库

3-3. 云存储

3-4. 云函数

3-5. 云开发综合案例—发表说说

第四章 微信小程序架构篇

4-1. 双线程架构

4-2. Exparser设计原理

4-3. WXSS编译与适配

第五章 微信小程序常见应用篇

5-1. 微信API—获取各种信息

5-2. 微信API—小程序登录

5-3. 微信API—分享功能

5-4. 内置组件—Canvas制作涂鸦板案例

5-5. 项目配置—小程序分包

5-6. 微信API—扫码案例演示

5-7. 综合案例—扫码综合演示

5-8. 微信API—指南针案例

5-9. 微信API—电量监控与拨打电话

5-10. 微信API—截屏震动与添加联系人

5-11. 微信API—动画案例

5-12. 微信API—录音功能

5-13. 微信API—下拉刷新和上拉加载

5-14. 内置语法—WXS

JavaScript详细版 - 袁进

  1. 概述

1-1. 课程概述

1-2. JS语言概述

1-3. 开发环境准备

  1. JS语法基础

2-1. 第一个JS程序

2-2. 数据和数据类型

2-3. 变量

2-4. 变量和对象

2-5. 引用类型

  1. 运算符

3-1. 运算符概述

3-2. 算术运算符

3-3. [作业讲解] 算术运算符

3-4. 自增和自减

3-5. 比较运算符

3-6. 逻辑运算符

3-7. [作业讲解] 逻辑运算符

3-8. 三目运算符

3-9. 运算符补充

3-10. [扩展] 数字的存储

3-11. [扩展] 位运算符

3-12. [扩展] 求余和求模

  1. 流程控制

4-1. 流程图

4-2. if判断

4-3. [作业讲解] if判断

4-4. switch开关

4-5. 循环

4-6. 循环应用

4-7. [作业讲解] 循环应用

4-8. 数组

4-9. 数组应用

4-10. [作业讲解] 数组应用

  1. 函数

5-1. 函数语法

5-2. [作业讲解] 函数语法

5-3. 作用域和闭包

5-4. 函数表达式和this

5-5. [作业讲解] 函数表达式和this

5-6. 构造函数

5-7. 函数的本质

5-8. 递归

  1. 标准库

​ 6.1.Object和Function

​ 6.2.Array构造器

​ 6.3.[作业讲解]Array构造器

​ 6.4.原始类型包装器

​ 6.5.[作业讲解]原始类型包装器

​ 6.6. Math对象

​ 6.7.Date构造器

​ 6.8.[作业讲解]Date构造器

​ 6.9.1 正则表达式(1)

​ 6.9.2正则表达式(2)

​ 6.9.3正则表达式(3)

​ 6.10.错误处理

  1. dom核心

7-1. WebApi概述

7-2. 获取dom节点

7-3. [作业讲解] 获取dom元素

7-4. dom元素操作-1

7-5. dom元素操作-2

7-6. [作业讲解] dom元素操作

7-7. dom元素样式

7-8. [作业讲解] dom元素样式

7-9. [作业讲解]拼图游戏-1

7-10. [作业讲解]拼图游戏-2

  1. dom事件

8-1. 基础概念

8-2. 事件注册

8-3. 事件对象

8-4. [作业讲解] 事件对象

8-5. 事件类型-鼠标事件

8-6. [作业讲解] 星星评分、放大镜

8-7. 事件类型-键盘事件

8-8. [作业讲解] 键盘事件

8-9. 表单事件

8-10. 页面状态事件

8-11. 其他事件

8-12. [作业讲解] 自定义右键菜单

8-13. [作业讲解] 许愿墙

8-14. 补充知识

  1. bom

9-1. 计时器

9-2. [作业讲解] 计时器

9-3. [作业讲解] 无缝轮播图

9-4. window对象

9-5. [作业讲解] 提示插件

  1. JS进阶

10-1. 原型和原型链

10-2. 原型链的应用

10-3. [扩展] 属性描述符

10-4. 执行上下文

10-5. 作用域链

10-6. 事件循环

10-7. 骚操作-对象混合和克隆

10-8. 骚操作-函数防抖和函数节流

10-9. [扩展] 骚操作-柯里化

10-10. 骚操作-函数管道

  1. 案例实训

11-1. 图片瀑布流

11-2. 动画插件

11-3. 文字滚动效果

11-4. 手风琴效果

11-5. 购物车

11-6. 像素鸟小游戏-1

11-7. 像素鸟小游戏-2

11-8. [扩展] 通用表单插件-1

11-9. [扩展] 通用表单插件-2

11-10. [扩展] 通用表单插件-3

  1. 结语

12-1. 结语

Echarts详细版 - 陈学辉

01-echarts介绍

02-第一个Ecarts例子

03-title组件

04-legend组件1

05-legend组件2

06-网格

07-坐标轴1

08-坐标轴2

09-极坐标系

10-雷达坐标系

11-区域缩放1

12-区域缩放2

13-视觉映射组件-1

14-视觉映射组件-2

15-视觉映射组件-3

16-提示框组件

17-坐标轴指示器组件

18-工具栏

19-区域选择1

20-区域选择2

21-地理坐标系1

22-地理坐标系2

23-平行坐标系

24-单轴

25-时间轴

26-图形元素1

27-图形元素2

28-日历坐标系

29-数据集1-存储

30-数据集2-映射

31-折线图

32-柱状图

33-饼图

34-气泡图

35-涟漪气泡图

36-雷达图

37-树图

38-矩形树图1

39-矩形树图2

40-旭日图

41-盒须图

42-K线图

43-热力图

44-平行坐标图

45-线图

46-关系图

47-桑基图

48-漏斗图

49-仪表盘

50-象形柱图

51-河流图

52-课程总结

element源码剖析 - 杉杉

第1章 准备工作

1.a.课程导读

1.b.关于css

1.c.创建项目

第2章 Layout布局

2.a.编写组件功能

2.b.自定义元素标签

2.c.重写scss--row组件

2.d.重写scss--col组件

2.e.测试组件

第3章 Container容器

3.a.编写组件功能

3.b.编写组件功能2

第4章 Color 色彩

4.a.声明相关变量

第5章 Typography 字体 & Border 边框

5.a.声明相关变量

第6章 Icon 图标

6.a.编写组件功能

第7章Button 按钮

7.a.准备工作

7.b.默认按钮

7.c.朴素按钮

7.d.圆角按钮-圆形按钮-禁用状态

7.e.文字按钮-图标按钮-加载中-不同尺寸

7.f.按钮组

7.g.默认聚焦-原生type属性-点击事件

7.h.测试Button组件

第8章 Link文字链接

​ 8.a.准备工作

​ 8.b.编写Link组件功能

​ 8.c.测试Link组件

Vue3-袁进

入门

01.搭建工程

02.vue3的重大变化

  1. 新增任务
  2. 任务筛选
  3. 修改任务
  4. 完结撒花

就业

01.vite原理

02.效率的提升

  1. API和数据响应式的变化
  2. 模板中的变化
  3. 组件的变化

06.ReactivityApi

07.CompositionApi

08.共享数据

  1. script setup

  2. Pinia基本概念

  3. Pinia快速入门part1

  4. Pinia快速入门part2

  5. 添加插件

  6. 最佳实践与补充内容

  7. Pinia部分源码解析

【项目】每日优鲜-B端

1.课程描述-1

2.课程描述-2

3.产品功能介绍

4.系统整体架构

5.界面功能技术梳理

6.系统接口申请

7.系统项目搭建

8-1.引入ant-design并实现整体布局效果

8-2.整体布局代码优化

9-1.登录界面实现

9-2.登录信息的数据交互

9-3.登录状态校验

10-1.菜单栏权限配置

10-2.菜单栏过滤展示

11.统计页面实现

12-1.商品列表页面之搜索组件实现

12-2.商品列表页面之表格展示

12-3.商品列表页面切换

13-1.菜单栏重新渲染

13-2.新增商品页面实现

13-3.新增商品销售信息填写页面

13-4.新增商品功能完成

14.编辑商品功能完成

【项目】每日优鲜-C端

1.课程介绍

2.移动端知识回顾

3.移动端问题解析

4.项目初始化

5.二级导航

5.一级导航

6.商品列表

7.本地化存储

8.飞入购物车

9.搜索页面

10.历史记录以及路由处理

11.购物车

高薪就业阶段

高薪大厂必备课程

前端必会算法-panda

01-数据结构与算法

02-线性数据结构之数组

03-线性数据结构之链表

04-线性数据结构的遍历

05-线性数据结构的递归遍历

06-链表的逆置

07-冒泡排序

08-选择排序

09-简单快速排序

10-标准快速排序

11-栈和队列

12-双向链表

13-二维数据结构

14-树形结构

15-二叉树之满二叉树

16-二叉树之完全二叉树

17-二叉树中子树的概念

18-二叉树的遍历

19-二叉树的前序遍历

20-二叉树的中序遍历

21-二叉树的后续遍历

22-根据前序中序还原二叉树

23-根据中序后序还原二叉树

24-代码实现前序中序还原二叉树

25-代码实现中序后序还原二叉树

26-二叉树的深搜和广搜

27-代码实现二叉树的深度优先搜索

28-代码实现二叉树的广度优先搜索

29-二叉树的比较

30-二叉树左右子树互换后的比较

31-二叉树的diff算法

32-图的最小生成树问题

33-普利姆算法

34-克鲁斯卡尔算法

35-代码实现普利姆算法

36-代码实现克鲁斯卡尔算法

37-二叉搜索树

38-构建二叉搜索树

39-二叉搜索树的使用

40-平衡二叉树

41-代码实现判断平衡二叉树

42-二叉树的单旋

43-二叉树双旋的概念

44-二叉树双旋的代码实现

45-左左双旋与右右双旋

46-234树的由来

47-红黑树

48-树的深度优先搜索

49-树的广度优先搜索

50-图的深度优先搜索

51-图的广度优先搜索

52-动态规划之斐波那契数列

53-动态规划之青蛙跳台阶问题

54-动态规划之变态青蛙跳台阶

移动端入门到实战 - 韩刚

  1. 课程简介
  2. 小程序简介 (一)
  3. 小程序简介 (二)
  4. uniapp 环境搭建+设备调试
  5. uniapp 基础 api 讲解(一)
  6. uniapp 基础 api 讲解(二)
  7. unicloud 基础配置
  8. unicloudAPI 操作
  9. 项目启动-结构搭建
  10. 导航栏制作/适配多端
  11. 选项卡制作
  12. 公共请求方法封装
  13. 文章列表组件制作(一)容器组件
  14. 文章列表组件制作(三)文章卡片
  15. 文章列表组件制作(四)数据渲染
  16. 文章列表组件制作(五)上拉加载更多
  17. 登录界面搭建
  18. 用户登录-表单验证
  19. 账户名密码登录
  20. 短信验证码登录
  21. 收藏按钮组件实现
  22. 搜索页面-结构搭建
  23. 搜索页面-业务逻辑处理
  24. 标签页面-结构搭建
  25. 标签页面-选项卡业务逻辑处理
  26. 详情页面-结构样式处理
  27. 详情页面-数据初始化渲染
  28. 详情页面-评论组件制作
  29. 详情页面-评论展示组件制作
  30. 详情页面-指定评论内容处理
  31. 详情页面-关注作者
  32. 详情页面-点赞+浏览次数实现
  33. 评论页面制作
  34. 关注界面-结构搭建
  35. 关注界面-作者组件制作
  36. 个人中心-页面结构搭建
  37. 个人中心我的文章
  38. 个人中心-意见反馈结构搭建
  39. 个人中心-意见反馈业务逻辑处理
  40. wap 端发行打包
  41. 小程序端发行打包
  42. 安卓端发行打包

node - 袁进

  1. Node核心

1-1. Node概述

1-2. 全局对象

1-3. Node的模块化细节

1-4. 【扩展】Node中的ES模块

1-5. 基本内置模块

1-6. 文件IO

1-7-1.文件流-可读流

1-7-2. 文件流-可写流

1-8. net模块

1-9. http模块

1-10. https协议

1-11. https模块

1-12. node生命周期

1-13. [扩展] EventEmitter

  1. Mysql

2-1. 数据库简介

2-2. MySql的安装

2-3. 数据库设计

2-4. 表记录的增删改

2-5. 单表基本查询

2-6. 联表查询

2-7. 函数和分组

2-8. 视图

  1. 数据驱动和ORM

3-1. mysql驱动程序

3-2. Sequelize简介

3-3. 模型定义和同步

3-4. 模型的增删改

3-5. 模拟数据

3-6. 数据抓取

3-7. 数据查询

3-8. MD5加密

3-9. moment

3-10. 数据验证

3-11. 访问器和虚拟字段

3-12. 日志记录

  1. express

4-1. express的基本使用

4-2. nodemon

4-3. express中间件

4-4. 常用中间件

4-5. express路由

4-6. cookie的基本概念

4-7.实现登陆和认证

4-8. 断点调试

4-9. 跨域之JSONP

4-10. 跨域之CORS

4-11. CORS中间件

4-12. session

4-13. jwt

4-14. 登录和认证-服务器开发

4-15. 登录和认证-客户端开发

4-16. 场景 - 日志记录

4-17. 场景 - 文件上传

4-18. 场景 - 文件下载

4-19. 场景 - 图片水印

4-20. 场景 - 图片防盗链

4-21. 重要场景 - 代理

4-22. 扩展场景 - 模版引擎

4-23. 场景 - 生成二维码

4-24. 场景 - 生成验证码

4-25. 场景 - 客户端缓存

4-26. 场景 - 富文本框

  1. 补充

5-1. websocket原理

5-2. socket.io

5-3. [扩展]在线聊天室

5-4. CSRF攻击和防御

5-5. XSS攻击和防御

5-6. NodeJS组成原理

5-7. 进程和线程

全栈项目-个人博客服务端设计

  1. 项目介绍
  2. 项目准备part1
  3. 项目准备part2
  4. 错误处理类的编写
  5. 管理员模块登录功能
  6. token的生成和验证
  7. 完成管理员模块剩余功能
  8. 制作验证码
  9. 首页标语模块
  10. 上传文件
  11. 文章类型模块
  12. 文章模块part1
  13. 文章模块part2
  14. TOC相关处理
  15. 项目管理模块
  16. 评论管理和留言板模块
  17. 全局设置和关于模块
  18. 完善项目细节
  19. 项目总结

设计模式 - 陈思彤

1.设计模式项目应用深入解读一

2.设计模式项目应用深入解读二

  1. javascript设计模式一
  2. javascript设计模式二
  3. javascript设计模式三
  4. javascript设计模式四

vue ssr - 丁永志

  1. SSR的基本介绍
  2. SSR基本api
  3. SSR环境搭建
  4. 路由处理与数据预取
  5. vue-cli3修改SSR
  6. nuxt基本介绍与初始化项目
  7. nuxt路由
  8. nuxt布局
  9. nuxt中的vuex以及鉴权应用
  10. nuxt静态化

React - 袁进

1.起步

1-1. React简介

1-2. Hello World

1-3. 使用脚手架

1-4. 开发环境

  1. React核心概念

2-1. JSX

2-2. [demo]图片切换

2-3. 组件和组件属性

2-4. [demo]显示学生列表

2-5. 组件状态

2-6. [demo]自动移动的小球

2-7. 事件

2-8. [demo]制作分页组件

2-9. 深入认识setState

2-10. 生命周期(1)

2-10. 生命周期(2)

2-11. 传递元素内容

2-12. [demo]制作朦层组件

2-13. [demo]制作三栏布局组件

2-14. 表单

2-15. [demo]封装表单组件

  1. React进阶

3-1. 属性默认值和类型验证

3-2. [demo]为通用组件添加约束

3-3. HOC

3-4. [demo]优化表单组件

3-5. ref

3-6. [demo]制作轮播图组件

3-7. ref转发

3-8. Context(1)-旧版API

3-8. Context(2)-新版API

3-9. [demo]表单组件组合

3-10. PureComponent

3-11. Render Props

3-12. Portals

3-13. 错误边界

3-14. [扩展]React中的事件

3-15. 渲染过程(1)-新节点挂载

3-15. 渲染过程(2)-更新和卸载

3-16. 工具

  1. HOOK

4-1. HOOK简介

4-2. State Hook

4-3. Effect Hook

4-4. [demo]Hook练习

4-5. 自定义Hook

4-6. [扩展]Reducer Hook

4-7. Context Hook

4-8. Callback Hook

4-9. Memo Hook

4-10. Ref Hook

4-11. ImperativeHandle Hook

4-12. LayoutEffect Hook

4-13. DebugValue Hook

4-14. React动画(1)

4-15. React动画(2)

4-16. React动画(3)

4-17. React动画(4)

4-18. React动画(5)

  1. Router

5-1. 概述

5-2. 两种模式

5-3. 路由组件

5-4. [demo]搭建后台管理模板

5-5. 路由信息

5-6. [demo]查询学生

5-7. 其他组件

5-8. 常见应用-嵌套路由路径

5-9. 常见应用-受保护的页面

5-10. [扩展]常见应用-实现vue路由模式

5-11. 常见应用-实现导航守卫

5-12. 常见应用-路由切换动画

5-13. 常见应用-滚动条复位

5-14. 常见应用-阻止跳转

  1. Router源码

6-1. path-to-regexp

6-2. history

6-3. [扩展]手写history(1)

6-3. [扩展]手写history(2)

6-4. 实现Router

6-5. 实现Route

6-6. 实现Switch

6-7. 实现withRouter

6-8. 实现Link

  1. Redux

7-1. Redux核心概念

7-2. 使用Redux管理数据

7-3. action

7-4. reducer

7-5. store

7-6. 手写createStore

7-7. 手写bindActionCreators

7-8. 手写combineReducers

7-9. Redux中间件

7-10. [扩展]手写applyMiddleware

  1. Redux中间件

8-1. redux-logger

8-2. redux-thunk

8-3. [扩展]手写thunk

8-4. [demo]管理学生数据

8-5. [扩展]redux-promise

8-6. [复习]迭代器和迭代协议

8-7. [复习]生成器

8-8. saga基础

8-9. saga指令(1)

8-10. saga指令(2)

8-11. [扩展]手写saga(1)

8-12. [扩展]手写saga(2)

8-13. [扩展]手写saga(3)

8-14. redux-actions

  1. 组件、路由和数据

9-1. react-redux

9-2. [demo]查询学生

9-3. [扩展]手写react-redux

9-4. [扩展]react-redux额外的api

9-5. redux和router

9-6. [扩展]手写connected-react-router

9-7. dva(1)

9-8. dva(2)

9-9. [扩展]手写dva(1)

9-10. [扩展]手写dva(2)

9-11. [扩展]手写dva(3)

9-12. dva插件

9-13. [扩展]手写dva-loading

10.umijs

10-1. umi简介

10-2. 约定式路由

10-3. 配置式路由

10-4. 使用dva

10-5. 使用样式

10-6. 代理和数据模拟

10-7. [demo]学生管理(1)

10-7. [demo]学生管理(2)

10-7. [demo]学生管理(3)

10-8. [扩展]umi配置

10-9. umi脚手架

11.AntDesign

11-1通用组件

11-2布局和菜单

11-3表格和分页

11-4表单

11-5[demo]完成学生添加和修改

11-6图片上传-上传接口说明

11-7图片上传-上传组件

11-8其他常用组件(1)

11-9其他常用组件(2)

12.结尾的说明

12-1结尾的说明

React 优化版 - 谢杰

入门篇

第一章 React核心概念

1-1. React 基本介绍

1-2. JSX 基础语法

1-3. 组件与事件绑定

1-4. 组件状态和数据传递

1-5. 表单

1-6. 生命周期

1-7. Hooks

第二章 路由与状态管理

2-1. React-router 介绍

2-2. 学生管理系统part1

2-3. 学生管理系统part2

2-4. React-router 收官

2-5. Redux 介绍

2-6. React-redux 介绍

2-7. React-redux 收官

第三章 Coder Station 前台项目

3-1. Antd 介绍

3-2. 项目介绍与项目准备

3-3. 搭建项目整体框架

3-4. 登录注册part1

3-5. 登录注册part2

3-6. 登录注册part3

3-7. 问答模块part1

3-8. 问答模块part2

3-9. 问答模块part3

3-10. 问答模块part4

3-11. 分类与搜索功能

3-12. 面试题模块与导航守卫

3-13. 个人中心part1

3-14. 个人中心part2

3-15. 项目总结

第四章 Coder Station 后台管理项目

4-1. 项目介绍

4-2. AntdPro 介绍

4-3. Dva 介绍

4-4. Umi 介绍

4-5. 搭建项目整体框架

4-6. 管理员模块part1

4-7. 管理员模块part2

4-8. 管理员模块part3

4-9. 用户模块part1

4-10. 用户模块part2

4-11. 书籍模块

4-12. 后台登录

4-13. 权限控制与图表

4-14. 项目总结

就业篇

第一章 高阶指引

1-1. 属性默认值和类型验证

1-2. 高阶组件

1-3. Ref

1-4. Context

1-5. Render Props

1-6. Portals

1-7. 错误边界

1-8. 组件渲染性能优化

第二章 架构介绍

2-1. 前端框架的理解

2-2. React 和 Vue 描述页面的区别

2-3. 前端框架分类

2-4. 虚拟DOM

2-5. React整体架构

2-6. React渲染流程

2-7. Fiber双缓冲

2-8. MessageChannel

2-9. Scheduler调度普通任务

2-10. Scheduler调度延时任务

2-11. 最小堆

2-12. React中的位运算

2-13. beginWork工作流程

2-14. completeWork工作流程

2-15. 图解 diff 算法

2-16. commit 工作流程

2-17. lane模型

2-18. React中事件

2-19. Hooks原理

2-20. useState和useReducer

2-21. effect相关hook

2-22. useCallback和useMemo

2-23. useRef

2-24. update

2-25. 性能优化策略之eagerState

2-26. 性能优化策略之bailout

2-27. bailout与ContextAPI

2-28. 性能优化对日常开发启示

React项目实战-OA

  1. React人事管理系统学前必读

  2. 课程简介

  3. umijs框架学习

  4. 案例路由表设计

  5. 用户登录模块-账户名登录UI实现

  6. 用户登录模块-手机号码登录UI实现

  7. 本地搭建服务器环境

  8. 用户登录模块数据处理-工具使用

  9. 用户登录模块数据处理-状态管理

  10. 主页面基本结构搭建-模版创建

  11. 主页面基本结构搭建-头部组件制作

  12. 员工分析模块-UI制作

  13. 员工分析模块-数据请求

  14. 制作出勤统计模块

  15. 员工列表模块制作-基本结构搭建

  16. 员工列表模块制作-创建表格组件

  17. 员工列表模块制作-新增/删除组件制作

  18. 员工列表模块制作-搜索组件制作

  19. 员工列表模块制作-员工搜索

  20. 员工列表模块制作-员工详情组件制作

  21. 员工列表模块制作-文件上传组件制作

  22. 员工列表模块制作-新增员工组件制作

  23. 部门信息模块制作-树状图组件制作

  24. 部门信息模块制作-新增部门组件制作

  25. 部门信息模块制作-详情模块制作

  26. 职级模块制作

  27. 绩效考核模块制作

  28. 项目打包构建

React SSR - 袁进

1.从零开始搭建工程

1-1. CSR VS SSR

1-2. 搭建express工程

1-3. 在服务端渲染组件

1-4. 在客户端渲染组件

1-5. 引入样式

1-6. 引入图片

1-7. 使用路由

1-8. 使用路由配置

1-9. 多级路由

1-10.使用redux

1-11.数据通信

1-12.服务端数据加载

1-13.服务端仓库共享问题

1-14.staticContext

2.nextjs

2-1.搭建nextjs工程

2-2.路由

2-3.标题、样式、图片

2-4.纯静态化

2-5.api请求代理

2-6.数据静态化

2-7.动态路由静态化

2-8.根据请求获取数据

2-9.登录接口

2-10.使用redux

2-11.cookie和header的转换

2-12.完成登录功能

3.prerender

3-1.prerender

Web App - 谢杰

第1章 WebAPP介绍

​ 1-1. WebAPP 介绍

​ 1-2. WebView 介绍

第2章 移动端适配

​ 2-1. 移动端基础知识

​ 2-2. viewport 视口

​ 2-3. 移动端适配part1

​ 2-4. 移动端适配part2

​ 2-5. rem适配实战案例

​ 2-6. 移动端适配part3

第3章 响应式

​ 3-1. 响应式设计part1

​ 3-2. 响应式设计part2

​ 3-3. 响应式设计实战案例

第4章 移动端事件

​ 4-1. 移动端事件基础介绍

​ 4-2. 滑屏操作

​ 4-3. 轮播图

​ 4-4. swiperjs

​ 4-5. hammerjs介绍

​ 4-6. hammerjs案例

第5章 实战案例—猫眼电影

​ 5-1. 猫眼项目介绍

​ 5-2. 编写猫眼电影头部

​ 5-3. 搭建单页和多页结构

​ 5-4. 制作热映页面

​ 5-5. 完成影院页面

第6章 现代技术开发WebApp

​ 6-1. vue搭建项目

​ 6-2. 搭建多页结构

​ 6-3. 搭建单页结构

​ 6-4. 封装Slider组件

​ 6-5. 封装MovieInfo组件

​ 6-6. 完成影院模块

第7章 移动端常见操作

​ 7-1. H5调用相机

​ 7-2. 上拉加载和下拉刷新

​ 7-3. 在本地环境配置https证书

​ 7-4. 重力加速度

​ 7-5. 横竖屏切换与方向变化事件

​ 7-6. 更多内容

第8章 常见问题

​ 8-1. 常见问题

Webpack详细版 - 袁进

1.Webpack核心功能

1-1. 如何在浏览器端实现模块化

1-2. webpack的安装和使用

1-3. 模块化兼容性

1-4. [练习]酷炫的数字查找特效

1-5. 编译结果分析

1-6. 配置文件

1-7. devtool配置

1-8. 编译过程

1-9. 入口和出口

1-10. 入口和出口的最佳实践

1-11. loader

1-12. [练习]处理样式

1-13. [练习]处理图片

1-14. plugin

1-15. [练习]添加文件列表

1-16. 区分环境

1-17. 其他细节配置

2.常用扩展

2-1. 清除输出目录

2-2. 自动生成页面

2-3. 复制静态资源

2-4. 开发服务器

2-5. 普通文件处理

2-6. 解决路径问题

2-7. webpack内置插件

2-8. [练习]区域查询

  1. CSS工程化

3-1. css工程化概述

3-2. 利用webpack拆分css

3-3. BEM

3-4. css-in-js

3-5. css module

3-6. 预编译器less

3-7. 在webpack中使用less

3-8. PostCss

3-9.在webpack中使用postcss

​ 3-10.抽离css文件

  1. js兼容性

4-1. babel的安装和使用

4-2. babel预设

4-3. babel插件

4-4. 在webpack中使用babel

4-5. [扩展]对类的转换

4-6. [扩展]async和await的转换

  1. 性能优化

5-1. 性能优化概述

5-2. 减少模块解析

5-3. 优化loader性能

5-4. 热替换

5-5. 手动分包

5-6. 自动分包

5-7. 代码压缩

5-8. tree shaking

5-9. 懒加载

5-10. ESLint

5-11. bundle analyzer

5-12. gzip

  1. 补充和案例

6-1. [扩展]不确定的动态依赖

6-2. 搭建多页应用

6-3. [扩展]搭建vue单页应用

6-4. [扩展]搭建React单页应用

6-5. [扩展]搭建Node应用

6-6. 搭建全栈应用

职业深化课程

React Native - 谢杰

第1章 RN快速入门

​ 1-1. RN基本介绍

​ 1-2. 快速搭建 RN 开发环境

​ 1-3. 复习 React 基础知识

​ 1-4. RN 基础知识1

​ 1-5. RN 基础知识2

​ 1-6. 实战案例—照片分享应用

第2章 RN组件

​ 2-1. RN 内置基础组件1

​ 2-2. RN 内置基础组件2

​ 2-3. 容器组件

​ 2-4. Pressable组件

​ 2-5. 列表组件1—FlatList渲染电影列表

​ 2-6. 列表组件2—下拉刷新和上拉加载

​ 2-7. 列表组件3—SectionList渲染电影列表

​ 2-8. 功能组件

​ 2-9. 第三方组件库

第3章 自定义组件

​ 3-1. 自定义组件案例1—弹框组件

​ 3-2. 自定义组件案例2—单选组件

第4章 RN常用APIs

​ 4-1. 基础API

​ 4-2. 屏幕API

​ 4-3. 设备API

​ 4-4. 动画API—LayoutAnimation

​ 4-5. 动画API—Animated

​ 4-6. 动画API—Animated.event

​ 4-7. 动画API—Animated实战案例

​ 4-8. 手势API

第5章 RN社区生态

​ 5-1. ReactNavigation简介

​ 5-2. 参数传递和标题栏配置

​ 5-3. 嵌套路由与生命周期

​ 5-4. 其他类型的导航

​ 5-5. 状态管理介绍

​ 5-6. redux-toolkit示例一

​ 5-7. redux-toolkit示例二

​ 5-8. 其他第三方库

​ 5-9. ExpoSDK

第6章 RN项目实战

​ 6-1. 百度翻译效果展示

​ 6-2. 搭建项目整体结构

​ 6-3. 书写静态页面

​ 6-4. 实现翻译功能

​ 6-5. 选择语言和历史记录功能

​ 6-6. 电影项目效果预览

​ 6-7. 书写首页头部组件

​ 6-8. 完成首页

​ 6-9. 制作电影详情页

​ 6-10. 制作更多电影头部组件

​ 6-11. 完成更多电影页面

​ 6-12. 完成影院页面

​ 6-13. 制作搜索页面1

​ 6-14. 制作搜索页面2

​ 6-15. 城市列表和项目总结

第7章 RN架构

​ 7-1. RN架构介绍

第8章 常见问题

​ 8-1. ReactNativeCLI搭建环境

​ 8-2. 打包应用

服务器部署 - 潘明

  1. 课程介绍
  2. 名词解释
  3. 本地hosts文件讲解
  4. 静态网页的请求流程
  5. 多个域名可以指向同一个服务器的说明
  6. 跨域的情况下接口请求的处理
  7. 使用反向代理之后的接口请求流程
  8. 前后端不分离的页面请求过程
  9. 第二部分课程内容介绍
  10. 服务器购买记忆操作系统选择
  11. 域名的购买以及解析
  12. 域名解析的详细设置说明
  13. 连接到服务器并且安装开发人员相关包
  14. 配置服务器免密登录
  15. 安装nginx并配置防火墙规则
  16. 安装nodejs
  17. nodejs进程管理工具安装和说明
  18. 安装mysql并且修改默认密码
  19. 打包vue项目并上传到服务器
  20. 配置nginx让vue项目可以访问
  21. 上传和部署接口项目
  22. 后端管理系统的配置

oauth2 - 韩刚

1.认识OAuth2

2.获取令牌的四种方式

  1. 三方应用实现github授权
  2. 微信三方应用登录实现

5.支付宝支付功能-沙箱测试

MVVM原理 - panda

  1. 介绍
  2. 程序的起点
  3. 代理Data对象-基本方式
  4. 代理Data对象-对象嵌套情况
  5. 代理Data对象--数组变化
  6. 虚拟DOM树-vnode
  7. 虚拟DOM树-建立虚拟DOM树
  8. 内容渲染-构建模板节点索引
  9. 内容渲染-renderVNode
  10. 内容渲染-修改属性后自动渲染
  11. 属性解析-v-model
  12. 属性解析-双向数据绑定
  13. 属性解析-v-for
  14. 属性解析-修改数组后自动渲染
  15. 属性解析-v-bind
  16. 属性解析-v-bind-表达式解析
  17. 属性解析-v-bind-自动执行表达式
  18. 属性解析-v-on-绑定事件
  19. 生命周期-created
  20. 案例调试

TypeScript基础 - 袁进

1.概述

  1. 自我介绍和课程结构介绍
  2. JS语言的问题
  3. TS语言的特点

2.在node 中搭建TS开发环境

  1. 安装TypeScript
  2. TypeScript配置文件
  3. 使用第三方库简化流程

3.基本类型检查

  1. 类型约束和编译结果对比
  2. 基本类型
  3. 其他类型
  4. 类型别名
  5. 函数的相关约束
  6. 练习:创建并打印扑克牌

4.扩展类型-枚举

  1. 字面量类型的问题
  2. 枚举的使用
  3. 练习:使用枚举优化扑克牌程序
  4. 扩展知识:枚举的位运算

5.模块化

  1. 在TS中使用模块化
  2. 编译结果中的模块化
  3. 解决默认导入的错误
  4. 如何在TS中书写commonjs模块化代码
  5. 模块解析
  6. 练习:使用模块化优化扑克牌程序

6.接口和类型兼容性

  1. 接口的概念
  2. 接口的使用
  3. readonly修饰符
  4. 类型兼容性
  5. 练习:用接口改造扑克牌程序

7.TS中的类

  1. 概述
  2. 新增的类语法
  3. 访问器
  4. 练习:增加洗牌和发牌功能

8.泛型

  1. 在函数中使用泛型
  2. 在类、接口、类型别名中使用泛型
  3. 泛型约束
  4. 多泛型
  5. 练习:自定义字典类

9.项目实战-使用React+TS开发三字棋游戏

  1. 效果展示和工程搭建
  2. 在React中使用TS
  3. 制作棋子组件
  4. 制作棋盘组件
  5. 制作Game组件-项目完结
  6. 总结

TypeScript进阶 - 袁进

1.深入理解类和接口

  1. 面向对象概述
  2. 类的继承
  3. 抽象类
  4. 静态成员
  5. 再谈接口
  6. 索引器
  7. this指向约束

2.项目实战-使用webpack+ts开发俄罗斯方块

  1. 概述
  2. 工程搭建
  3. 小方块类
  4. 小方块的显示类
  5. 开发方块组合类
  6. 开发俄罗斯方块生产者模块
  7. 开发俄罗斯方块规则类
  8. 实现俄罗斯方块旋转功能
  9. 实现游戏类
  10. 触底处理
  11. 完成游戏界面
  12. 消除处理
  13. 游戏结束判定和积分功能
  14. 项目总结

3.装饰器

  1. 概述
  2. 类装饰器
  3. 成员装饰器
  4. 装饰器练习
  5. reflect-metadata库
  6. class-validator和class-transformer库
  7. 装饰器补充

4.类型演算

  1. 三个关键字
  2. 预定义的类型演算

5.声明文件

  1. 概述
  2. 编写声明文件
  3. 发布

6.项目实战

  1. 概述
  2. 服务器开发环境搭建
  3. 使用tslint 进行代码风格检查
  4. 开发Movie实体类
  5. 处理plainobject的转换
  6. 定义数据库模型
  7. 增删改查功能
  8. 按条件查询电影
  9. 完成api接口
  10. 完成图片上传接口
  11. 搭建客户端工程并完成ajax请求
  12. 创建reducer和action
  13. 创建仓库
  14. 用thunk 处理副作用
  15. 添加路由功能
  16. 制作布局
  17. 制作电影表格组件(1)
  18. 制作电影表格组件(2)
  19. 制作电影表格组件(3)
  20. 制作图片上传组件
  21. 制作电影表单组件
  22. 制作修改电影页面
  23. 项目打包

7.TS和其他前端技术如何融合

webGL - 董美琪

  1. CPU与GPU
  2. webGL初识
  3. 点的绘制

4-1. 绘制三角形

4-2. 绘制线段

5-1. 绘制矩形

5-2. 绘制矩形(二)

6-1. 绘制圆

6-2. 绘制圆环

7-1. 片元着色器绘图流程

7-2. 纹理

8-1. 数学向量

8-2. 数学矩阵

9-1. 图像平移

9-2. 图像旋转

9-3. 图像缩放

9-4. 复合变换(一)

9-5. 复合变换(二)

  1. 绘制平面图形总结
  2. 坐标系统
  3. 立方体
  4. 球体
  5. 圆柱体

ThreeJs-董美琪

  1. 课程简介
  2. 第一个程序
  3. 透视相机和正交相机

4-1. 渲染器

4-2. 渲染器补充

5-1. 几何体之Geometry

5-2. 几何体(二)

6-1. 材质基类

6-2. 材质属性使用

6-3. 裁剪demo

6-4. 材质基类(二)

6-5. 材质

7-1. 光源之环境光

7-2. 光源之平行光

7-3. 光源之半球光

7-4. 光源之点光源

7-5. 光源之平面光光源

7-6. 光源之聚光灯

7-7. 点光源补充-阴影

8-1. 纹理(一)

8-2. 纹理(二)

8-3. 纹理参数

8-4. 纹理旋转和偏移

8-5. 纹理demo

mpvue - JC

1-mpvue认识

2-mpvue快速入门

3-生命周期

4-模板使用

5-计算属性

6-Class与Style绑定

7-条件渲染和列表渲染

8-事件处理器

9-表单控件绑定

10-组件

11-小程序组件

12-movie-flyio

13-全局存储于页面跳转传参

14-案例_今日新闻-1

15-案例_今日新闻-2

16-案例_水浒传-1

17-案例_水浒传-2

18-案例_音乐风云榜-1

19-案例_音乐风云榜-2

20-案例_音乐风云榜-3

21-案例_机器人聊天-1

22-案例_机器人聊天-2

23-案例_侧滑菜单+旅游风景-1

24-案例_侧滑菜单+旅游风景-2

25-汇率转换-1

26-汇率转换-2

27-汇率转换-3

28-汇率转换-4

29-我的个人中心列表

30-表单提交与照片存储-1

31-表单提交与照片存储-2

32-城市列表-1

33-城市列表-2

34-用户注册表单拨打电话

35-大好商城-1

36-大好商城-2

37-我的电视云操作-1

38-我的电视云操作-2

39-我的电视云操作-3

40-ITBook-1

41-ITBook-2

42-IOS计算器-1

43-IOS计算器-2

44-云图库

45-抽奖小游戏-1

46-抽奖小游戏-2

47-微天气-1

48-微天气-2

49-微方向

50-医疗机构团购站

51-weui投票布局-1

52-weui投票布局-2

53-weui投票布局-3

54-weui投票布局-4

55-weui投票布局-5

56-妈妈课堂-1

57-妈妈课堂-2

58-妈妈课堂-3

59-送祝福-1

60-送祝福-2

61-送祝福-3

62-送祝福-4

63-送祝福-5

64-云数据库与mpvue操作-1

65-云数据库与mpvue操作-2

66-云函数在mpvue中的使用-1

67-云函数在mpvue中的使用-2

68-云存储在mpvue中的运用

Taro - JC

1.认识Taro

2.下载与安装

3.框架简介

4.全局生命周期

5.页面配置与页面事件处理函数-1

6.页面配置与页面事件处理函数-2

7.Taro规范

8.项目配置

9.组件开发

10.属性的生命周期

11.JSX在Taro中的使用

12.组件化&Props

13.计时器案例开发

14.事件处理

15.路由功能

16.静态资源引用

17.组件的外部样式和全局样式

18.条件渲染

19.列表渲染

20.案例-图片新闻

21.组件库-视图容器

22.组件库-基础内容

23.组件库-表单组件-1

24.组件库-表单组件-2

25.表单综合操作

26.组件库-导航组件

27.组件库-媒体组件-1

28.组件库-媒体组件-2

29.组件库-地图组件

30.组件库-画布组件

31.组件库-开发能力

32.函数式组件

33.Children与组合

34.RendeRProps

35.Refs

36.API使用说明

37.设备API-加速度计

38.设备API-设备方向

39.设备API-一键剪切板

40.设备API-屏幕亮度

41.设备API-罗盘

42.设备API-联系人和网络

43.设备API-扫码

44.设备AIP-电话截屏与振动

45.设备API-系统信息与Wifi

46.文件操作

47.动画制作

48.交互与导航-1

49.交互与导航-2

50.案例-滚动API和回到最上

51.Taro的各种刷新操作

52.键盘菜单和按钮监控

53.媒体API-对象录音功能

54.案例-录音机-1

55.案例-录音机-2

56.案例-录音机-3

57.媒体API-背景音频控制

58.案例-搜狗音乐播放器

59.加载新字体

60.媒体API-相机拍照

61.在线聊天机器人

62.涂鸦板-1

63.涂鸦板-2

64.云数据基础操作

65.电视云操作-1

66.电视云操作-2

67.电视云操作-3

68.快递查询

69.个人云存储图集-1

70.个人云存储图集-2

71.我的朋友圈-1

72.我的朋友圈-2

73.我的朋友圈-3

74.我的朋友圈-4

75.我的朋友圈-5

76.我的朋友圈-6

77.我的朋友圈-7

78.我的朋友圈-8

79.我的朋友圈-9

mongoDB - 袁进

  1. mongodb的安装
  2. mongodb的基本操作
  3. schema和model
  4. 新增文档
  5. 文档查询
  6. 文档更新
  7. 删除文档
  8. 索引
  9. [扩展]mongoose的并发版本管理
  10. [补充]mongodb的分布式架构
  11. [补充]虚拟属性和模型方法

redis - 袁进

  1. 安装redis
  2. redis的基本命令
  3. 在node中使用redis
  4. 缓存响应体
  5. 缓存session

Koa - 袁进

  1. koa概述
  2. koa api
  3. 中间件练习
  4. koa常用中间件

Egg - 袁进

  1. egg框架的核心功能

1-1. 起步

1-2. 路由和控制器

1-3. 静态资源插件

1-4. 模板引擎

1-5. MVC练习

1-6. 中间件

1-7. 通用模型的提取

1-8. 抽离业务逻辑

1-9. 使用数据库

1-10. 环境配置

1-11. 部署

1-12. 定时任务

1-13. 日志记录

1-14. egg-session

1-15. 异常处理

1-16. egg的其他功能

1-17. 安全

1-18. 整合单页应用

​ 1-19. 使用脚手架

  1. egg进阶

2-1. 框架扩展

​ 2-2. 自定义插件

​ 2-3. 生命周期函数

​ 2-4. passport 鉴权

高薪大厂笔面试题精讲

HTML+CSS知识脉络梳理

JavaScript知识脉络梳理

浏览器和网络知识脉络梳理

工程化知识脉络梳理

vue知识脉络梳理

让你的简历脱颖而出

让面试官听到和其他人不一样的答案

HTML - 谢杰

  1. 文档声明
  2. 语义化
  3. W3C标准组织
  4. SEO
  5. iframe
  6. 微格式
  7. 替换元素
  8. 页面可见性

CSS - 谢杰

  1. CSS单位总结
  2. 居中方式总结
  3. 隐藏元素的方式总结
  4. 浮动
  5. 定位总结
  6. BFC
  7. CSS属性的计算过程
  8. CSS层叠继承规则总结
  9. import指令
  10. CSS3的calc函数
  11. CSS3的媒介(media)查询
  12. 过渡和动画事件
  13. 渐进增强和优雅降级
  14. CSS3变形
  15. 渐进式渲染
  16. CSS渲染性能优化
  17. 堆叠上下文
  18. CSS3 遮罩

JavaScript - 谢杰

  1. let、var、const的区别
  2. 值和引用
  3. 包装类型
  4. 数据类型的转换
  5. 运算符
  6. 原型和原型链
  7. 执行栈和执行上下文
  8. 作用域和作用域链
  9. this指向

10.垃圾回收与内存泄漏

11.闭包(新)

12.DOM 事件的注册和移除

13.DOM 事件的传播机制

14.阻止事件默认行为

15.递归

16.属性描述符

17.class 和构造函数区别 18.浮点数精度问题

19.严格模式

20.函数防抖和节流

21.WeakSet和WeakMap

22.深浅拷贝

23.函数柯里化

24.Node的事件循环

  1. eval

26.尺寸和位置

27.更多知识

Promise - 袁进

01.Promise基础

02.Promise的链式调用

03.Promise的静态方法

04.async和await

05.Promise相关面试题

06.手写Promise-介绍

07.手写Promise-实现状态的变化

08.手写Promise-创建then函数

09.手写Promise-执行队列

10.手写Promise-遍历执行队列

11.手写Promise-完成核心代码

12.手写Promise-catch和finally

13.手写Promise-resolve和reject

14.手写Promise-all

15.手写Promise-allSettled

16.手写Promise-race

浏览器 - 谢杰

  1. 浏览器渲染流程
  2. 资源提示关键词
  3. 浏览器的组成部分
  4. 浏览器离线存储概述
  5. WebSQL
  6. IndexedDB
  7. FileAPI
  8. 浏览器缓存
  9. 跨标签页通信概述
  10. BroadCast实现跨标签页通信
  11. ServiceWorker实现跨标签页通信
  12. storage实现跨标签页通信
  13. SharedWorker实现跨标签页通信
  14. IndexedDB实现跨标签页通信
  15. cookie实现跨标签页通信
  16. postMessage实现跨标签页通信
  17. Websocket实现跨标签页通信
  18. web worker

网络 - 袁进

  1. 五层网络模型
  2. 常见请求方法
  3. cookie
  4. cookie和strorage
  5. 加密
  6. jwt
  7. 同源策略
  8. 跨域-代理
  9. 跨域-CORS
  10. 跨域-JSONP
  11. 文件上传
  12. 输入url地址后
  13. 文件下载
  14. session
  15. HTTP缓存协议
  16. TCP协议
  17. CSRF攻击
  18. XSS攻击
  19. 网络性能优化
  20. 断点续传
  21. 域名和DNS
  22. SSL、TLS、HTTPS
  23. HTTP各版本差异
  24. WebSocket
  25. WebSocket实战

工程化 - 袁进

01.CMJ和ESM

  1. npx

03.ESLint

04.关于webpack的诸多问题

  1. webpack scope hoisting

06.webpack5更新了什么

07.npm模块安装机制

08.模块联邦

vue - 袁进

  1. 组件通信总结
  2. 虚拟DOM详解
  3. v-model
  4. 数据响应原理
  5. diff
  6. 生命周期详解
  7. 你不知道的computed
  8. filter过滤器
  9. 作用域插槽
  10. 过渡和动画
  11. 优化
  12. keep-alive
  13. 长列表优化
  14. 其他API
  15. 模式和环境变量
  16. 更多配置
  17. 更多命令
  18. 嵌套路由
  19. 路由切换动画

20.导航守卫

往期笔面试指导

1.让面试官听到和其他人不一样答案

2.公司技术发展道路,管理发展道路和晋升路线

About

DuOneClass Source Code

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 47.6%
  • HTML 18.8%
  • Vue 17.5%
  • CSS 8.5%
  • TypeScript 6.1%
  • SCSS 0.9%
  • Other 0.6%