升龍無涯

數(shù)據(jù)操作 一谒麦、對象 一個大空間存儲多個小的內(nèi)存空間崖飘，一個變量中存儲多個數(shù)據(jù)的數(shù)據(jù) 定義： 基本操作： 設(shè)置對象的鍵值對： 如果屬性名原本不存在 - 新增 如果屬性名原本存在 ...

升龍無涯

基礎(chǔ)語法 一、基礎(chǔ)語法 1橘茉、變量 概念：內(nèi)存中存儲數(shù)據(jù)的一個容器。 聲明方式： 變量名的規(guī)則：變量名由字母台颠、數(shù)字定嗓、下劃線、美元符號注整、漢字組成能曾，不能用數(shù)字開頭度硝，不能將關(guān)鍵字作為...

升龍無涯

節(jié)流：一段時間內(nèi)，只執(zhí)行一次某個操作玫恳，過了這段時間辨赐，還有操作的話，繼續(xù)執(zhí)行新的操作使用場景：1）頁面滾動加載：在無限滾動的頁面中京办，滾動事件會頻繁觸發(fā)掀序，使用節(jié)流可以控制數(shù)據(jù)加載...

升龍無涯

驗證碼效果： 封裝驗證碼制作： 調(diào)用使用html結(jié)構(gòu)： 調(diào)用代碼：

升龍無涯

我們平常在項目中，通常需要給用戶操作的結(jié)果進行提示惭婿，但是js默認給出的提示彈窗樣式又比較丑不恭，所以我們可以自己封裝彈出層，用來給用戶做不同的提示财饥，具體效果如下：普通彈窗如下圖：...

升龍無涯

我們平郴话桑看到的點名程序有兩種，第一種如下圖： 這種點名程序钥星，從頁面中看不到具體有多少姓名沾瓦，。html結(jié)構(gòu)代碼如下： css樣式代碼如下： js代碼如下： 第二種點名程序如下圖...

升龍無涯

煙花效果圖如下： 代碼如下：工具函數(shù) 實現(xiàn)效果的代碼：

升龍無涯

在以前的win7系統(tǒng)中谦炒，自帶的小游戲中暴拄，有一款游戲叫掃雷，效果如下圖： html中的結(jié)構(gòu)代碼如下： js邏輯代碼中编饺，預(yù)置兩個工具函數(shù)： 首先要根據(jù)選中的雷的數(shù)量乖篷，來創(chuàng)建小盒子...

升龍無涯

效果如下： html結(jié)構(gòu)代碼： css樣式代碼： js代碼：

升龍無涯

放大鏡的效果跟平常我們在電商網(wǎng)站中的商品詳情頁將商品放大查看的效果是一樣的，效果圖如下： 布局結(jié)構(gòu)如下： css樣式如下： 效果分為3個部分透且，第1部分是點擊小圖撕蔼，換中等圖和大...

升龍無涯

效果如下圖： html結(jié)構(gòu)和樣式： js操作代碼：首先定義幾個工具函數(shù)，例如：批量設(shè)置樣式的秽誊、獲取隨機顏色的等等鲸沮。。锅论。 根據(jù)上面計算好的變量讼溺，來創(chuàng)建大盒子中的小盒子并設(shè)置樣式...

升龍無涯

貪吃蛇效果： 鍵盤的w、s最易、a怒坯、d分別來控制蛇移動方向：上炫狱、下、左剔猿、右js代碼：

升龍無涯

效果圖如下： html結(jié)構(gòu)代碼： 樣式代碼： js邏輯代碼： 其中有些重復(fù)代碼视译，可以封裝為函數(shù)重復(fù)調(diào)用：

升龍無涯

拖拽描述小盒子在大盒子中拖拽，不允許小盒子超出大盒子的范圍归敬，一開始鼠標(biāo)在小盒子的什么位置酷含，拖拽過程中，鼠標(biāo)一直就在小盒子的什么位置汪茧。具體效果圖如下： html結(jié)構(gòu)代碼： js...

升龍無涯

效果圖如下： html結(jié)構(gòu)代碼： js邏輯代碼：

升龍無涯

當(dāng)鼠標(biāo)右擊文檔的時候椅亚，創(chuàng)建一個列表顯示在文檔中，不要出現(xiàn)默認的菜單舱污。點擊其中的列表項呀舔，給這個列表項設(shè)置特殊的背景顏色，并彈出列表項中的內(nèi)容慌闭。點擊列表外的位置，就讓列表消失躯舔。具...

升龍無涯

最終效果圖如下： 這個特效沒有結(jié)構(gòu)代碼驴剔，標(biāo)簽和邏輯都在js代碼中：