前言最近在润图大叔的前端圈子里，有不少小伙伴南下杭州求职拿到offer。货比三家后，他们终于进入了适合自己的公司，并且还拿到了一份不错的薪水。在这些小伙伴中，不乏大学刚毕业或参加过培训班的新人。成功找到工作后，如何在公司体现前端价值？如何提高自己在前端圈子的议价能力？别着急，接下来就听叔叔说吧。先说说国内的前端现状吧。今天主要想说说前端工程，也就是国内主流的前端模型，包括webpack和Vue.js。我今天怎么看webpack？Webpack已经是我们开发WEBAPP这类项目时离不开的工具了。Webpack可以帮助我们解决很多问题。作为前端开发者，在未来几年，我们都需要加强自己的webpack能力。或者说，未来可能会出现一个类似于或者比webpack更强大的工具，那么这样一个工具是可以预见的，肯定会存在的，而且这个东西在很长一段时间内都会成为我们前端衡量是否的一个标准一个开发者的能力很强。说说Vue.js在国内的现状Vue.js是前端圈现存最好的框架之一，尤其是在国内，用的比较多，应该说已经超过了反应的用法。而且现在Vue.js的社区氛围还是非常好的，它的开发速度和添加新功能的速度都非常快。那么它的BUG解决效率也是很高的。Vue.js的作者在他的发布过程中为我们解决了很多开发过程中遇到的工程问题。比如他给我们提供了.vue的开发模式，让我们可以很方便的写一个组件。随后正式发布了Vuex、VueRouter等工具包，在React中有类似ReactRouter、Redux的引用。这些工具包都是Vue.js官方开发的，所以它的可维护性会比React中的第三方维护好很多。在这样的情况下，国内很多工程师在做前端项目后越来越多的选择使用Vue.js作为开发框架。所以我们作为前端开发者学习Vue.js，是我们需要掌握的一个必不可少的技术栈。浅谈如何体现前端的价值在目前的前端开发中，重点和难点都不是我们的业务开发。因为大部分公司的业务都不是特别复杂，每个公司的业务都不一样。所以当你在学习一门技术的时候，如果你花很多时间去做业务开发，其实你的效率是很低的，因为你没有学到真正的内容。在公司里，我们的前端应用，也就是客户端应用，运行在每个人的电脑或者手机上，每个人单独运行一份。所以他们的表现不会特别高。因为很多公司的业务都不是很复杂，不像是在线编辑那种，PS图片之类的工具对性能要求非常高。因此，当性能不是特别大的问题时，我们应该考虑更多的工程问题。那么我们如何在前端圈子中体现自己的价值呢？接下来，我们将详细阐述以下四个关键词：(1)构建前端项目首先，我们需要学习如何在项目中构建项目。因为现在前端越来越复杂了，不像我们以前开发一个页面，一个模板，一个简单的DOM交互动画，一些CSS样式，我们把这些东西写好交给后端做他们填写。数据很好。现在不同了。目前的前端业务逻辑在我们的工作范围内。我们要做很多事情，比如数据缓存。这时候就要考虑一个工程概念。否则，我们的代码太多，不容易维护。我们的写作效率会很低。而我们现在的前端开发也不是所见即所得。我们需要使用ES6和LESS。我们不能直接在浏览器中运行这些东西，但是这些东西可以加快我们的开发效率，所以我们希望使用它们。它。那么如何平衡两者的关系，这是我们前端工程需要考虑的。(2)网络优化网络优化涉及到比较基础的概念，比如我们对HTTP的理解，因为我们所有的静态资源都是通过HTTP加载的，如何才能加快我们使用HTTP的速度，如何缓存我们的HTTP请求。只有了解了这些东西，才能更好的优化我们的前端项目。如何去做这些事情也能体现你的价值。我们希望减少HTTP请求，我们希望压缩静态资源的文件，我们希望利用浏览器的长缓存，让应用的流量可以更小，加载速度可以更快，等等。(3)API定制我们做前端应用后，大部分项目的开发模式都是前后端分离的。不是在浏览器中输入一个URL，在后端填写数据操作HTML模板，然后返回给用户。这是我们之前看到的HTML页面。和现在不同的是，我们和后台的交互都是API请求，比如JSON数据。这个时候我们要和后台达成合作协议，因为API涉及到前台和后台，我们是用户。end是提供者。如果后端没有提供好，那么我们的前端就会非常不好用，那么我们怎么和后端进行通信，我们需要了解后端是如何开发API接口等等简单的概念。如果你不明白这些东西，无法和他们交流，那你只能听他们后台说，“你刚才说的这件事我们做不了~”，然后你就没有办法反驳他了.这种情况下产品经理会过来跟你说这个需求一定要做，你却告诉他“这个用前端技术是做不到的~”这个概念其实是一样的。所以，如果你不想成为被愚弄的人，那么你必须弄清楚他们是怎么做到的。(4)NodeJS层NodeJS现在在前端开发中用的比较多。举个最简单的例子，比如前端项目的构建是基于NodeJS的。比如我们的webpack、Gulp、Grunt等工具都是跑在NodeJS环境下的，而不是在我们的前端环境下。所以你必须要有NodeJS用法的基本概念。你要学会这些东西，至少知道怎么用NodeJS写一个脚本，让它在我们的Terminal命令行中运行。只有这样，我们的前端项目才能跑起来。同时，很多公司已经使用了NodeJS。他们会在前后端API层之间加一个NodeJS层，用NodeJS做一些分发和数据处理。所以，如果你想让自己的前端议价能力更强，更上一层楼，那你就得学学NodeJS了。并且在学习NodeJS的过程中，你会加强对API定制的理解。当你学习后端开发的时候，你对网络的概念，对HTTP请求的概念会越来越深。所以，如果你现在去学NodeJS，性价比是非常高的。后记说了这么多，我想告诉大家，现在学习一个前端框架对你来说很重要，但是你不要把更多的时间花在你的业务开发上使用这个框架，业务开发不会特别的。复杂度，或者说对你的知识和能力要求不会特别高。很多童鞋都知道，如果公司要使用Vue.js框架，就会使用vue-cli脚手架工具为我们生成一个项目。生成工程后，你只需要写一个工程就OK了，你的工程就可以运行了。但是你要知道，在很多公司，使用vue-cli生成的项目是不能直接放到生产环境的，因为它是一个适用范围很广的模板，只是每个公司的业务不同而已。当然这个项目中或多或少会有一些定制需求。这个时候，如果你没有办法去了解vue-cli项目是如何工作的，那么你就没有办法去定制和修改它。那么这个时候，你没有办法去支持一个公司前端部门的项目建设工作，那么你的前端议价能力就会变得比较低。vue-cli生成的工程其实是基于webpack的前端工程，所以里面涉及的东西你要了解和学习。只有这样，你才能增加你的价值。所以，当你在公司体现出自己作为前端的价值时，你的议价能力也会随之增加和提高。这是一个相辅相成的过程。我想和你分享这篇文章。最后，想看润图杂谈系列的，请关注我的公众号：润图大叔。
