又到了公司一年當中最忙的時刻了，為了趕專案，現在居然開啟了996模式，這是我從事.net開發以來從來沒遇到過的。

　　一轉眼，一個月又過了，回頭一看，這個月一篇文章都沒有發，上個月忙著一個人做專案，專案忙完了還不忘發篇文章吐槽一下。從明天開始就要去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的移動專案，所以就有了這一個月的默默寫稿。本來不想寫這方面的書，因為這畢竟不是我的長項，可是既然答應了，就得想盡一切辦法克服一切苦難去做，男人，可以丟了一切，但不能丟了承諾，所以只能狠狠逼自己。同時也希望本書可以幫到一些有需要的讀者，那也將是一件有意義的事情了。

　　H5移動應用開發較之於原生開發的優點就是：一個人就可以扛下整個專案，而且短期內就可以上線。即便你沒有這方面的經驗，也可以做到從零開始1人1個月就搞定一個小專案。原生的話你至少要IOS和android各一名，兩者都會的畢竟太難招。

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

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

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

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

書目錄

目錄
H5+跨平臺移動應用實戰開發    1
前言    3
第1章 技術背景及知識儲備    4
1.1 H5+介紹    4
1.2 Hbuilder介紹    4
1.2.1 HBuilder真機除錯    6
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 let 和const    140
13.2 H5本地儲存    142
13.2.1 Web Storage    142
13.2.2 Web SQL Database    143
13.3 js非同步程式設計    146
13.3.1 回撥    146
13.3.2 promise    147
13.3.2 generator    148
13.3.3 es7語法糖async/await    149
13.4 離線操作表結構    150
13.5 批量下載工單    153
13.5 批量上傳工單    157
第14章 釋出應用    157
14.1 App打包    157
14.2 釋出到應用市場    161
1.4.2.1 ios    161
1.4.2.2 android    163
第15章 植入廣告    164
15.1 開屏廣告    164
15.2 懸浮紅包廣告    165
15.3 push廣告    166
15.4 開通步驟    167
15.5 問題答疑    168
第16章 訊息推送    170
16.1 使用須知    170
16.2 個推應用資訊申請步驟    171
16.3 常見問題    176
參考文獻    176

書中專案截圖

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

App下載和演示

Android App下載

希望明年可以逃離深圳，逃離城中村......