專案總結(3 28)

2022-06-12 12:39:09 字數 1312 閱讀 1721

專案是用vue+webpack+elementui 完成的。雖然沒有什麼深奧的技術和難點,但是有些細節還是值得注意的。

1、滿足不同螢幕尺寸下縮放全屏顯示。

單單只靠寬度、高度百分比是不可以實現的,比如

如果寬度設定百分比,當螢幕寬度比較小時,這個標題一行顯示不下,很容易出現問題。

這裡用zoom 可以實現。具體**:

getsize() ,

onresize() )}}

2、我們常常遇到這樣的情況,標籤繫結樣式 :div-style="divstyle", divstyle在data中定義,如果divstyle 中有背景怎麼寫呢?

divstyle: ) no-repeat`,

'padding-left': '80px'

},

首先,${}是es6提供的字串拼接變數和表示式的新特性,其次用require 引入路徑,不能直接寫直接路徑,否則打包後是無法找到的。

3、圖表顏色漸變顯示

設定itemstyle的color為new echarts.graphic.lineargradient()線性漸變即可. 這個api在官方文件裡面都沒找到, 經過測試前四個引數設定為0, 0, 1, 0可以從左到右漸變. 設定為0,0,0,1可以從上到下漸變. 第5個引數陣列表示開始的顏色和結束的顏色.,以下為三個顏色堆疊圖的漸變設定,柱狀圖可以在itemstyle 中設定。

areastyle: , ], false),

shadowcolor: 'rgba(0, 0, 0, 0.1)',

shadowblur: 10}},

4、**內容太長,超出顯示...

這個問題很常見,每次都要去查,在這裡算做個記錄吧。

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

/* 注意: 自己寫的table 要加: table-layout:fixed

5、使用el-table 最底部總是有一條白線。

遇到這種情況,將下列屬性改為背景色即可

.el-table::before 

6 偽元素的應用

可以實現元素啟用狀態前面有藍色的邊

.el 

}}

3 28 模擬題解

a.border 設k substring的答案為 f k 則有 f k le f k 1 2 因為 f k 1 至少都可以從 f k 繼承而來。那麼考慮倒序列舉 k 並計算 f k 我們可以先將 f k 設定成 f k 1 2 再不停將 f k 減小直到其合法。如果用雜湊來判斷兩個字串是否相等,則...

328 奇偶鍊錶

給定乙個單鏈表,把所有的奇數節點和偶數節點分別排在一起。請注意,這裡的奇數節點和偶數節點指的是節點編號的奇偶性,而不是節點的值的奇偶性。請嘗試使用原地演算法完成。你的演算法的空間複雜度應為 o 1 時間複雜度應為 o nodes nodes 為節點總數。示例 1 輸入 1 2 3 4 5 null輸...

328 奇偶鍊錶

給定乙個單鏈表,把所有的奇數節點和偶數節點分別排在一起。請注意,這裡的奇數節點和偶數節點指的是節點編號的奇偶性,而不是節點的值的奇偶性。請嘗試使用原地演算法完成。你的演算法的空間複雜度應為 o 1 時間複雜度應為 o nodes nodes 為節點總數。示例 1 輸入 1 2 3 4 5 null ...