Vue设计最佳实践
steven 查看讲师
百林哲咨询(北京)有限公司专家团队成员
一线互联网研发总监、9 年资深内训讲师,最早基于jq 封装公司级 pc 组件,13 年开始应用 react 到业务实战中(基于 chrome内核的网页),国内早期 vue 深入实践者(从0.多版本开始关注,经历过1和2变换)。
浏览:5868次
详情 DETAILS

简介

前端 MVP 模式框架中又出来了一个 Vue.js,已有超越 Angular、React之势。Vue.js是一套构建用户界面的渐进式框架,与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件

目标

1.快速了解和熟悉 Vue.js 基础知识以及开发工具

2.快速熟悉 ES6 以及一些函数柯里化等在 Vue.js 的应用

3.熟悉和掌握预编译 css 在 Vue.js 的应用

4.深入实战来了解 SPA 项目搭建

5.熟悉 Vue.js 中的前后端交互方式

6.了解组件原理,独立编写 Vue.js 组件

7.熟悉 1.0 和 2.0 的版本区别

8.熟悉数据流 vuex 的应用和原理

9.了解 Vue.js 框架实现细节

课程时长

2天(12H)

受众人群

1.有一定 js 基础或者对前端新技术感兴趣;

2.技术主管、架构师、各个阶段的前端开发、喜欢前端的后端开发、全栈开发

分享提纲

章节内容

第一章 Vue.js 入门

- 与其他框架的区别(jquery,angular,react等)

- 双向绑定

- 指令

- 计算属性

- 过滤器

- class 与 style

- 过渡

第二章 预编译 css 基础

- 优势是什么

- sass

- stylus

- 在 Vue.js 中的配置和应用

第三章 ES6 语法补充

- 模块

- 变量定义

- 函数

- Object 对象

- babel

- 函数柯里化概念补充

- 在 Vue.js 中的配置和应用

第四章 开发工具

- IDE 推荐

- 如何调试 Vue.js

- 项目脚手架 vue-cli 介绍和使用

-vue-loader 配置和使用

第五章 与服务端交互方式

- 插件介绍

- 跨域

- jsonp

- 自定义请求头

第六章 事件和实例方法

- method

- events

第七章 路由和视图

-路由插件使用

- 搭建一个 SPA 项目

第八章 常用表单

- v-model 的应用场景

- 验证插件使用

- 修饰指令

第九章 组件开发和使用

- 基础

- 模板

- 异步

- 生命周期

- 基于第三方组件开发

第十章 设计一个公司级组件库

- 文件结构

- 组件拆分

- 基于 2.0 和 1.0 开发差异

- 打包合并策略

第十一章 Vue.js 2.0

- 1.0 迁移 2.0 的成本和变化

- 2.0 的新增

- Virtual DOM

- 服务端渲染技术

第十二章 源码实现分析

- 数据监控

- 响应式原理

- 事件绑定


企业服务热线:400-106-2080
电话:18519192882
投诉建议邮箱:venus@bailinzhe.com
合作邮箱:service@bailinzhe.com
总部地址:
北京市-丰台区-汽车博物馆东路6号3号楼1单元902-B73(园区)
全国客户服务中心:
天津市-南开区-桂苑路15号鑫茂集团鑫茂军民园1号楼A座802-803
公众号
百林哲咨询(北京)有限公司 京ICP备2022035414号-1