vue專案積累

2021-09-22 20:06:32 字數 991 閱讀 9297

工作記錄

1.修飾符及其使用

最近專案上看到這樣的**:

child元件隱藏模態框觸發以下事件

closehandler () ,
查閱資料發現,這是以修飾符的方式實現了「雙向繫結」,避免了真正的雙向繫結會帶來維護上的問題。

父元件可以通過下面實現繫結:

為方便起見,可以縮寫如下,也就是sync修飾符

2.單頁面預載入

vue生成的單頁應用,極大優化了開發,但是也帶來了問題,比如seo。ssr又太過顛覆性。

這樣的條件下,部分頁面做預載入,剩下的做單頁面就是乙個很不錯的選擇了。

prerender-api-plugin就適用於這樣的場景。

基本使用:

const path = require('path')

const prerenderspaplugin = require('prerender-spa-plugin')

const renderer = prerenderspaplugin.puppeteerrenderer

module.exports = ,

// debug下設定為true,渲染時開啟瀏覽器

headless: false,

// 需要和main.js 下mounted 裡面的 document.dispatchevent(new event('render-event')) 時間名一致

renderafterdocumentevent: 'render-event'

})})

]}

原始碼解讀,大致是通過chromie無頭瀏覽器遍歷你的routes頁面,生成指定的目錄靜態頁面,訪問路由和方式不發生變化

vue學習積累

1.乙個元素佔據一行 2.高度寬度可控制 3.寬度沒有設定時,預設為100 4.塊級元素可以包含塊級和行級 1.和其他元素在一行 2.高度寬度以及內邊距都是不可控的 3.寬高就是內容的寬高,不可以改變 4.行內元素只能包含行內元素 1.既有行內元素特性,又有塊級元素特性 2.寬度 高度 行高內外邊距...

專案開發積累

一 開發優化 1 盡量做到不要在迴圈中 去訪問資料庫中的東西或者向資料庫中新增資料 迴圈中盡量做到處理邏輯的單一性或簡潔性,最大限度的提高系統的效能 2 儘量減少迴圈中或者迴圈體中不必要的迴圈計算或者不相關的計算以及操作,例如 for int i 0 i for int i 0 i 3 巢狀迴圈,如...

MMS專案積累

1 mybatis 1 in語句 and sout.status in 2 動態update update inventory back detail brandname backtotal where detailid 2 jquery 1 去掉小數點後面多餘的0 var a 23.8000 al...