最近一直在公司的事情，因為我們組的2個人請的長期假期，造成前端的資源一度緊張，又是臨近年終，公司各個產線忙各種招標的事情，而招標的事情是要開發乙個針對招標需求的乙個系統，說白拉就是開發乙個不需要後端的支援的乙個前端系統，包括資料盡量真實，前端業務盡量完美！哎，壓力山大…,默默吐糟產品經理…
其實在我沒來這家公司之前，我都會遇到乙個場景，就是專案經理，總是追著前端問，開發的怎麼樣拉？今天做多少拉？能看嗎？等等…，專案經理的各種炮彈，轟炸而來！這時，作為前端的人，就會說，介面開發好拉，後端介面沒有提供，暫時無法看，也無法聯調，好多業務，也沒法寫，等等，往往到最後，老闆問起來，怎麼還沒有上測試環境啊，這是後端就會說，後端開發完拉，前端在做，苦逼，?，這是，前端的人成功背起來黑鍋，欲哭無淚啊！因為老闆要的最終結果，還是在前端的人身上！這就是幾年前的前端真實的寫照，甚至現在有些公司很常見！這種問題如何避免呢？又如何讓前端能夠脫離後端，進行解耦呢？這是我們前端要思索的問題，也就是作為中高階以上的工程師要知道的一些事情，成功躲避後端的鍋，又或者讓專案經理或老闆能直接看到效果！這樣的任務進度，能夠在頁面直觀的展現，也能一目了然的看到每天的工作進度的變化，而不是那種虛擬的專案計畫！因為老闆和專案經理往往就是看到實在的東西！而不會關心你中間經歷了什麼？
自從我在這家公司慢慢壯大之後，我的組也慢慢壯大，越來越知道這些問題暴漏的越來越明顯，專案的開發周期也越來越大，專案也越來越大，部門與部門，組與組之間的交流也會隨部門規範化之後變少，所以最後開發規範發揮舉足輕重位置，小組不可或缺的核心。所以我們前端也逐漸進行一系列的調整，步入工程化階段。我部落格中近2年才開始開通，也見證我的成長，也見證了我團隊的成長，我感謝我團隊的每乙個人的，由他們的，才有我們的現在！有興趣的人可以看看其他的一些文章，希望能有和好多人共鳴！又志同道合的人一起交流！
mock直白的說法就是虛假、虛設,不是真實的東西，而站在開發的領域上來說，就是虛假的資料，用來替代真實的資料，也可以說成提供api的替代者。因為對於前端來說，並不關注api實現的本身業務，而是關心資料的本身,以及返回的api規範問題,只要返回跟真實的api返回的結構保持一直就行拉!
我們都知道在前期開發的過程中，一般都是api開發完成，前端才能進行，造成前期的前端時間開發的空白期，又或者等後端開發一部分api,才能進行。無論哪種方式，總有一部分，出現開發的空白期，造成了開發周期的延長和費用的增加。mock的加入，就會直接解決這些問題，在前期的開發過程中，前端和後端脫離，我這裡說的脫離的實質保證都遵守規範的情況下，當然，不遵守規範，任何問題都解決不了，所謂無規矩不成方圓。我在之前的部落格中有張圖可以明確的看出來，如下圖
mock 解決了：
首先 mock解決了我時間的浪費，開發周期的縮短，對接api的效率提公升，較少開發成本，最重要的可以不用背黑鍋拉，這是前端的不用背黑鍋的現實證據，也證明你再乙個專案組的地位。
再開發過程中可以事實的去演示給老闆或者開發經理看，證明乙個階段性的成功！還有重要的一件事情，可以做招標的事情，可以直接跟客戶**，如果你的資料逼真，客戶也看不出來真假，增加中標的成功率，這樣前端在公司的地位也大大提公升拉！
我最近一直在忙標書的事情，所以深有體會，可以臨時按照標書的需求，定製現有的系統開發，不用後端的開發，節省大量的人力，也增加中標的成功率，還可以隨時應對的客戶需求的改動，完全是個定製化的系統！本文只是文字論述，詳細實現mock方式有很多種，我之前的部落格也有寫到前端工程化研究之資料mock化
本次就寫到這裡把，總之mock 在前端的地位也是比較重的，在測試眼中，是測試api 的利器。
JSON在前端的用法
1 json j ascript object notation,js 物件標記 是一種輕量級的資料交換格式，目前使用特別廣泛。2 採用完全獨立於程式語言的文字格式來儲存和表示資料。文字格式，也就代表了他是乙個字串。它使用文字表示乙個 js 物件的資訊，本質是乙個字串。js物件 var user c...
斷言位置的選擇 誰犯錯誰異常
比如某gen server hello a,b,c when is atom a is integer b is binary c gen server cast server,handle cast state 將斷言加在hello 3上顯然比加在handle cast 2上合理。如果將斷言加在h...
vue在前端的語法應用
v bind 根據屬性的true和false來決定顯示樣式 使用者名稱 驗證碼v if 判斷語句，存在於template中，可用來控制整個頁面的顯示狀態，可以在點選事件裡面的屬性修改該屬性狀態 登入註冊 ps 拿is login屬性舉個栗子.如果is login屬性為true,則顯示 如果is lo...