這個月幹啥去了？——H5+移動應用實戰開發

　　 又到了公司一年當中最忙的時刻了，爲了趕項目，如今竟然開啓了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

View Code

但願明年能夠逃離深圳，逃離城中村......