求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Model Center   Code  
会员   
 
 
 
开班计划 | 技术学院 | 管理学院 | 嵌入式学院 | 机械 | 军工学院 | 定向培养 | 专家指导  
 电话 English
成功案例   品质保证
 
   
成功案例
航天信息 Java EE 5
中科院研 J2EE高级开发
赛迪时代 “J2EE设计模式
福富软件 J2EE设计模式和
上海盛趣 J2EE架构设计
信城通 J2EE体系架构设
北大方正 Java中级&J2

相关课程  
Struts+Spring+Hibernate
基于J2EE的Web 2.0应用开发
J2EE设计模式和性能调优
Java EE 5企业级架构设计
Java单元测试方法与技术
Java编程方法与技术
 

全部课程 >web开发  
Vue大型项目开发实战
810 次浏览  51 次
Tim老师
某大型企业总部研发中心 信息化项目高级开发经理。
 
时间地点: 在线 、北京、上海、深圳根据报名开班
课程费用: 5000元/人,详见 公开课学习手册
报公开课  
企业内训:可以根据企业需求,定制内训,详见 内训学习手册


认证方式:
培训前了解能力模型。
培训后进行能力评测:
  • 在线考试
  • 能力分析,给出学习建议
  • 合格者颁发证书,作为职业技能资格证明


      本课程针对培训需求,结合基于Vue的大型项目实例,讲解如何采用Vue.js搭建复杂、功能丰富、易于扩展的应用前端。本课程每一节课都会在实际案例的背景下,清晰讲解Vue.js的相关框架和应用开发实践,同时还会介绍一些本人在多个项目开发中总结的经验。

    课程目标:
    • 使用vue-cli3创建项目
    • 路由基础篇
    • 路由进阶篇
    • 状态管理bus的使用
    • 状态管理Vuex
    • 状态管理Vuex进阶
    • Ajax请求实战
    • 使用Mock模拟Ajax请求
    • Vue中第三方JS库的使用
    • 渲染函数和JSX快速掌握
    • 递归组件的使用
    • 登录/登出以及JWT认证
    • 响应式布局
    • 可收缩多级菜单的实现
    • 可编辑表格的实现
    • Tree组件实现文件目录-基础实现
    • Tree组件实现文件目录-高级实现
    • 文件上传前后端(Node.js)实现
    • Form表单
    • 权限控制
    • Icon组件
    • 大数据量性能优化
    • 多Tab页开发
    • 项目部署
    培训对象:web前端开发工程师
    学员基础:熟悉HTML5,css和Javascript编程
    授课方式: 定制课程 + 案例讲解 + 小组讨论,60%案例讲解,40%实践演练

    培训内容:2天

    1. Vue技术栈开发实战-使用vue-cli3创建项目
  • 使用Vue UI创建、管理项目
  • 项目结构目录整理
  • 初始文件添加
  • 基本配置详解
  • 使用代理解决跨域
  • 2. Vue技术栈开发实战-路由基础篇
  • Router-link和router-view组件
  • 路由配置
      i. 动态路由
      ii. 嵌套路由
      iii.命名路由
      iv. 命名视图
  • JS操作路由
  • 重定向和别名
  • 3. Vue技术栈开发实战-路由进阶篇
  • 路由组件传参
  • HTML5 History模式
  • 导航守卫
  • 路由元信息
  • 过渡效果
  • 4. Vue技术栈开发实战-状态管理bus的使用
  • 状态bus的原理
  • 状态bus对状态的管理
  • 状态bus的应用示例
  • 5. Vue技术栈开发实战-状态管理Vuex
  • State
  • Getter
  • Mutation
  • Action
  • Module
  • 6. Vue技术栈开发实战-状态管理Vuex进阶
  • Vuex插件的开发和使用
  • 严格模式
  • Vuex+双向绑定
  • 7. Vue技术栈开发实战-Ajax请求实战 1.解决跨域问题
    2.封装Axios
    • 列表项目
    • 响应拦截
    • 队列管理
    3.请求实战
    8. Vue技术栈开发实战-使用Mock模拟Ajax请求 1. 响应模拟
    2. Mock用法精讲
    • 数据模板
    • Random方法大全
    • 占位符
    9. Vue技术栈开发实战-Vue中第三方JS库的使用
  • 组件封装基础
  • 组件中使用Id值
  • 获取DOM或组件实例
  • 10. Vue技术栈开发实战-从SplitPane组件谈Vue中如何“操作”DOM
  • 简单两列布局
  • 如何让两个div改变宽度
  • 鼠标拖动效果
  • v-model和.sync的用法
  • 11. Vue技术栈开发实战-渲染函数和JSX快速掌握
  • render函数
  • 函数式组件
  • JSX
  • 作用域插槽
  • 12. Vue技术栈开发实战-递归组件的使用
  • 封装简单Menu组件
  • 递归组件
  • 13. Vue技术栈开发实战-登录/登出以及JWT认证
  • 后端代码概览
  • 登录以及Token处理
  • Token过期处理
  • 退出登录
  • 14. Vue技术栈开发实战-响应式布局
  • Vue-cli3.0中使用iView
  • 布局组件的使用
  • 栅格组件实现响应式布局
  • 15. Vue技术栈开发实战-可收缩多级菜单的实现
  • 递归组件实战
  • v-if和v-show对比
  • 16. Vue技术栈开发实战-可编辑表格的实现
  • JSX进阶
  • iview表格实现单个单元格编辑表格
  • iview表格实现多单元格编辑表格
  • 17. Vue技术栈开发实战-Tree组件实现文件目录-基础实现
  • iview - Tree实现Tree组件使用
  • 扁平数据树状化
  • 自定义组件结构
  • 18. Vue技术栈开发实战-Tree组件实现文件目录-高级实现
  • 封装文件目录组件
  • 操作目录
  • 多个属性v-model替代方案
  • 增加钩子函数
  • 19. Vue技术栈开发实战-文件上传前后端(Node.js)实现
  • 基础表单
  • 动态组件
  • iview - Form高级用法动态表单
  • 20. Vue技术栈开发实战-Form表单
  • 封装文件目录组件
  • 操作目录
  • 多个属性v-model替代方案
  • 增加钩子函数
  • 21. Vue技术栈开发实战-权限控制
  • 简单权限方案
  • 动态挂载路由
  • 页面和组件级别控制
  • 22. Vue技术栈开发实战-Icon组件
  • 简单权限方案
  • 动态挂载路由
  • 页面和组件级别控制
  • 23. Vue技术栈开发实战-大数据量性能优化
  • 列表优化
  • 大型表单优化
  • 表格优化
  • 24. Vue技术栈开发实战-多Tab页开发
  • 根据路由列表生成菜单
  • 多标签实现
  • 菜单、URL和标签联动
  • 25. Vue技术栈开发实战-项目部署
  • Vue.js的部署内容组织
  • Vue.js项目配置注意点
  • Jenkins配置
  • Nginx配置
  • Vue.js的应用运行监控与管理

  •    
    810 次浏览  51 次
    其他人还看了课程
    HTML5 + CSS3 原理与开发应用  7780 次浏览
    Three.js 3D 引擎详解与应用开发  1486 次浏览
    前端数据可视化开发  2150 次浏览
    使用Vue.jS构建web应用实战  4373 次浏览
    Web前端框架、选型与应用  3113 次浏览
    Node+Vue3.0前端全栈开发实战  489 次浏览
    定制内训


    课程计划
    数据建模方法与工具 12-3[北京]
    基于模型系统仿真与验证 12-14 [讲座]
    白盒测试技术与工具实践 12-24[线上]
    LLM大模型应用与项目构建 12-26[特惠]
    UML和EA进行系统分析设计 12-20[线上]
    SysML建模专家 1-16[北京]