web pack

WebPack是模块捆绑器，若是你的代码跨越了不一样模块（例如不一样Javascript文件），web pack能够将这些零散的代码构建到浏览器可读单个文件中。

web pack还能够做为构建通道，你能够在构建代码以前对代码进行转换，例如使用Babel/Sass或TypeScript还可使用一系列插件来优化你的应用程序。

不少开发人员以为web pack难以掌握，配置起来也很麻烦，但若是没有它，将没法使用Vue的一些功能（如单个文件组件）。

最近发布的VueCLI3提供了一种用于在Vue项目中抽象和自动配置web pack的解决方案。

这是否意味着你不须要学习web pack了？固然不是，由于你仍然不可避免的须要进行定制或调试web pack配置。

Vue 的框架

构建在 Vue 之上的框架让你无需从头开始实现服务器端渲染，还能够建立本身的组件库以及完成不少其余常见任务。

有不少很好的 Vue 框架，在这里咱们只列出使用最为普遍和最重要的三个框架。

Nuxt.js

若是你想要构建一个高性能的 Vue 应用程序，就须要基于组件的路由、服务器端渲染、代码拆分和其余尖端的功能。你还须要像 SEO 标签这样的功能。

Nuxt.js 经过各类社区插件提供了这些开箱即用的功能，以及更多的功能选项，如 PWA。

Vuetify

谷歌的 Material Design 是一个使用十分普遍的指南，用于构建漂亮的逻辑用户界面，并被用在谷歌的产品（如 Android 和 Web）当中。

Vuetify 在一系列 Vue 组件中实现了 Material Design。所以，你可使用 Material Design 布局和样式快速构建 Vue 应用程序，以及模态、警报、导航栏、分页等小部件。

NativeScript-Vue

Vue.js 是一个用于构建 Web 用户界面的库。若是你想将它用于原生移动界面，可使用 NativeScript-Vue 框架。

NativeScript 是一个用于在 iOS 和 Android 上使用原生用户界面组件构建应用程序的系统，而 NativeScript-Vue 是一个基于 NativeScript 的框架，提供了 Vue 的语法和组件的使用方式。

 其余

插件开发

若是要在项目中重用 Vue 功能或为 Vue 生态系统作贡献，能够将功能做为 Vue 插件来开发。

动画

若是你须要使用动画，请了解一下 Vue 的过渡系统，它也是 Vue 核心的一部分。你能够在向 DOM 添加元素或从 DOM 中删除元素时应用动画。

你须要建立 CSS 类来定义所需的动画效果，不管是淡入淡出、更改颜色仍是你喜欢的其余方式。当向 DOM 中添加元素或从 DOM 中删除元素时，Vue 会检测到这些变动，并在过渡期间添加或删除相应的 CSS 类。

渐进式 Web 应用程序

渐进式 Web 应用程序（PWA）就像普通的 Web 应用程序同样，只是加入了改进的用户体验。例如，PWA 可能包括脱机缓存、服务器端渲染、推送通知等。

大多数 PWA 功能能够经过 Vue CLI 3 插件或使用 Nuxt.js 等框架添加到 Vue 应用程序中，但你仍然须要了解一些关键技术，包括 Web App Manifest 和 ServiceWorker。

-本身是从事了五年的前端工程师，很多人私下问我，2019年前端该怎么学，方法有没有？

没错，年初我花了一个多月的时间整理出来的学习资料，但愿能帮助那些想学习前端，却又不知道怎么开始学习的朋友。