入行一年淺談

2024-04-27 15:07:51

字體：大中小

來源：轉載

供稿：網友

剛進前端一年，做過移動混合app開發，做過普通web pc端。移動端是用bootstrap做的，沒用過js框架知道angular.js 也知道vue.js 關于javascript 只用過jquery。做過java 數據庫方面對于mvc 也是半知半解而且java的基礎很薄弱直接上框架半年。ssm框架也了解過php基礎做過了很多項目也開發了很多，最后還是發現對前端很感興趣當初學習的時候聽別人講到html CSS js 時說前端只包括這些，可是逐漸在入門發現前端的知識量已經不局限于這些了。

在我總結的這個知識框架中，首先第一層我劃分為：理論知識，類庫框架，編碼開發，運行環境。

理論知識

理論知識包括硬知識和軟知識

軟知識就是平時我們在學校也好，自學也罷學習的東西，面向對象，算法，數據結構等包括js html css 所有的類基礎知識。

所謂“軟”的就是能在各個程序開發中都用到的，算是基本功、內功，例如數據結構、算法、設計模式、面向對象等等；所謂“硬”的就是能直接用于本程序開發的。用C語言你就得學C語言語法，此時學java沒用。我們web前端開發所需要的硬知識其實都包含在三個標準里面：http標準、W3C標準和ECMAScript標準；

硬知識有三個標準：http標準、W3C標準和ECMAScript標準。

　　為什么做web前端要了解http標準？——因為瀏覽器要從服務端獲取網頁，網頁也可能將信息再提交給服務器，這其中都有http的連接。web系統既然和http鏈接有瓜葛，你就必須去了解它。

如果說你只知道web前端的一個標準，估計肯定是W3C標準了（據我了解，貌似大部分人真的都只知道這一個標準）。它的內容非常多，看看www.w3.org/TR/這個頁面。

有些人可能只知道Javascript，而不知道ES——其實，js是在ES的基礎上，為web瀏覽器做了一部分封裝（增加了DOM操作、BOM操作等）。

框架和類庫

瀏覽器方面1. css框架 bootstrap 還有一些框架類似于騰訊阿里的 css樣式框架基本都差不多。2 js庫 jquery3 js框架 angular.js vue.js 4 圖標 fontAwesome是全世界最強大的圖標系統。相比于css制作圖標來說，這個要好很多倍，不管是開發、效率還是維護上。icomoon.io能讓我自定義選擇自己的圖標文件。5 requirejs和seajs這種模塊定義系統，也一定是你系統中不可或缺的。我曾經看過一個教程，講師就說：requirejs帶來了既jquery之后的第二次前端技術變革。其他的，backbone、angular、react這些也慢慢的開始發揮了他們的價值，此處精力有限就不再贅述了——但是，他們很重要——你至少要試著去了解它們。node.js方面（待續）

編碼開發

如果你專門做web前端，就不要在用vs了，當然要選擇sublime。寫html語句還用手動一條一條寫嗎？你得需要zencoding的協助，否則效率太差了。本人用的是webstorm。以上兩個軟件必須要知道所有的開發快捷鍵有助于開發。開發者工具。Chrome控制臺 firebug這個和上面同等重要~巧妙運用F12.另外，針對html、css、js的壓縮、合并、語法檢查，文件的清除、復制這些操作，你還要手動去做嗎？——你需要grunt或者gulp的幫助。

　如果你的系統中有比較多的js代碼或者文件，請選擇一個合適的模塊定義規范——CMD / AMD

　　請用git來幫助你做文件版本管理，最簡單的就是使用github。還有svn

　　調試、測試，也都有專門的工具，都是需要學的……

運行環境

瀏覽器方面瀏覽器兼容性 csshack

javascript事件系統

相應式布局

web安全

性能優化

node方面

其他

　　以上這些是全部的知識體系。如果你想成為一名合格的、讓leader喜歡的程序猿，你除了知道這些知識之外，我覺得還需要以下幾點：

要了解敏捷軟件開發流程（如SCRUM）和項目管理知識（如考取PMP），這也屬于一種“軟”知識吧；要學會在網上和別人交流（博客、QQ群、開源項目），交流能讓自己看到自己的不足；要學會自我反省和自我學習。就像我現在一樣，試著自己總結一下屬于自己的東西，隨時反省隨時進步。工作一年的前端最起碼需要掌握的知識就是軟知識 css基本框架 js庫 js基本框架并且了解后臺mvc 懂得和后臺配合善于調整前臺兼容