文章转载自http://www.qingmengtech.com/blogdetail?id=34写简历是找工作的第一步，第二步是面试。那么简历是敲开面试大门的敲门砖，所以写简历的根本目的是体现你的专业水平和项目经验，那么什么样的简历才能快速抓住HR的眼球呢？作为一名前端工程师的简历，其中最重要的一点就是简历中至少要有一个亮眼的项目。这个项目既要突出你技术的深度和广度，又要匹配公司内的主流技术栈。.那我们一起来分析一下公司目前主流的技术栈有哪些？我们应该如何利用这些技术栈来打造一个“够硬”的垫脚石，从而拿到想要的offer呢？前端部分随着时间和技术的发展，前端框架已经从jQuery一统天下发展到如今Vue、React、Angular的局面。三种框架各有优势，都比较成熟，但从国内前端使用现状来看，使用最多的两个框架是Vue和React。再对比一下Github上的star数：React中的star数虽然不能代表一切，但是从这里也可以看出Vue的火爆程度。很高。让我们关注下面的Vue.js生态系统。VueVue.js是一个极简主义的MVVM框架。如果用一个词来形容，那就是“轻量级”。如果用一句话来形容，它可以集成很多优秀的逐流前端框架，同时保持简单易用。为什么这么说，因为Vue.js通过简洁的API提供了高效的数据绑定和灵活的组件系统。在复杂的前端生态中，Vue.js一直受到一定程度的关注，自身也在高速发展，无论是生态、社区、资源、插件等都在与日俱增.如果说Vuex在整个生态系统中是Vue.js的核心，如果稳坐龙头地位，我会把Vuex放在第二位。学过React的人都知道Redux的重要性，Vuex之于Vue就像Redux之于React。Vuex是专门为Vue.js应用程序开发的状态管理模式。受Flux和Redux的启发，但简化了概念和实现，是专为Vue.js应用程序设计的状态管理架构。如果你的应用足够简单，我建议你不要使用Vuex。但是，如果你需要构建一个中大型的单页应用，你很可能会考虑如何在组件外部更好地管理状态，而Vuex将是一个自然而然的选择。言归正传，什么是状态管理模式？说说我自己的理解。当你在开发一个应用的时候，肯定会分解很多组件进行开发，而各个组件之间肯定是有逻辑关系的。那么组件之间的“通信”就成了需要解决的问题。过去，我们尝试使用事件广播来做，但随之而来的问题是随着应用的不断扩展和变化，事件变得越来越复杂和不可预测，以至于越来越难以调试，并且越多越难追踪bug。这当然不是我们想要的，我们希望应用程序的所有部分都是可维护的、可扩展的、易于调试的和可预测的。于是，状态管理模式应运而生。下图是Vuex实现单向数据流的示意图：VueRouterVueRouter是Vue.js官方的路由插件。它与Vue.js深度集成，适用于构建单页应用程序。Vue的单页应用是基于路由和组件的。路由用于设置访问路径和映射路径和组件。传统的页面应用使用一些超链接来切换和跳转页面。在VueRouter单页应用中，就是路径之间的切换，也就是组件的切换。包含的功能包括：嵌套路由/视图表模块化、基于组件的路由配置路由参数、查询、通配符基于Vue.js转换系统的视图转换具有自动激活的CSS类的细粒度导航控件自动链接HTML5历史模式或哈希模式downgradecustomscrollbarbehaviorinIE9VueCLI作为Vue的脚手架，VueCLI无疑是优秀的。它可以帮助您快速上手使用Vue构建的项目，而无需花费额外的时间来熟悉Vue项目的文件系统。使用方法也很简单：安装VueCLI3：npminstall-g@vue/cli查看版本号：vue–V输入项目：cdproject-name运行项目：npmrunserve注意：如果你已全局安装如果你有旧版本的vue-cli（1.x或2.x），你需要通过npmuninstallvue-cli-g或yarnglobalremovevue-cli来卸载它。VueCLI需要Node.js8.9或更高版本（推荐8.11.0+）Vant有赞是前端团队开发的轻量级可靠移动端Vue组件库，拥有60+优质组件，95%单元测试覆盖率，完整中英文文档和实例，支持按需导入。支持主题定制，支持国际化，支持TS，支持SSR。#通过npmivant-S:::hljs-centerWebpack安装npmWebpack并不是Vue独有的东西，Webpack的名字可能比Vue本身还响亮。Github上各大主流项目无一例外都是基于webpack开发的。您可能不打算在您的项目中使用它，但没有理由不掌握它。篇幅有限，就不展开描述了。我用一句话概括webpack的主要目的：在浏览器端对所有需要释放的资源做相应的准备，完成资源的合并和打包。四个核心概念：入口：指示webpack应该使用哪个模块作为构建其内部依赖关系图的开始。进入入口点后，webpack会找出入口点（直接和间接）依赖了哪些模块和库。output：告诉webpack在哪里输出它创建的bundle，以及如何命名这些文件，默认是./dist。基本上，整个应用程序结构将被编译到您指定的输出路径中的文件夹中。loader：让webpack去处理那些非JavaScript的文件（webpack本身只懂JavaScript）。加载器可以将所有类型的文件转换成webpack可以处理的有效模块，然后你就可以使用webpack的打包能力来处理它们了。插件（plugins）：可用于执行范围更广的任务。插件的范围从打包优化和压缩，一直到重新定义环境中的变量。插件接口非常强大，可用于处理各种各样的任务。后端部分介绍完前端我们需要掌握的技术栈之后，我们再来说说作为一个炙手可热的全栈工程师我们还必须掌握哪些知识：Node.js给很多初学者的第一印象是”JavaScript可以在服务器上运行”，所以很多人都有这样的疑问：“我写的是前端代码，不是后端，为什么要学Node.js”。今天的前端已经不是2000年的前端了，过去我们写网页，写的页面是给人“看”的；但是现在我们写WebApps，我们写的应用程序是给别人看的。”使用。而且两者的复杂度也不一样。在服务器端，JavaScript不依赖于浏览器，而是由特定运行环境提供的JavaScript引擎解析执行，比如Node.js。JavaScript服务器端不操作DOM和BOM，常用于做客户端不能做的事情，如操作数据库，操作文件等。另外，客户端的Ajax操作只能发送请求,而接收请求和响应的操作需要服务器端的JavaScript来完成。所以即使你只想做一个前端er，Node.js也是必须掌握的技能。KOA2MongoDB是介于两者之间的产物关系型数据库和非关系型数据库，它是非关系型数据库中功能最多的，和关系型数据库最相似，它支持的数据结构非常松散，是一种类似于json的bson格式，所以可以存储更复杂的数据类型。MongoDB最大的特点就是它支持的查询语言非常强大。它的语法有点类似于面向对象的查询语言。几乎可以实现大部分类似关系型数据库单表查询的功能，还支持对数据建立索引。我们可以通过Koa2中的Mongoose对MongoDB进行方便的对象模型操作。总结如果你的简历中有一个全栈项目具备上述前后端技术栈并且可以上线，你还在为得不到面试机会而发愁吗？而且，在这个级别项目的面试过程中，当面试官问你项目经验的问题时，你也能足够冷静地回答。文末推荐一个包含上述所有技术栈的全栈项目，由慕课网精英讲师谢程老师授课。双11活动只需1元~~（加后面课程小助手领取优惠券）下面小编提供项目课程大纲：课程地址扫码加我好友领取课程福利
