xx頭條開源了(純Swift項目)http://www.reibang.com/p/3228bfa3be7d
之兄弟篇 【xx頭條開源了(純H5項目)】
商業(yè)用途聯(lián)系light413@126.com憨闰，可提供進(jìn)一步的技術(shù)支持和服務(wù)
前段時間業(yè)余無聊發(fā)布了這個Swift項目状蜗，并上線App Store 1.0.0，然后我就想同步做個安卓版本的鹉动，由于我是純iOS開發(fā)轧坎，所以對Android那一套還不熟。但是我主觀迫切要做個一套整體全端的APP泽示。為了小縣城信息發(fā)布缸血，為了老家這個情懷。
在過去的一年里械筛，斷斷續(xù)續(xù)捎泻，一路坎坷，我為此做了很多埋哟。
- 我從當(dāng)初不知PHP如何笆豁，到現(xiàn)在完全自如自己寫接口，實現(xiàn)后臺邏輯操作赤赊，可以說我已經(jīng)入門PHP了闯狱，本身多了一個技術(shù)工具。
- 我為此購買阿里云服務(wù)器砍鸠，購買了域名扩氢，當(dāng)然還有蘋果開發(fā)者賬號。從服務(wù)器開始搭建到最后接口編寫 爷辱， 域名的審核和備案录豺，最終做了個APP網(wǎng)站主頁http://dancheng0394.com，雖然感覺有點丑陋饭弓，總算搭建起來了双饥，這種感覺就好比當(dāng)初學(xué)編程輸出第一個
Hello World的興奮。
- 從此我開始關(guān)注產(chǎn)品和設(shè)計弟断，不斷研究別人家的APP咏花，不斷的反復(fù)滑動一個頁面，心里默念著我的APP也要實現(xiàn)這樣的效果。
- 為了實現(xiàn)APP的功能操作昏翰，我開始更多的思考服務(wù)后臺的設(shè)計和實現(xiàn)苍匆，比如多文件上傳、文件的處理及保存棚菊、數(shù)據(jù)表及字段的設(shè)計浸踩，數(shù)據(jù)庫表情存儲等以前幾乎不用考慮的問題。
- 我開始接觸了前端统求，熟悉了前端相關(guān)的三大基石(HTML , JS , CSS),之前我對這些一頭霧水检碗。學(xué)會了ajax 、vue 等一些框架的使用码邻，之前感覺神奇的前端現(xiàn)在總算有了點眉目折剃。順其自然的就開始了H5的學(xué)習(xí)。
感悟:
有時候做一件事情像屋，我們可能感覺不到有什么意義甚至沒有價值怕犁，但是一旦你開始了、行動了开睡，無論是技術(shù)還是經(jīng)歷因苹，你肯定會有其他意想不到的收獲。
以上所述篇恒，純碎扯淡行為扶檐，一個正兒八經(jīng)的程序員不應(yīng)該扯這些。??????胁艰。款筑。。
開始正題
自從xx頭條開源了(純Swift項目) 一文發(fā)布之后腾么，在簡書閱讀量漲到一千了奈梳，同時獲得了不少人的喜歡和點贊、評論解虱，與此一起GitHub的開源代碼倉庫也得到不少人的star攘须，fork。這讓我備受鼓舞殴泰，原來還有這么多人喜歡于宙，更加堅定了更新、開源的決心悍汛。
所以作為2018年度收尾捞魁，我想再來一次H5版本的開源，H5的開發(fā)前后持續(xù)一月左右离咐，目前已完成大部分功能和操作谱俭，根據(jù)效果看來感覺比原生的還牛逼(Swift版本的有點丑，還沒來得及優(yōu)化完善，同時由于接口的改動有些操作可能會出問題昆著，后續(xù)一并更新跟進(jìn))县貌。
為了避免發(fā)布太多的測試內(nèi)容，后臺已關(guān)閉發(fā)布通道宣吱，但是不影響學(xué)習(xí)窃这、體驗功能。
目前適配的Android端（我的真機榮耀10）征候，對iOS沒有具體適配，有些操作在iOS系統(tǒng)可能會有點問題祟敛。代碼目錄下有我打好的安卓包疤坝，安卓手機可以直接安裝查看效果。有問題可以下面留言討論馆铁。
整體功能已完善大約80%跑揉，還在一直完善中，比如圖片加載埠巨，預(yù)覽历谍、用戶操作相關(guān)都需要繼續(xù)修改。這里旨在提出一個思路和方向辣垒。
開發(fā)工具
我用的最新HBuilderX 版本 1.3.2.20181214望侈，一個牛逼而又好用的前端開發(fā)工具。
集成了各種插件工具勋桶，基于MUI 脱衙， H5+強大操作，同時可以在線打包例驹，一鍵生成iOS捐韩、Android應(yīng)用。文檔完善（剛開始看仍然會讓你懵逼鹃锈，就好比一個參考手冊荤胁，沒有一個完善的流程說明，所以學(xué)習(xí)的時候需要點時間）屎债。具體官網(wǎng)看吧http://www.dcloud.io ,目前還有些不太完善仅政，但不影響我喜歡它！
代碼閱讀正確姿勢
- 有安卓手機可以直接安裝目錄下apk看效果扔茅。
- 瀏覽器運行調(diào)試已旧，這里會有問題，只能看一些布局元素之類 召娜，H5+ 运褪， runtime的功能不支持瀏覽器，所以相關(guān)功能無法操作。
- 不要測試發(fā)布功能了秸讹，發(fā)布功能本身沒毛病檀咙。發(fā)布的太多影響界面，看起來一堆測試璃诀，不爽弧可。所以禁止了。
- 用戶相關(guān)的有待完善劣欢，功能缺失棕诵。
看一波效果，感覺和原生的差不多O(∩_∩)O
部分截圖:
代碼
GitHub地址：https://github.com/Light413/dctt_h5.git
（僅供學(xué)習(xí)交流凿将，禁止直接在沒有授權(quán)的情況下用于商業(yè)用途校套，感謝支持）
持續(xù)更新中，喜歡就關(guān)注點贊我哈
Hi 大家好牧抵！我是Light413笛匙，一名iOS開發(fā)者,寫代碼我是認(rèn)真的，即使看到一個多余的空格就會感覺不爽??犀变。
喜歡前端及后臺開發(fā)妹孙。簡書就是我的陣營，我喜歡在這里學(xué)習(xí)获枝，在這里分享蠢正。以后文章會不斷的更新，介紹關(guān)于iOS開發(fā)學(xué)習(xí)總結(jié) 映琳， 介紹基于MUI 机隙、H5+ 及H5開發(fā)中感悟記錄總結(jié)。感覺有用就點贊哈萨西，喜歡就大膽的關(guān)注有鹿。
