專案經驗總結 2019 12 10

2021-10-01 08:59:31 字數 2421 閱讀 2042

1.vue-cli 3.0 建立專案之後,webpack的配置被隱藏了。當你需要覆蓋原有配置時,則需要在原有根目錄下,建立vue.config.js來配置自己的配置。vue.config.js會自動載入。

module.exports = ,

},if (!this.proxy)

},// 是否顯示打包程序

progress: false

},// vue-cli內部的配置是通過 webpack-chain配置的。允許以更細微的粒度來控制其內部配置

// eg: 配置resolve選項、配置module選項...

chainwebpack: (config) =>

}

2.mock.js也可以只產生資料。不參加介面的攔截。如:攔截請求使用node-express中介軟體,返回資料的格式使用mock.js來模擬

const mock = require('mockjs')

res.json(mock.mock(

}))})

3.對於元件庫的使用

自己有的元件盡量用自己的,不得已引入了第三方元件就按需載入

// 專案中用到了antd的元件  antd.js

export from 'ant-design-vue'

// main.js

import * as antd from '@config/antd'

import vue from 'vue'

// vue.use全域性引入

for (let x in antd)

4.beforeeach路由守衛判斷登陸

router.beforeeach((to, from, next) =>  else if (!permision)  else 

} else else `)

}}})

5.vue全域性引入元件時候給元件重新l名乙個名字

vue.component('l-table', table)

6.元件可以使得全部的anted-design-vue元件的語言變為中文

7.vue模板檔案中,盡量少的減少字串,數字的出現,如果某些字串,數字必須出現,且這些字串都是永遠不會改變的。那麼必須用帶有附帶可讀意義的常量代替。增加可讀性。

// 請求成功

export const success_code = '0'

// 專案配置

export const null_key = ''

// 角色許可權 每個常量代表一種角色

export const super_admin = '0'

export const venue_admin = '1'

export const channel_admin = '2'

8.專案中用到的key-value形式的配置檔案,用map代替object形式,取值時map.get()

export const direc_public = 'a'                                   

export const not_direc_public = 'b'

export const direcpublicactimap = new map([

[null_key, '請選擇'],

[direc_public, '是'],

[not_direc_public, '否']

])

9.vuex-persistedstate可以生成持久化vuex資料,內部原理時設定了localstorage

import createpersistedstate from 'vuex-persistedstate'

vue.use(vuex)

export default new vuex.store()

10.如果由需求是相對於不同許可權的使用者,展示不同的元件,或者側邊欄。可以把這些角色用常量標識出來,在路由配置中,分析哪些角色可以看到這個元件,把這些人組成乙個陣列,放在對應元件下的meta中

}

11.axios響應或者請求***

axios.interceptors.request.use((request) => )

axios.interceptors.response.use(

(response) =>

})

專案經驗總結

每乙個專案過後,我們總是有各種各樣的體會,這些體會就是我們的收穫,也是我們成長的源泉,也許過了一段時間我會忘記,但是,筆記能夠讓他們清晰的保留下來!綠網專案 寧肯走的慢一點,也要保證方向是正確的!注意 無論做什麼專案,首先,我們需要清晰的明確大的環境,如究竟是在哪台伺服器上 究竟連線的是哪個庫 究竟...

專案經驗總結

使用者需求就是能幫使用者解決實際問題的一套解決方案。在經歷過多年的企業專案之後,發現專案中最大的風險來自於使用者需求的變更。需求變更產生風險的最大原因在於未做好需求處理,所以在此希望和大家 下企業應用的需求處理。先給大家舉乙個未處理好需求的例子 使用者說要做乙個實時監控的功能,要監控網路中實時發生的...

專案經驗總結

1 時間元件 html js var inittime function del on click function 2 介面初始化 初始頁面 var init finction 3 初始化列表,按照條件查詢 初始化列表,按照條件查詢 var showbookresourcegrid functio...