資訊專欄INFORMATION COLUMN
摘要：層現在在前端開發中用的非常的多，舉個最簡單的例子，比如前端工程的搭建，都是圍繞于。
前言
最近在閏土大叔的前端圈里有很多小伙伴南下杭州應聘求職拿OFFER，貨比三家之后，最終入職了適合自己的公司，并且還拿到了不錯的薪水。在這些小伙伴當中，不乏剛剛大學畢業或者師出培訓班的職場萌新，在順利找到工作之后，該如何在公司里體現前端的價值？你又該如何在前端圈里提高自己的議價能力呢？
別急，接下來且聽大叔娓娓道來。
先來聊聊國內的前端現狀今天我主要想講講前端工程，這是目前國內的前端主流模式，這其中就包括了webpack 和 Vue.js。
我怎么看如今的webpackwebpack已經是一個我們開發WEBAPP這種類型的項目的時候，離不開的工具。webpack能幫我們解決非常多的問題。作為一個前端開發人員，在可見的幾年內，我們都需要去加強自己webpack的能力。或者說將來可能會出現一個類似于webpack，或者比它更強大的工具，那么這么一個工具是可預見的，肯定會存在的一個東西，而這個東西會在很長的時間內成為我們前端去衡量一個開發人員的能力是否強大的一個標準。
來聊聊Vue.js在國內的現狀Vue.js作為現在前端圈的框架里數一數二的存在，尤其是在國內，用的非常多，應該來說已經超過了React的使用量。而且現在Vue.js依然處于一個非常好的社區氛圍當中，它的開發速度，新的功能的增加速度都非常的快。然后它的BUG解決的效率也非常的高。
Vue.js的作者在他的發布過程當中，為我們解決了非常多的在開發過程中遇到的工程問題，比如他給我們提供了.vue的開發模式，讓我們可以非常方便地去寫一個組件。然后官方發布了Vuex、Vue Router這些工具包，這在React中有相似的參照物像 React Router、Redux。這些工具包都是Vue.js官方去開發的，所以它的維護性會比React 中的第三方維護的要好很多。在這種情況下之下，國內的很多工程師，在做前端項目之后，越來越多地選擇使用Vue.js作為開發框架。所以我們作為前端開發人員去學習Vue.js，是我們需要掌握的必不可少的技術棧。
談如何體現前端的價值在現在的前端開發當中，重點和難點并不是我們的業務開發。因為大部分公司的業務并不會特別的復雜，而且每個公司當中他們的業務是不一樣的。所以你在學習一門技術的時候，你如果花很多的時間去做業務開發，其實你的效率是非常低的，因為你沒有學到真正的內容。
在公司中我們的前端應用，也就是客戶端應用，它是放在每一個人的電腦或者手機里面去跑的，每個人跑的都是多帶帶一份。所以它們的性能不會特別的高。因為很多的公司的業務不會很復雜，不會像那種要在線編輯，PS圖片這種工具要求性能會非常高。所以在性能不是特別大的問題的時候，我們更多要考慮的是工程化的問題。
所以我們如何在前端圈體現出自己的一個價值呢？接下來我們將圍繞以下四個Keywords來具體闡述：
（1）搭建前端工程首先，我們要學會如何在一個項目中去搭建工程。因為現在前端變得越來越復雜，不像是以前我們前端開發一個頁面，開發一個模板，一個簡單的DOM交互的動畫，一些CSS樣式，這些東西我們寫好之后交給后端，他們去填數據就可以了。
那現在不一樣，現在的前端業務邏輯都在我們的工作范疇之內，我們要去做很多的東西，比如說數據緩存，這時候我們必須要考慮一個工程化的概念。不然的話我們代碼太多，不好維護。
我們寫起來效率會非常低。而且我們現在的前端開發并不是所見即所得了，我們要使用ES6，使用LESS，這些東西我們都不能在瀏覽器里面直接跑，但是這些東西又可以加快我們的開發效率，所以我們希望去使用它。那么如何去平衡這兩者之間的關系，這就是我們在前端工程中需要考慮的問題。
（2）網絡優化網絡優化涉及到的更多的是基礎概念，比如說我們HTTP的理解，因為我們所有的靜態資源都是通過HTTP去加載的，如何才能去加快我們HTTP使用的速度，如何去緩存我們的HTTP請求，這些東西只有我們理解了之后，才能更好的去優化我們的前端工程。這些東西如何去做到，這也能體現出你的價值。
我們希望去減少HTTP請求，我們希望去壓縮靜態資源的文件，我們希望使用瀏覽器的長緩存，讓應用的流量能夠變得更小，加載速度變得更快等等。
（3）API定制在我們做前端應用之后，大部分項目的開發模式是前后端分離的，不是以前在瀏覽器里輸入一個URL，后端填數據操作HTML模板，然后返回給用戶的。這是我們以前看到的HTML頁面。
跟現在不一樣的是，我們跟后端的交互都是API請求，比如說JSON數據，這個時候我們要跟后端達成一個合作協議，因為API是涉及到前端和后端的，我們是使用方，后端是提供方。如果后端提供的不好，那么我們前端使用起來就會非常的難用，所以這個我們要如何去跟后端進行交流，需要我們去理解后端去開發一個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的前端工程，那么它里面涉及到的東西你就要去理解去學習它。這樣才能把你的價值往上去提升。
所以，當你在公司中體現出你作為前端的價值來之后，你的議價能力也會隨之水漲船高，得到提升，這是一個相輔相成的過程。
謹以此文，與君共勉。
最后，想看閏土雜談系列文章，歡迎關注我的公眾號：閏土大叔。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107632.html
摘要：如果使用區塊鏈技術則可以降低使用版權的門檻。價值化，藝人利益得到保證高曉松在談到區塊鏈時，也贊成藝人發行來跳過娛樂公司。通過區塊鏈技術藝人可以更加貼合粉絲，創造出更高效的內容推薦和特色化的消費產品與服務體驗。 2019年1月3日，高曉松的《曉說》在朋友圈刷屏了。 這次高曉松沒有談風花雪月、詩與遠方，而是在其母校清華大學的教室里，跟學弟學妹們深入淺出地聊起了區塊鏈在文娛產業的革命。 在傳...
摘要：如果使用區塊鏈技術則可以降低使用版權的門檻。價值化，藝人利益得到保證高曉松在談到區塊鏈時，也贊成藝人發行來跳過娛樂公司。通過區塊鏈技術藝人可以更加貼合粉絲，創造出更高效的內容推薦和特色化的消費產品與服務體驗。 2019年1月3日，高曉松的《曉說》在朋友圈刷屏了。 這次高曉松沒有談風花雪月、詩與遠方，而是在其母校清華大學的教室里，跟學弟學妹們深入淺出地聊起了區塊鏈在文娛產業的革命。 在傳...
摘要：不久前，在團隊內部和大家做了一次分享，內容就是這次要講的用認知和人性來提升自己的技術水平，大家反響不錯，所以這次整理一下也分享給大家。 不久前，在團隊內部和大家做了一次分享，內容就是這次要講的用認知和人性來提升自己的技術水平，大家反響不錯，所以這次整理一下也分享給大家。最初我是想用借優秀的產品經理思維來做最棒程序員的這個標題，但想想還是要有同理心，技術同學平時和產品同學已經是相愛相殺了...
摘要：不久前，在團隊內部和大家做了一次分享，內容就是這次要講的用認知和人性來提升自己的技術水平，大家反響不錯，所以這次整理一下也分享給大家。 不久前，在團隊內部和大家做了一次分享，內容就是這次要講的用認知和人性來提升自己的技術水平，大家反響不錯，所以這次整理一下也分享給大家。最初我是想用借優秀的產品經理思維來做最棒程序員的這個標題，但想想還是要有同理心，技術同學平時和產品同學已經是相愛相殺了...
摘要：如果你問一個年輕的前端開發人員，你在今后的年內如何提升自己的能力他可能會說我現在對前端比較熟悉，但我想深入了解，另外現在發展的很快我也想看一下。再舉一個例子，我會留意身邊的程序員所用的鍵盤。只有少部分的程序員會買高端的靜電容鍵盤，比如。 如果你問一個年輕的前端開發人員，你在今后的 3 年內如何提升自己的能力？他可能會說我現在對 Web 前端比較熟悉，但我想深入了解 AngularJS，...
閱讀 3569·2021-11-15 11:36
閱讀 1060·2021-11-11 16:55
閱讀 694·2021-10-20 13:47
閱讀 2993·2021-09-29 09:35
閱讀 3428·2021-09-08 10:45
閱讀 2554·2019-08-30 15:44
閱讀 849·2019-08-30 11:10
閱讀 1428·2019-08-29 13:43
