课程分类

课程搜索

浏览历史

登录可查看
课程浏览历史

立即登录
课程介绍
课程目录
用户评论
课程介绍
课程目录
用户评论

你将获得

  • 掌握某些知识点
  • 学会某些技巧（或思路）

教学服务

  • icon

    1v1专属答疑服务

  • icon

    BAT专家面试辅导

讲师介绍

  • 头像

    陈元广

    曾任大型互联网公司前端架构师，对于项目的性能优化有着深入研究，对于java，go语言有一定的研究，有着丰富的前后端数据交互以及项目架构经验，对于前端各种框架有深入的研究，在大型IT教育公司担任近2年的教学总监，有着丰富的教学经验

    曾任大型互联网公司前端架构师，对于项目的性能优化有着深入研究，对于java，go语言有一定的研究，有着丰富的前后端数据交互以及项目架构经验，对于前端各种框架有深入的研究，在大型IT教育公司担任近2年的教学总监，有着丰富的教学经验

    • 课程详情

    1. 基本语法
      1. Let和const
      2. 变量的解构赋值
      3. 字符串的扩展
    2. 方法的扩展
      1. 数值
      2. 函数
      3. 数组
      4. 对象
    3. 异步编程机制
      1. Promise
      2. Async函数
    4. Class类
      1. 基本用法
      2. Class的继承
    5. Module语法
      1. 常用写法
      2. 实现加载
    6. Webpack的基本使用
      1.    安装与文件基本配置
        1. 入口起点与输出
        2. 加载器
        3. 插件
        4. 与bebal的结合
        5. devtool
      2. 常用loader
        1. babel-loader
        2. css-loader
        3. html-loader
        4. eslint-loader
        5. style-loader
        6. vue-loader
        7. url-loader
    7. Webpack的其他配置
      1. 插件
        1. CommonsChunkPlugin
        2. HtmlWebpackPlugin
        3. HotModuleReplacementPlugin
        4. UglifyjsWebpackPlugin
      2. devtool
      3. resolve
      4. webpack-dev-server
    8. Vue基础特性
      1. Vue实例
        1. 构造器
        2. 属性和方法
        3. 实例生命周期
      2. 模板语法以及常用内置指令
        1. 插值
        2. 常用内置指令的介绍
    9. 计算属性
      1. 计算属性
        1.   computed的基本使用
        2. 计算属性和methods方法的性能区别
        3. 计算属性和watched属性的使用区别
        4. 计算属性中get和set方法的使用
      2. 绑定HTML Class
        1. 对象语法
        2. 数组语法
        3. 组件上的使用
      3. 绑定内联样式
        1. 对象语法
        2. 数组语法
        3. 自动添加前缀
        4. 多重值
    10. 条件渲染和列表渲染
      1. 条件渲染
        1. V-if
        2. V-else
        3. V-else-if
        4. V-show
        5. 用key管理可复用的元素
      2. 列表渲染
        1. 基本用法
        2. Template v-for
        3. 对象迭代 v-for
        4. 整数迭代 v-for
        5. 组件和 v-for
        6. v-for with v-if
        7. key属性的使用
        8. 数组的变异方法
        9. 重塑数组（非变异方法的使用）
        10. 过滤器
    11. 事件处理器
      1. 监听事件
      2. 方法事件处理器
      3. 内联处理器方法
      4. 事件修饰符
      5. 键值修饰符
      6. 修饰键
      7. 表单控件绑定
      8. 基础用法
        1. 文本
        2. 多行文本
        3. 复选框
        4. 单选按钮
        5. 选择列表
      9. 绑定value
        1. 复选框
        2. 单选按钮
        3. 选择列表设置
      10. 修饰符
        1. lazy
        2. number
        3. trim
    12. 组件
      1. 组件的定义
      2. 组件的基本用法
        1. 注册
        2. 局部注册
        3. DOM模板解析说明
        4. Data必须是函数
        5. 构成组件
      3. Prop
        1. 使用prop传递数据
        2. html属性传递的书写格式
        3. 动态prop
        4. 字面量语法和动态语法
        5. 单向数据流
        6. Prop验证
    13. 组件
      1. 自定义事件
        1. 使用v-on绑定自定义事件
        2. Sync修饰符
        3. 使用自定义事件的表单输入组件
        4. 定制组件的v-model
        5. 非父子组件通信
      2. 动态组件
        1. Keep-alive
      3. 高级用法
        1. 编写可复用组件
        2. 子组件索引
        3. 组件命名约定
        4. 递归组件
    14. 过渡效果
      1. 单元素的过渡
        1. 过渡的-css-类名
        2. Css过渡
        3. Css动画
        4. 自定义过渡类名
        5. 同时使用transitions和Animations
        6. 显性的过渡效果持续时间
        7. Js钩子函数
      2. 初始渲染的过渡
      3. 多个元素的过渡
        1. 过渡模式
      4. 多个组件的过渡
      5. 列表过渡
    15. 自定义指令
      1.   钩子函数
      2.   钩子函数参数
      3.   函数简写
      4.   对象字面量
      5. Render函数
        1. CreatElement参数
        2. 使用javaScript代替模板功能
        3. Jsx语法
        4. 函数化组件
      6. 插件
        1. 开发插件
        2. 使用插件
    16. Vue-router插件
      1. 基本使用
        1. 引入到基于webpack的项目架构中使用
        2. 实例化路由
        3. 配置路由
        4. <router-link>
        5. Props
        6. Replace
        7. Tag
        8. Active-class
      2. 路由信息对象
        1. $route.path
        2. $route.params
        3. $route.query
        4. $route.hash
        5. $route.fullPath
        6. $route.matched
        7. $route.name
    17. Vue-router插件
      1. Router实例属性
        1. Router.app
        2. Router.mode
        3. Router.currentRoute
      2. Router实例方法
        1. Router.push()
        2. Router.replace()
        3. Router.go()
        4. Router.forward()
        5. Router.addRouters()
      3. 钩子函数
        1. BeforeRouteEnter
        2. beforeRouteUpdate 
        3. beforeRouteLeave
      4. 基于路由的数据获取
        1. 导航完成之后获取
        2. 导航完成之前获取
      5. 组件懒加载
    18. 常用插件使用
      1.   常用ui框架
        1. Element-ui
        2. Vux
        3. Mint-ui
        4. iview
      2. 常用js插件
        1. axios
        2. Vue-awesome-swiper
        3. echart
        4. axios-mock-adapter
        5. mockjs
        6. vue-lazyload
    19. 后台管理系统项目实践一
      1.   使用mockjs和axios-mock-adapter实现数据的请求+渲染；
      2.   进行分页处理，数据排序
      3.   数据的增删改查
    20.  移动端电商项目实践一
      1. 订单购物车功能
     
     
     
    热门知识