13
46
51
25016
78
10
數據操作 一、對象 一個大空間存儲多個小的內存空間,一個變量中存儲多個數據的數據 定義: 基本操作: 設置對象的鍵值對: 如果屬性名原本不存在 - 新增 如果屬性名原本存在 ...
基礎語法 一、基礎語法 1、變量 概念:內存中存儲數據的一個容器。 聲明方式: 變量名的規則:變量名由字母、數字、下劃線、美元符號、漢字組成,不能用數字開頭,不能將關鍵字作為...
在前端項目開發中,很多情況下都是在操作數據,如果碰到復雜的數據,操作起來就比較困難了。 例如:vue中數據是雙向綁定的,頁面顯示依賴vue實例中的數據驅動,當頁面中輸入新的數...
節流:一段時間內,只執行一次某個操作,過了這段時間,還有操作的話,繼續執行新的操作使用場景:1)頁面滾動加載:在無限滾動的頁面中,滾動事件會頻繁觸發,使用節流可以控制數據加載...
驗證碼效果: 封裝驗證碼制作: 調用使用html結構: 調用代碼:
我們平常在項目中,通常需要給用戶操作的結果進行提示,但是js默認給出的提示彈窗樣式又比較丑,所以我們可以自己封裝彈出層,用來給用戶做不同的提示,具體效果如下:普通彈窗如下圖:...
我們平常看到的點名程序有兩種,第一種如下圖: 這種點名程序,從頁面中看不到具體有多少姓名,。html結構代碼如下: css樣式代碼如下: js代碼如下: 第二種點名程序如下圖...
煙花效果圖如下: 代碼如下:工具函數 實現效果的代碼:
在以前的win7系統中,自帶的小游戲中,有一款游戲叫掃雷,效果如下圖: html中的結構代碼如下: js邏輯代碼中,預置兩個工具函數: 首先要根據選中的雷的數量,來創建小盒子...
效果如下: html結構代碼: css樣式代碼: js代碼:
放大鏡的效果跟平常我們在電商網站中的商品詳情頁將商品放大查看的效果是一樣的,效果圖如下: 布局結構如下: css樣式如下: 效果分為3個部分,第1部分是點擊小圖,換中等圖和大...
效果如下圖: html結構和樣式: js操作代碼:首先定義幾個工具函數,例如:批量設置樣式的、獲取隨機顏色的等等。。。 根據上面計算好的變量,來創建大盒子中的小盒子并設置樣式...
貪吃蛇效果: 鍵盤的w、s、a、d分別來控制蛇移動方向:上、下、左、右js代碼:
效果圖如下: html結構代碼: 樣式代碼: js邏輯代碼: 其中有些重復代碼,可以封裝為函數重復調用:
拖拽描述小盒子在大盒子中拖拽,不允許小盒子超出大盒子的范圍,一開始鼠標在小盒子的什么位置,拖拽過程中,鼠標一直就在小盒子的什么位置。具體效果圖如下: html結構代碼: js...
效果圖如下: html結構代碼: js邏輯代碼:
當鼠標右擊文檔的時候,創建一個列表顯示在文檔中,不要出現默認的菜單。點擊其中的列表項,給這個列表項設置特殊的背景顏色,并彈出列表項中的內容。點擊列表外的位置,就讓列表消失。具...
最終效果圖如下: 這個特效沒有結構代碼,標簽和邏輯都在js代碼中: