我開發的專案是每時每刻,這個專案是我乙個人開全程開發的,、
(這裡盡量說是自己單獨開發,面試機率會大一些)
第一開始專案前,我會先選擇框架,我選擇的是vue來開發這個專案,因為vue開發起來方便不想react那樣需要自己寫路由啊公共儲存啊什麼,vue框架是吧大部分東西配好了,,而且我也比較喜歡vue。
再者是我所用到的技術棧應為最近開發,因為我這個專案是移動端,所以我首選vant,vant框架他有許多很好用的元件,是我比較喜歡的,比如loading載入,當然有一些loading圖肯定是要自己加上去,閒的整個專案,更加美感,至此來提高使用者體驗。
再有就是配置多環境變數,這個東西,雖然配置起來有一些麻煩,但是為了後期的方便,還是要配置的,這個多環境變數需要在根目錄下建立三個.env的資料夾,分別對應的開發,生產, 測試環境變數;
內部的**為:
node_env
="development";=
"prod"
//這裡是我開發環境的變數
=""//這裡是如果上邊的是開發變數,
//這裡就是開發的路徑測試就是測試的路徑
到這之後就是網路封裝模組了這是我開發中也是必須的一向,等下我再娓娓道來,
設定好axios的請求頭之後,需要在package.json配置我啟動專案時候的命令名稱以及啟動命令,完成之後
然後就是封裝網路請求模組了,畢竟vue是乙個多模組開發,沒有axiso的第二次封裝怎麼可以,為什麼說他是第二次封裝,因為axios是對ajax進行了第一次封裝,讓請求介面更加簡便一目了然,但是後期專案請求的介面肯定不止一兩個,這時候就需要我來給他進行第二次封裝,所謂第二次封裝,就是把請求介面統一放在乙個檔案內管理,多個方法運用一套請求,既然是模組請求那肯定是需要自己的資料夾,在src內建立utils(實用程式),然後在建立乙個network資料夾,內部有三個檔案第乙個url.js這個檔案就是我統一管理的介面路徑,還有就是我所用到的請求方式,最常用的兩種get和post,先寫上,還有其他的後續再加,然後就是core.js檔案,這裡就要對我自己的axios進行封裝了,既然封裝axios,那就肯定是要引入axios ,這裡我還引入了請求方式,是以解構賦值的方式,import from 「./url.js」,到這裡時候,我前面有提到過baseurl的設定,就在這裡設定,
var
baseurl
=process
.env.
const axiosinstance = axios.
create()
;
然後,設定請求***,讓她彈出個loading或者攜帶token,然後響應請求,收起loading或者對請求到的資料做點什麼,
然後,對請求格式做乙個模板
export
function
request
(method, url, params)
}// 請求方式
function
get(url, params)
function
post
(url, params)
然後就是對我的請求方法進行封裝,index.js檔案 就所謂的入口檔案
引入core,引入url
import from 「./core」;
import from 「./url」;
這裡要有請求方式和請求路徑,然後丟擲乙個物件,把這個物件設定成vue的原型
install
(vue)
,
然後就是方法了
login
(data)
用方法,我就可以直接在元件中this.login()使用,網路封裝雖然有點麻煩但是我後期維護起來更好維護,既然是移動端,那肯定是有rem的,rem布局是非常流行的,所以我也使用了rem的布局,來讓我的專案更加的實用
最後就是一些專案裡的常用功能,比如上拉懶載入,吸頂,或者回到頂部什麼的
你知道SpringBoot專案是怎麼啟動的嗎
springboot是由pivotal團隊在2013年開始研發 2014年4月發布第乙個版本的全新開源的輕量級框架。它基於spring4.0設計,不僅繼承了spring框架原有的優秀特性,而且還通過簡化配置來進一步簡化了spring應用的整個搭建和開發過程。另外springboot通過整合大量的框架...
專案開發流程 你知道軟體開發專案的管理流程嗎?
做軟體專案就是把使用者的要求轉化成需求,然後需求轉化成設計,然後設計轉化成 總的來說,就是把大的專案劃分成小的專案,大的模組劃分成小的模組。任何專案都是這樣做的需求和設計,尤其是大的專案,總是要劃分成小的模組,這樣能讓專案的不同參與者負責各自的模組,然後再整合起來進行測試。軟體專案的整個流程 一 專...
盲目的專案開發
盲目的專案開發 前言 開發中,總是在尋找一種快速有效的開發方式和管理的方式,於是敏捷出來了,xp也出來了,現在scrum也出來了。一股scrum狂潮就開始了!本篇主要通過乙個例子講述使用scrum的乙個誤區,或者說是一種使用scrum的錯誤方式!本篇的議題如下 技術的盲目 工具的盲目 人的盲目 sc...