导航资讯

主页 > 香港马报资料网 >

香港马报资料网

2019 年 Vue 学习路线图平码香港挂牌

发布时间: 2019-11-21 点击数:

  这并不奇怪,Vue 基于 HTML 的模板语法,响应式的更新机制,平码香港挂牌。可以让你更快、更高效地开发项目,渐进式的开发理念和繁荣的生态圈,给我们提供了大量的最佳实践,无论你是开发简单的活动页还是复杂逻辑的中后台系统,Vue 都可以轻松应对。

  如同任何其他技术一样,Vue 也有入门门槛,学好它并不容易。如果你是 Vue 开发新手,可能已经听过很多行话术语,比如单页面应用程序(SPA)、异步组件、服务器端渲染等等。你可能还听说过与 Vue 有关的一些工具和库,比如 Vuex、Webpack、Vue CLI 和 Nuxt。

  淹没在术语和工具海洋中难免会令人感到沮丧,这并不是你的错,有经验的开发人员也会持续感觉到这种压力。下面这张图是 2019 年学习 Vue 的图鉴,看完以后,会不会觉得体系太庞大了?我们来树理一下。

  Vue 是一个用于构建 Web 用户界面的 Java 框架。在开始使用 Vue 之前,你必须了解 Java 和 Web 开发的基础知识。

  如果你是 Vue 开发新手,应该专注于 Vue.js 生态系统的核心,包括 Vue 核心库、Vue Router 和 Vuex。这些工具将被用在大多数 Vue 应用程序中,并为其他领域提供了一个构建框架。

  从根本上,Vue 就是提供了一种优雅和高效的机制操作网页上的元素,实现这一目标的关键特性是反应式(reactive)数据,还有指令和插槽等模板特性。这些东西在一开始就要学习。

  要想构建你的第一个 Vue 应用程序,你还需要知道如何在网页中安装 Vue,并了解 Vue 实例的生命周期;如何声明和利用组件,如何通过 prop 和 event 在它们之间交互;如何构建单页面应用,并且不会在每次用户触发导航时重新加载和重建页面。随着应用程序的复杂度增加,你还需要管理各种状态,这时候你会用到 Flux ……

  用这些知识可以构建高性能的 Vue 应用程序,那如何将它们部署到生产环境中?想要产品上线,你还需要学习更多东西,比如项目脚手架 Vue CLI,你需要 Vue 和传统的 REST API 或 GraphQL 交互,还需要保证数据的安全,还要对它们进行测试,这时候你会遇到 Vue Test Utils。

  当你将应用程序部署到服务器开始为用户提供服务的时候,你发现它与你在开发环境中测试的速度和效率是不一样的。为了优化 Vue 应用程序,我们可以采用各种技术,包括服务器端渲染,也就是在服务器端执行 Vue 应用程序,然后输出 HTML 页面并传给用户。

  Vue 不是孤立存在的,它只是前端技术栈中的一层。高级 Vue 开发人员不仅需要熟悉 Vue,还需要熟悉每个 Vue 项目的关键工具。比如:

  Babel:Vue 应用程序可以使用 ES5 开发,ES5 是几乎所有浏览器都支持的 Java 标准。如果你想用 ES6,获得增强的开发体验,就需要 Babel,它的作用是在应用程序发布之前将你的现代功能「转换」(翻译和编译)为标准功能。

  Webpack 是模块捆绑器,如果你的代码跨越了不同模块(例如不同的 Java 文件),Webpack 可以将这些零散的代码「构建」到浏览器可读的单个文件中。Webpack 还可以作为构建管道,你可以在构建代码之前对代码进行转换,例如使用 Babel、Sass 或 Type,还可以使用一系列插件来优化你的应用程序。

  Type 是 Java 语言的超集,提供了类型(String、Boolean、Number 等),这样我们就可以编写健壮的代码,并尽早发现错误。Vue.js 3 将于 2019 年推出,将完全使用 Type 编写。但这并不意味着你一定要在你的 Vue 项目中使用它,但如果你想要为 Vue 贡献代码,或者想要理解它的内部工作原理,就需要了解 Type。

  如果你想给 Vue 做个插件,如果你想做个动画,甚至 Progressive Web App……你需要学习更多。

  自从极客时间上架了 React 和 重学前端的课程之后,很多用户一直要求有 Vue 课程,其实就是找到一个领路人为大家高效遍历这个学习路线图,同时进行实战演练。我们找了唐金州老师,开设了视频课《Vue开发实战

  》。唐金州,目前就职于一点资讯,负责数据中心的前端开发和管理工作,之前曾就职于搜狗、阿里的蚂蚁金服,他不仅负责前端相关的开发工作,对中后台和移动端都有丰富的开发经验。

  的作者,这一组件库在开源后获得了众多好评,已经纳入 Ant Design 官方域名下,成为了蚂蚁金服 Ant Design 官方唯一指定的 Vue 版组件库。视频课会介绍 Vue 的核心知识点及实现原理,从属性、事件、插槽、指令再到生命周期,让你学完后对 Vue 有一个全面的认识,可以上手开发基本的组件,甚至是负责项目中独立的模块。也会讲大型 Vue 项目的必备技能点,

  这些都会搭配课后习题,进一步加深读者对技术的理解。不同于市面上大多数教程,原理和实战相辅相成是这个课程的特色之一。整个学习周期,讲师会跟你基于 Vue 去开发一个完整的大型开源项目 Ant Design Pro,从开发、测试、打包构建到最终的上线,并努力将它打造成一个万星项目。这样通过实战把所有零碎的知识点串联起来,即学即用,把知识点掌握得更牢固和透彻。

  另外,课程是基于 Vue 2.6 最新版本的语法讲解的,并无缝对接即将到来的 3.0 版本,3.0 版本正式发布后,金州老师会在第一时间补充 3.0 相关知识点,保证大家能够快速的享受新版本带来的优势。

  相信你学完这门课程之后,不仅能够掌握 Vue 的技术应用, 也会对其底层原理有所了解,并且通过我们设计的实战项目,具备独立负责 Vue 前端项目的能力。

  声明:该文观点仅代表作者本人,搜狐号系信息发布平台,搜狐仅提供信息存储空间服务。