VUE小練習 按鈕顏色,陣列對映

2022-04-28 06:23:33 字數 1196 閱讀 5762

## 1.有紅、黃、藍三個按鈕,以及乙個200x200矩形框box, 點選不同的按鈕,box的顏色會被切換成指定的顏色

'''解法一:我本來的思路,把三個按鈕繫結到乙個div中,然後通過dom操作,利用方法拿到當前event,把當前標籤的父標籤的background換成相應的顏色,是很笨的方法。**比較冗餘,但是是我自己的思路,可以用css樣式做一些技巧

'''藍色

黃色'''

解法二:三個不同的按鈕,可以通過繫結同一點選事件,傳入不同的引數,來表示不同的按鈕。有幾個點要注意

'''"""

1.p標籤把按鈕包起來,box區域緊接著在下乙個div中,可以實現換行。

2.box區域用乙個屬性指令,把background_color單獨設定乙個變數。

3.methods中繫結的fn方法,點選時,把顏色color進行替換。

"""黃

## 2.有乙個200x200的矩形框wrap,點選wrap本身,記錄點選次數,如果是1次wrap為pink色,2次wrap為green色,3次wrap為cyan色,4次重新回到pink色

'''思路一:

想法和上面那道題是一樣的,就是點選事件中,對當前點選次數進行判斷,對3取餘,然後用dom操作,對當前的背景顏色進行更改。

'''你一共點選了}次

'''思路二:

1.對wrap標籤繫結乙個屬性事件(背景顏色)和乙個點選事件(方法用於改變顏色屬性)

2.用乙個陣列完成點選次數和顏色的對映,取餘之後對顏色進行賦值替換

'''## 3.如圖,圖形初始左紅右綠,點選一下後變成上紅下綠,再點選變成右紅左綠,再點選變成上綠下紅,以此類推。

'''思路:

1.父標籤定位好,是乙個圓,然後兩個矩形拼成父標籤組成的圓,然後子標籤只渲染顏色,乙個紅乙個綠色,這樣給四個不同方位的矩形樣式。

2.給父標籤繫結點選事件,然後子標籤繫結屬性事件,兩個屬性給的例項是用元組拼湊成的顏色組合,這樣在點選方法裡面就可以根據點選的次數,對顏色組合進行控制,從而實現需求。

'''

data: ,

methods:

}});

## 下面這句就是加乙個定時器,然後可以直接呼叫點選事件,也可以自己寫點選事件,實現圓餅的旋轉特效。

// setinterval(function () , 500)

陣列小練習

陣列練習題 1.使用氣泡排序,實現如下的陣列從小到大排序。int arr new int 2.如何反轉上面的陣列。請 實現 複製上述陣列,得到乙個新的陣列 使用線性查詢,從上述陣列中查詢22是否存在。存在,返回所在位置的索引。不存在,輸出提示資訊。陣列中常見的異常有哪些?請舉例說明 public s...

vue路由小demo練習

路由知識詳解位址 接著前面的demo位址繼續練習路由知識.主要完成首頁和電影無重新整理跳轉切換以及動態路由.實際就是元件之間的切換 先上效果圖 首頁 簡單表示一下 電影頁 假設有乙個電影詳情頁,詳情頁需要根據電影的id來獲取電影物件,然後渲染元件 那麼電影詳情頁的位址中就需要包含電影的id 這裡就涉...

Python小技巧 顏色和類之間的對映

在做語義分割的時候,我們往往會遇到彩色的 ground truth 和 label map 之間的相互對映。這個時候最常用的方法就是用迴圈來做,這樣是最簡單的實現方法,但是效率低,迴圈過大會直接導致電腦卡死,而且 還不美觀 知道用矩陣來操作的話效率會高很多,但苦於不會實現。經過一番參考學習之後提供給...