關于近期完成的移動端項目1.0的總結

上個月,由于時間關系,在項目初始選型時,選擇了Mint-Ui。。。然后入坑了,此后項目堅決不用這個Ui框架啦。。。

該項目是為公司合作伙伴服務的,比較簡單,涉及到的無非就是增刪改查的功能,因此這個項目采用的是官方推薦的vue-cli腳手架搭建,文檔目錄結構是:


44C219B8-DE77-4D61-99EB-B290FA7CC417.png

webpack相關的環(huán)境設置,處于應用層面的技術水平,說不出啥太好的見解。
前端的測試工具,說實話,目前很多小型團隊,真的沒啥必要使用,在沒有嚴格成體系的前端規(guī)范前提下,這種就是自個兒玩玩的東西,畢竟更大的比重和時間在于實現(xiàn)公司的產品。

這個項目體現(xiàn)不了前端工程化亦或者前端MVC的思想理念,簡單說下src相關的,src當中除了基礎的main.js 、APP.vue、routes、filters、utils、assets外,一般項目都會公共配置api,api當中會根據(jù)自己的喜好封裝一下數(shù)據(jù)請求的方法。

pages里面根據(jù)頁面緯度來進行開發(fā)。這個項目初始的時候懶了一下,每個程序猿都會在寫代碼的某個時刻偷個懶,不巧的是寫這個的時候真的偷懶了。1.0當中,書寫頁面時,只是根據(jù)原型圖,看到什么功能寫什么,沒有過多去思考和分離代碼,因此復雜的頁面代碼就略顯臃腫。我覺得自己首先需要優(yōu)化的就是提取公共的組件(這個工作不要粗心簡單地看待,需要考慮更全面),應該分的更詳細一些;其次以頁面緯度進行開發(fā)也沒啥問題,但是每個頁面需要更嚴格地按照組件化的思想進行優(yōu)化。

這個版本當中,es6的對象、數(shù)組的語法使用了一些,其中發(fā)現(xiàn) object. assign這個方法在低版本的安卓機型上無法兼容。相信瀏覽器全面兼容es6的時代很快來臨了把,日常工作學習定要加強對es6的熟練度。。。

這個項目使用less作為css預編譯,其實less最方便的地方還是在于嵌套以及定義變量,其余也就如此吧,其實less sass 在大型項目里才能真正體現(xiàn)出它的作用,這種小項目,css本來就少而且比較獨立,因此使用他們無非加強熟練程度而已。目前的spa開發(fā),主流布局還是以flex彈性盒模型居多,postcss還是需要的,自動給為css加上內核前綴。

最后,我認為目前前端的浪潮中,大家都是會去使用一個主流的前端框架來幫助自己快速的完成公司產品,甚至很多公司不要UI,樣式的設計完全按照框架的樣子來寫,此時前端人員需要具備和加強交互設計的能力,用戶的體驗感都在前端的代碼之下。在日后的項目開發(fā)當中,項目開發(fā)前,還是需要花時間和精力去做好項目規(guī)劃,雖然測試人員看到的都是同樣的東西,為何不寫一份好的代碼給自己看給同事看呢?

時刻告誡自己不要寫懶代碼。。。

與君共勉!??!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,039評論 25 709
  • 本文首發(fā)于 GitChat,現(xiàn)免費放出~感謝大家的支持。 我們都知道,大學幾乎是沒有 Web 前端課的。以我所在的...
    hylerrix閱讀 5,175評論 6 60
  • 葉落明月成疏影,觀影疏意心躊躇。游子吟遍海角天涯,詩歌有淚戀故鄉(xiāng)。
    菜園的守望者閱讀 183評論 0 0
  • 如今的社會是眼球經濟,什么新聞都以吸引眼球為己任。如此,多了一種人叫“標題黨”,就是一看標題,這則新聞就馬上吸引你...
    路語旁集閱讀 447評論 0 0

友情鏈接更多精彩內容