240 發(fā)簡信
IP屬地:北京
  • 數(shù)據(jù)操作

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

  • 基礎(chǔ)語法

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

  • 120
    深淺克隆(拷貝)

    在前端項目開發(fā)中,很多情況下都是在操作數(shù)據(jù)寿冕,如果碰到復(fù)雜的數(shù)據(jù)蕊程,操作起來就比較困難了。 例如:vue中數(shù)據(jù)是雙向綁定的驼唱,頁面顯示依賴vue實例中的數(shù)據(jù)驅(qū)動藻茂,當(dāng)頁面中輸入新的數(shù)...

  • 節(jié)流和防抖

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

  • 使用canvas做驗證碼

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

  • 原生js封裝彈出層

    我們平常在項目中,通常需要給用戶操作的結(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)用:

  • 指定范圍內(nèi)的拖拽效果

    拖拽描述小盒子在大盒子中拖拽,不允許小盒子超出大盒子的范圍归敬,一開始鼠標(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)容慌闭。點擊列表外的位置,就讓列表消失躯舔。具...

  • 文字跟隨光標(biāo)

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

亚洲A日韩AV无卡,小受高潮白浆痉挛av免费观看,成人AV无码久久久久不卡网站,国产AV日韩精品