新增人资视频和在线问诊视频

随着移动互联网的深入发展，多屏互动和多端兼容友好的界面成为目前系统重要的需求，让前端开发工程师一跃成为目前市场紧俏的人才。 本课程内容包含目前的Vue、React前端框架，把全栈工程师要掌握的前端技术、Node.js相关后台技术、HTML5移动方向开发技术做了系统整合， 致力于培养中高级前端工程师

学完收获：

熟练掌握前端开发HTML、CSS、JavaScript等核心技术

熟练使用面向对象思想进行编程，掌握应对业务编程的能力

熟练掌握前后端分工开发流程、原生 Ajax 请求流程与细节，掌握常见跨域技巧

能够基于jQuery相关 API 熟练开发网页功能

熟练运用bootstrap和CSS3媒体查询、rem等开发响应式网页

熟练掌握模块化编程方式，熟练使用 Node.js和Express框架对MySQL 数据库进行增删改查操作

熟练掌握artTemplate模板引擎的应用

熟练掌握基于cookie、session、token的持久化和身份验证

熟练掌握前后端分离开发模式

熟练掌握 Webpack 项目打包配置流程

熟练掌握Vue2.0、Vue3.0、React前端流行开发框架

熟练掌握微信小程序项目开发

课程目录

• 01、Js基础
• 01
• 01-课堂PPT
• 02-课堂案例
• 03-code
• 视频
• 02
• 01-课堂PPT
• 02-课堂案例
• 03-code
• 视频
• 03
• 01-课堂PPT
• 02-课堂案例
• 03-code
• 视频
• 04
• 01-课堂PPT
• 02-课堂案例
• 03-code
• 视频
• 05
• 01-课堂PPT
• 02-课堂案例
• 03-code
• 视频
• 02、Js高级
• JavaScript进阶第1天
• 01-PPT
• 02-笔记
• 04-素材
• 05-视频
• 06-代码
• JavaScript进阶第2天
• JavaScript进阶第2天（非视频资料）(1)
• JS高级第2天视频
• JavaScript进阶第3天
• 01-PPT
• 02-笔记
• 04-素材
• 05-扩展作业
• 06-代码
• JS高级第3天视频
• keyboard-shortcuts-windows
• 第1天.lake
• 第2天.lake
• 第3天.lake
• JavaScript进阶第4天
• JavaScript进阶第4天(非视频资料)(1)
• JS高级第4天视频
• 03、ajax全部
• Ajax阶段
• Day01_初始Ajax
• Day02_表单和文件上传
• Day03_XHR和Promise
• Day04_ES8和EventLoop
• Git阶段
• 01.概念_git介绍
• 02.概念_git三个区域
• 03.命令_git配置
• 04.01_命令_git初始化仓库和首页代码准备
• 04.02_命令_git使用
• 05.命令_git其他
• 06.01_命令_git回退_查看效果
• 06.02_命令_git回退_回到最近的一次记录
• 07.00.概念_git忽略文件
• 07.01_忽略已经跟踪的文件解决方案
• 08.概念_分支
• 09.概念_分支本质
• 10.命令_分支创建和切换
• 11.0_命令_在分支下开发并提交
• 11.1_命令_再次更新代码_再次在分支下提交
• 11.2_命令_再创建login分支并切换上去
• 11.3_命令_在login分支上编写代码并暂存提交
• 12.0_命令_合并reg分支到master
• 12.1_命令_合并login分支过来_有点特殊
• 13.0_冲突的产生_在合并时发生
• 13.1_冲突的解决
• 13.2_如何避免冲突
• 14.命令_删除分支
• Day01_Git阶段介绍
• Day01_上午总结
• Day04_全天总结
• Node阶段
• Day01_初始Node和ES6模块化语法
• Day02_npm和跨域
• Day03_webpack
• 数据可视化阶段
• Day01_注册登录_拦截器_远程仓库
• Day02_Echarts
• Day03_学生信息管理
• 04、Web_api
• 01
• 01-课堂笔记
• 02-课堂案例及作业
• 03-code
• 视频
• 02
• 01-课堂笔记
• 02-课堂练习
• 03-code
• 视频
• 03
• 01-课堂笔记
• 02-课堂练习
• 03-code
• 视频
• 04
• 01-课堂笔记
• 02-课堂练习
• 03-code
• 视频
• 05
• 01-课堂笔记
• 02-课堂练习
• 03-code
• 视频
• 06
• 01-课堂笔记
• 02-课堂练习
• 03-code
• 视频
• 05、Node
• day01
• 框架前置课-01视频
• day02
• 框架前置课-02视频
• 项目前置课02（代码）
• day03
• 框架前置课03-视频
• 06、React
• day01
• 01-授课大纲
• 03-Video
• 04-其他资料
• day02
• day01
• 00-昨日反馈与今日目标
• 01-安装配置element-ui
• 02-表单基本布局
• 03-element-ui基本校验
• 04-表单的正则校验
• 05-表单的自定义校验
• 06-1表单提交时校验
• 06-2表单的重置效果
• 07-el-form表单校验总结
• 08-2登录页面密码改造
• 08-登录页面手机号改造
• 09-1实现el-button的写法
• 09-2.native的用法
• 10-请求登录接口跨域
• 11-1-跨域解释
• 11-2-跨域的解决方案
• 12-搭理服务器的原理
• 13-本地环境和线上环境起代理
• 14-1-webpack-DevServer介绍
• 14-2完成webpack反向代理配置
• day03
• 03-Video
• day04
• 03-Video
• 07、Vue1
• day-01
• 01-资料
• 02-code
• 03-视频
• day-02
• 01-资料
• 02-code
• 03-视频
• 04-作业
• day-03
• 01-资料
• 02-code
• 03-视频
• 04-作业
• day-04
• 01-资料
• 02-code
• 03-视频
• day-05
• 01-资料
• 02-code
• 03-视频
• day-06
• 02-code
• 03-视频
• 08、vue2
• day-07
• 01-资料
• 02-code
• 03-视频
• day-08
• 01-资料
• 02-code
• 03-视频
• day-09
• 01-资料
• 02-code
• 03-视频
• day-10
• 01-资料
• 02-code
• 03-视频
• 04-PC视频
• day-11
• 01-资料
• 02-code
• 03-视频
• day-12
• 01-资料
• 02-code
• 03-视频
• 09、小程序
• 小程序150
• 01
• 02(1)
• 03(1)
• 04(1)
• 05(1)
• 06
• 06(1)
• 游乐园-高保真
• assets
• links
• preview
• axure.crx
• index.html
• proto.html
• 10、移动Web
• 移动web第二天
• 01-复习
• 02-透视和3d位移
• 03-沿x轴旋转
• 04-沿y轴旋转
• 05-3d呈现
• 06-3d导航栏
• 07-立方体
• 08-缩放
• 09-体会动画
• 10-动画讲解
• 11-动画案例
• 12-风车案例和心跳案例
• 13-无缝滚动1
• 14-无缝滚动2
• 15-智取威虎山
• 16-小熊奔跑案例
• 移动web第六天
• 01-复习
• 02-vw单位
• 03-vh单位
• 04-header
• 05-top(上)
• 06-top(下)
• 07-bottom(上)
• 08-bottom(下)
• 09-video(上)
• 10-video(中)
• 11-video(下)
• 移动web第七天
• 01-媒体查询1
• 02-媒体查询2
• 03-媒体查询3
• 04-京东隐藏盒子案例
• 05-初体验bootstrap
• 06-栅格系统
• 07-栅格系统相关类名
• 08-组件
• 09-轮播图
• 10-准备工作
• 11-腾讯全端轮播图
• 12-腾讯全端导航
• 13-腾讯全端媒体查询修改导航
• 14-腾讯全端响应式
• 移动web第三天
• 01-复习
• 02-使用谷歌模拟器
• 03-pc和手机端区别
• 04-分辨率
• 05-2倍图
• 06-百分比布局
• 07-体验flex布局
• 08-flex组成
• 09-沿主轴排列
• 10-沿侧轴排列
• 11-单独设置侧轴对齐方式
• 12-伸缩比
• 13-支付模块1
• 13-支付模块2
• 14-user模块1
• 15-user模块2
• 16-goods1
• 17-goods2
• 移动web第四天
• 01-复习.html
• 02-配送方式
• 03-弹性盒子多行排列
• 03-改变主轴排列方式
• 04-个人中心1
• 05-overview
• 06-订单头部
• 07-content盒子搭建
• 08-content盒子1
• 09-content盒子2
• 移动web第五天
• 01-课程介绍
• 02-rem单位和媒体查询
• 03-rem适配
• 04-flexible
• 05-体验less
• 06-注释
• 07-运算
• 08-嵌套
• 09-变量
• 10-导入
• 11-导出
• 12-导出2
• 13-禁止导出
• 14-游乐园底部
• 15-banner和title
• 16-item(上)
• 17-item(中)
• 18-item(下)
• 移动web第一天
• 01-字体图标1
• 02-字体图标2
• 03-字体图标3
• 04-字体图标4
• 05-位移
• 06-开门案例
• 07-小米logo案例
• 08-旋转和中心点
• 09-旋转扑克牌
• 10-百度新闻
• 11-复合型写法
• 12-缩放
• 13-剑三案例
• 14-和平精英案例
• 15-渐变
• 16-综合案例
• 11、人资视频
• day01
• 03Video
• day02
• 03-Video
• day03
• 03-Video
• day04
• 03-Video
• day05
• 03-Video
• day06
• 03-Video
• day07
• 03-Video
• day08
• 03-Video
• day09
• 03-Video
• day10
• 03-Video
• day11
• 03-Video
• day12
• 03-Video
• 12、在线问诊视频
• 01(1)
• 01-问诊项目学习路线
• 02-vue3 现状介绍
• 03-vite 构建工具
• 04-vite 创建项目
• 05-安装插件和代码分析
• 06-组合式API介绍
• 07-setup函数
• 08-reactive函数
• 09-ref函数
• 10-reactive 与 ref 的选择
• 11-setup语法糖
• 12-computed函数
• 13-watch函数
• 14-watch监听某个对象属性的变化
• 15-生命周期函数
• 16-ref获取DOM元素
• 17-ref操作组件-defineExpose
• 18-父传子
• 19-子传父
• 20-作业说明
• 21-今日重点总结
• 02(1)
• 01-跨级组件通讯provide与inject函数
• 02-保持响应式-toRefs函数
• 03-案例作业
• 04-vue3总结
• 05-TypeScript 介绍
• 06-TypeScript 作用
• 07-TypeScript 编译
• 08-类型注解
• 09-原始类型
• 10-数组类型
• 11-联合类型
• 12-类型别名
• 13-函数类型-基本使用
• 14-函数类型-无返回值和可选参数
• 15-对象类型
• 16-对象类型练习总结
• 17-接口 interface
• 18-交叉类型
• 19-字面量类型
• 20-类型推断
• 21-类型断言
• 22-今日预习作业和重点总结
• 03
• 01-今日重点
• 02-泛型别名和接口
• 03-泛型函数
• 04-any 类型
• 05-vue-ts项目创建和目录结构介绍
• 06-data变量定义和ts配合使用
• 07-computed与Typescript
• 08-defineProps与Typescript
• 09-函数默认参数值和箭头函数
• 10-defineEmits与Typescript
• 11-事件处理与Typescript
• 12-模版 Ref与Typescript
• 13-类型声明文件
• 14-内置类型声明文件
• 15-第三方库类型声明文件
• 16-共享类型
• 17-给JS文件提供类型
• 18-黑马头条案例模版准备
• 19-频道渲染
• 20-导航切换(课堂练习)
• 21-列表更新
• 22-今日重点总结
• 04
• 01-今日重点和学习计划
• 02-什么是pinia
• 03-pinia特点
• 04-项目中引入pinia
• 05-pinia基本使用
• 06-pinia使用总结
• 07-storeToRefs的使用
• 08-pinia优化头条案例
• 09-项目介绍
• 10-能学到什么
• 11-pnpm介绍&安装
• 12-项目创建
• 13-vscode插件安装
• 14-eslint 预制配置
• 15-路由代码解析
• 16-代码格式化问题总结
• 17-抽离pinia为单独模块
• 18-用户状态仓库
• 19-数据持久化
• 20-模块统一导出
• 21-vant组件库按需引入
• 22-今日作业和重点总结
• 05
• 01-今日开发重点
• 02-移动端适配
• 03-axios封装作业说明
• 04-axios封装测试
• 05-扩展-pinia持久化自定义
• 06-约定路由规则
• 07-登录路由与组件
• 08-组件代码片段
• 09-原生css变量基本使用
• 10-css变量主题定制
• 11-cp-nav-bar 组件结构
• 12-cp-nav-bar组件需求分析
• 13-cp-nav-bar 组件功能
• 14-$attrs透传属性问题说明
• 15-cp-nav-bar 组件类型
• 16-准备登录头部和表单结构
• 17-打包精灵图
• 18-图标组件封装
• 19-控制密码输入框是否显示明文
• 20-表单校验
• 21-登录业务实现
• 22-发短信登录作业说明
• 06
• 01-今日开发任务
• 02-发送验证码登录业务梳理
• 03-短信登录开发问题说明
• 04-ts类型问题总结
• 05-布局容器-底部tab栏
• 06-tabbar样式自定义
• 07-布局容器-访问权限控制
• 08-布局容器-页面标题
• 09-给路由meta添加类型和抽离routes配置
• 10-个人中心-用户信息类型
• 11-泛型工具扩展说明
• 12-个人中心-头部展示
• 13-个人中心-快捷工具
• 14-可选链操作符说明
• 15-个人中心-退出登录
• 16-家庭档案-路由与组件
• 17-患者列表数据获取和渲染
• 18-患者身份证号脱敏处理
• 19-预习作业说明
• 07
• 01-今日开发任务
• 02-v-model语法糖
• 03-准备新增患者弹层
• 04-全局组件导航栏支持自定义返回
• 05-cp-radio-btn 组件封装
• 06-准备新增患者表单和双向数据绑定
• 07-关于类型一致性和vue3打印日志格式化设置
• 08-打开新增患者弹层重置数据为默认
• 09-新增患者表单校验
• 10-新增患者实现
• 11-患者编辑和删除作业
• 12-首页模块-基础结构
• 13-首页模块-切换知识列表
• 14-首页模块-知识加载-效果
• 15-首页模块-知识数据-类型
• 16-首页模块-知识列表上拉加载更多实现
• 17-自定义hooks逻辑复用
• 08
• 01-今日开发任务
• 02-首页模块-推荐关注医生-交互
• 03-首页模块-@vueuse_core适配
• 04-首页模块-推荐关注医生-展示
• 05-首页模块-逻辑复用
• 06-极速问诊-需求分析
• 07-枚举类型基本使用和场景
• 08-极速问诊-定义类型
• 09-极速问诊-问诊记录仓库
• 10-极速问诊-首页记录问诊类型
• 11-极速问诊-选择问诊级别-路由
• 12-极速问诊-选择科室-路由
• 13-极速问诊-科室渲染和切换
• 14-极速问诊-科室选择记录
• 15-病情描述-路由和表单准备和图片上传作业说明
• 16-病情描述-保存数据
• 17-病情描述-回显数据
• 18-今日重点总结
• 09
• 01-今日开发任务
• 02-图片上传作业说明
• 03-选择患者-参数判断和选择实现
• 03-选择患者-默认选中和下一步
• 04-支付流程分析
• 05-问诊支付-路由和预支付信息渲染
• 06-支付业务分析
• 07-html中绑定数据类型问题说明
• 08-控制支付窗口打开
• 09-创建问诊订单
• 10-问诊支付信息获取异常处理
• 11-问诊订单创建成功后控制页面跳转和支付窗口关闭
• 12-问诊订单支付和总结
• 13-问诊室-路由与组件
• 14-问诊室-websocket介绍
• 15-问诊室-socket.io使用
• 16-问诊室-通讯规则
• 17-问诊室-建立连接
• 10
• 01-今日开发任务
• 02-问诊室-默认消息获取和渲染
• 03-token失效连接失败说明
• 04-问诊室-患者病情描述数据格式化
• 05-问诊室-预览病情图片
• 06-问诊室-默认消息总结
• 07-图片预览样式说明
• 08-问诊室-文字聊天-子传父聊天文字
• 09-问诊室-发送文字消息给医生
• 10-问诊室-接收医生的回复
• 11-问诊室-患者和医生消息渲染显示
• 12-问诊室-医生接单前禁用聊天输入框
• 13-问诊室-医生接单
• 14-问诊室-图片聊天
• 15-问诊室-评价医生(作业)
• 16-今日重点总结
• 11
• 01-今日开发任务
• 02-问诊室-查看处方
• 03-问诊室-购买药品
• 04-问诊室-评价医生(作业)说明
• 05-依赖注入数据说明
• 06-问诊记录-路由与组件
• 07-问诊记录-类型定义与API函数
• 08-上拉加载更多效果实现
• 09-问诊记录-加载信息
• 10-问诊记录-优化补充
• 11-问诊记录-订单状态
• 12-问诊记录-取消订单
• 13-问诊记录-删除订单(课堂练习)
• 14-问诊记录-查看处方Hook
• 15-问诊记录-复制订单号
• 16-今日重点总结
• 12
• 01-今日开发任务
• 02-问诊记录-支付抽屉组件封装
• 03-子组件解构orderId失去响应式说明
• 04-药品订单-支付页面-路由
• 05-药品订单-支付页面-类型定义和api函数
• 06-药品订单-支付页面-渲染支付详情
• 07-药品订单-支付页面-进行支付
• 08-药品支付流程总结
• 09-药品订单-订单详情-路由和渲染
• 10-药品订单-物流详情-路由和渲染
• 11-高德地图开发者注册和获取key
• 12-药品订单-高德地图-初始化
• 13-药品订单-物流轨迹绘制
• 14-药品订单-物流轨迹-位置图标自定义
• 15-今日重点总结
• 16-项目部署-pm2部署
• 17-项目部署-环境变量
• 18-自动部署-腾讯云部署
• 19-项目重点业务总结
• 13
• 01-MVVM-介绍和演示
• 02-MVVM-数据响应式原理-介绍
• 03-Object.defineProperty-模拟vm实例对象
• 04-Proxy-了解
• 05-发布订阅模式介绍和实现分析
• 06-技术简历技能和项目经历
• 07-技术简历要点总结
• 08-复习就业
• 09-项目团队组成
• 13-笔记课件资料
• 00-前端开发软件
• Mac
• Windows
• 软件使用说明.txt
• 01-第一阶段
• HTML+CSS课程资料
• 02-第二阶段
• 移动Web开发课程资料
• 03-第三阶段
• 03-阶段三：JavaScript 网页编程资料
• JavaScript高级课程资料
• JavaScript基础课程资料
• jQuery课程资料7.6
• WebAPI课程资料
• 04-第四阶段
• 04-阶段四：前后端交互阶段资料新
• 05-第五阶段
• 1-webpack
• 2-头条项目
• 3-hrsass
• 4-小兔鲜项目
• 5-vue原理
• 06-第六阶段
• 06-阶段六：微信小程序阶段
• 07-第七阶段
• 07-阶段七：React项目实战资料
• 08-第八阶段
• 08-阶段八：面试指导+前端面试题资料
• 11-hrsass
• hr-saas-real-master
• HR-saas中台管理项目资料
• 12-VUE3选学-医疗问诊项目
• DAY01
• day02
• day03
• day04
• day05
• 注意清单.txt