在大學為了能夠有一定的開發經驗，選擇學校的科研訓練作為自己的第一次專案實踐。
專案設計開發
首先編譯器選擇的hbuilderx輕便型編譯器，主要是借用它提供和安卓模擬器（我所使用的是夜神模擬器（埠號為62001）和海馬玩模擬器（埠號為26944））實時更新和打包功能。
隨後開始重點頁面的**的編寫，在編寫的過程中發現理清要完成的功能邏輯很重要。剛開始因為頁面本身的js邏輯有點複雜，因而花費了較多時間來完成。再完成頁面功能之後調整頁面排版，讓頁面整體居中，以適應手機螢幕（這是一種老式寫法）。
然後開始其他頁面的**的編寫，底部導航使用上課老師教的建立webview視窗的方法，登陸註冊頁面使用自帶的，另外有兩個頁面使用常用的方法獲取裝置高度以達到自適應的要求。
再完成所有頁面之後除了頁面ui不夠好看和與後端互動的未完成之外，其他功能基本完成。達到專案的預期要求。
專案互動開發
這塊主要是和寫後端**的人交流比較重要。作為前端人員，必須知道頁面需要顯示什麼、通過什麼方式從後端獲取以及獲取到如何顯示。當然，我也有參與資料庫的設計，所以我知道需要的資料是否都有設計完成。所以說專案開發過程中溝通真的很重要。
專案ui開發
根據各個團隊成員的審美我們開始了專案的二次開發------ui美化。這可是個腦力活，看得多了也會造成審美疲勞吧。根據每個人不同的建議以及翻看專業書籍完成每個頁面ui的設計與開發，包括如何排版、取哪種色調搭配、如何進行更好的互動，效果對於專業人士來說一般差，對於學生來說還是一般一般的。
專案二次開發
在19年的暑假完成的，隨後書寫。
記一次h5動畫之旅
戳這裡 github css3 react id swiper react redux saga 採用postcss的autoprefixer外掛程式，即可滿足大多數oppo，vivo手機的相容性問題。流星 閃爍星星 字的晃動 人的移動 動畫 監聽動畫結束時間 橋的鋪墊 開啟旅程按鈕縮放 旋轉 相容...
h5 開發分享功能
方式一 js html h5plus 1.html 分享網頁 2.js var shares null var sweixin null var buttons h5 plus事件處理 function plusready if window.plus else 1.更新分享服務 根據授權，通過ge...
記一次h5拖放（Drag 和 drop）踩坑
定義和用法 ondrop 事件在可拖動元素或選取的文字放置在目標區域時觸發。拖放是 html5 中非常常見的功能。更多資訊可以檢視我們 html 教程中的 html5 拖放。注意 為了讓元素可拖動，需要使用 html5 draggable 屬性。在拖放的過程中會觸發以下事件 釋放目標時觸發的事件 上...