又到了公司一年當中最忙的時刻了，為了趕專案，現在居然開啟了996模式，這是我從業多年來第一次遇見的。

　　一轉眼，一個月又過了，回頭一看，這個月一篇文章都沒有發，上個月忙著一個人做專案，專案忙完了還不忘發篇文章吐槽一下。從明天開始就要去java專案組了，可能做前端，也可能做後端，也可能前後端都要做。Java專案組採用前後端分離的方式，後端是spring boot，前端是vue，相信這也是許多網際網路公司的開發方式。之前面試過一些java程式設計師，發現許多Java程式設計師，就是寫介面的，而且一寫就是幾年，由於java封裝得太好，有些Java程式設計師對資料庫的認識也只是增刪改查和加索引。所以只要你有基礎，從.net轉過去，一樣會上手很快的，但是，一旦選擇轉過去，就要對java研究深入一點，java輪子那麼多，不要停留在表面，不然，你轉過去幹嘛呢？轉過去做CRUD嗎？那還不如繼續搞.net，畢竟Java不缺水平很普通的程式設計師，缺的是對java有深刻理解和認識的人，你搞.net可能還壓力小一些。Java在CRUD上面不比.net強吧，它強在大資料和微服務架構等方面，強在擁有一套套經過市場驗證的成熟解決方案，這是.net遠遠不如的。不要拿java和C#比語法，C#是最優雅的語言，至今我還是這樣認為。

　　一時心軟答應了美女編輯再出一本書，剛好手頭又做過H5的移動專案，所以就有了這一個月的默默寫稿。本來不想寫這方面的書，因為這畢竟不是我的長項，可是既然答應了，就得想盡一切辦法克服一切苦難去做，男人，可以丟了一切，但不能丟了承諾，所以只能狠狠逼自己。同時也希望本書可以幫到一些有需要的讀者，那也將是一件有意義的事情了。

　　本想回長沙後再去考駕照的，怎知在深圳一待就是五年，然後十一 一衝動又買了車位，於是乎這個月趕緊跑去報了駕校，只等明年駕照一到手，就...（這可不能讓公司領導知道了）。

　　我是一個實踐派，一線城市一線開發人員，不是一個理論學術方面的講師，所以本書和之前出版的.net書籍一樣都是實踐為主，理論為輔。在我看來，再好的理論和技術架構，最終把專案做流產或者難產了，那基本上就是一文不值了，你再簡單粗暴的方式，高效的完成預期目標，專案按時上線了，那就是好的。有時候遇到那樣的情況，專案開始前，各種高大上的技術架構、先進理念給領導彙報工作，然後到了交付時間，專案居然無法交付版本，甚至無法執行，這....換我是老闆，我真恨不得一巴掌扇死你！這樣還要我每個月開工資養你！就更別指望什麼專案獎金了，換誰都難以接受呀。如果是在外邊公司做專案的話，延期一天都是要賠錢的。

　　本書適合對H5有一點基礎，對H5移動應用開發有興趣，想要快速學習H5移動應用開發，並通過它完成工作中的開發任務，或者可以去接這方面私單的讀者。

　　以下是書本的目錄，當然不排除修改的可能，已經粗略完成了一半左右吧。

書目錄

H5+跨平臺移動應用實戰開發... 1

前言... 3

第1章 技術背景及知識儲備... 3

1.1 H5+介紹... 3

1.2 Hbuilder介紹... 4

1.2.1 HBuilder真機除錯... 5

1.2.2 HBuilder使用安卓模擬器除錯... 6

1.2.3 js程式碼除錯... 8

1.3 MUI介紹... 10

1.4 Vue.js介紹... 13

1.5 阿里巴巴向量庫介紹... 13

1.6 開發前注意事項... 20

1.7 相關學習資料網址... 21

第2章 專案介紹及框架搭建... 22

2.1 專案介紹... 22

2.1.1 專案背景... 22

2.1.2 專案需求... 22

2.1.3 專案角色及介面... 22

報修人員... 22

維修人員... 26

專案經理... 28

班組長... 30

2.1.4 工單狀態... 33

2.2 技術選型... 34

2.3 框架搭建... 34

2.4 Mock資料... 42

第3章 App啟動引導圖... 44

3.1 啟動引導圖設計思路... 44

3.2 程式碼功能實現... 45

第4章 登入... 48

4.1 登入功能介紹... 48

4.2 登入介面設計... 48

4.3 登入編碼實現... 50

4.3 角色選單許可權... 57

4.4 自動登入... 60

4.5 執行... 60

第5章 首頁及底部導航... 61

5.1 底部選單導航實現... 61

5.2 首頁介面設計及展示... 65

第6章 故障報修... 69

6.1 提交報修工單... 69

6.1.2     模糊搜尋... 71

6.1.3     pipcker選擇器... 74

6.1.4     多圖片上傳... 76

1.    彈出選擇對話方塊。... 76

2. 從相簿獲取照片... 77

3. 呼叫手機攝像頭拍照... 79

4. 壓縮圖片... 80

5. 臨時儲存壓縮圖片... 82

6.    展示選擇或者拍照的壓縮圖片... 82

7.    上傳圖片... 83

8.    生成報修工單... 86

9.    圖片預覽及縮放... 89

第7章 列表和詳情... 90

9.1         工單列表... 90

下拉重新整理... 91

上拉載入... 93

7.2 工單詳情... 97

第8章 搶單派工簽到... 101

8.1 搶單... 101

8.2 派工、轉單... 105

8.2.1 派工... 105

8.2.2 轉單... 107

8.3 簽到... 108

8.4 退單... 110

第9章 完工、跟蹤記錄... 112

9.1 完工... 112

9.2          跟蹤記錄... 117

第10章 個人設定... 118

10.1 頭像設定... 119

10.2 當前版本... 125

第11章 通訊錄... 128

11.1 檢視通訊錄列表... 129

11.2 撥號呼叫... 131

第12章 資料統計... 132

12.1 echarts報表介紹... 132

使用步驟... 132

12.2 統計工單完成情況... 135

第13章 離線儲存... 140

13.1 本地儲存... 142

13.2 批量下載工單... 142

13.3 批量上傳工單... 142

第14章 釋出應用... 142

14.1 App打包... 142

14.2 釋出到應用市場... 142

......

書中專案截圖

直接從word中複製過來的，所以圖片不清晰