利用ScrollReveal.js的HTML屬性實(shí)現(xiàn)網(wǎng)頁動(dòng)畫
上一章我們介紹了利用wow和animate來實(shí)現(xiàn)滾動(dòng)加載動(dòng)畫，本章我們?cè)賮斫榻B同樣能實(shí)現(xiàn)該功能的ScrollReveal.js，他不像wow.js一樣需要依賴于animate.css，自己就提供了許多
2023-12-22
結(jié)合wow.js+animate.css實(shí)現(xiàn)滾動(dòng)加載動(dòng)畫
想讓網(wǎng)頁動(dòng)起來，我們可以借助animate動(dòng)畫庫，里面提供了豐富的動(dòng)畫效果。首先引入animate.css文件，可使用cdn或本地引入然后給需要?jiǎng)赢嫷脑靥砑宇惷壕唧w的動(dòng)畫和其對(duì)應(yīng)的類名可以去官網(wǎng)查
利用for循環(huán)實(shí)現(xiàn)一個(gè)簡單的冒泡排序
冒泡排序是十分常用的一種排序算法。其核心原理為重復(fù)地走訪過要排序的元素列，依次比較兩個(gè)相鄰的元素，如果順序（如從大到小、首字母從Z到A）錯(cuò)誤就把他們交換過來。經(jīng)過這樣的比較后，第一輪的比較結(jié)果是數(shù)組中
2023-12-03
在使用雙重非操作判斷時(shí)可能遇到的一種特殊情況——變量0
在 JavaScript 編程中，經(jīng)常需要對(duì)變量進(jìn)行非空、非null、非undefined的判斷。常見的判斷方法是使用 “!!” ，即”雙重非操作”或”雙重邏輯非操作”，這種操作實(shí)際上是將值轉(zhuǎn)換為其對(duì)應(yīng)的布爾值。然而，在這個(gè)判斷中，有時(shí)會(huì)忽略掉一個(gè)特殊的情況：當(dāng)變量的值為0時(shí)，可能會(huì)被視為假（false）而被排除在判斷之外。舉例來說，假設(shè)我們有一個(gè)名為 index 的變量，我們想要檢查它是否為非空...
2023-11-24
分享幾個(gè)es6中Object的常用方法
在js中我們經(jīng)常操作object語法，下面分享幾個(gè)常用的對(duì)象構(gòu)造函數(shù)。 Object.is 判斷兩個(gè)對(duì)象是否相同 Object.assign() 相當(dāng)于合并兩個(gè)數(shù)組 并剔除相同的key Object.getPrototypeOf() 獲取對(duì)象的內(nèi)部屬性 Object.setPrototypeOf() 設(shè)置一個(gè)指定對(duì)象的屬性，可以為null Object.keys() ...
根據(jù)數(shù)字不同顯示不同的狀態(tài)--函數(shù)法
之前為大家分享了根據(jù)后端返回的數(shù)字來顯示不同的文字和狀態(tài)，方法是在回調(diào)函數(shù)中直接處理改變數(shù)據(jù)。這里為大家分享另一種方法，正常獲得回調(diào)函數(shù)中的值，改為直接在element表格中通過插槽和函數(shù)來改變文字。通過作用域插槽拿到表格的數(shù)據(jù)，傳遞該數(shù)據(jù)使函數(shù)生效，進(jìn)而改變文字。這里還可以通過三目運(yùn)算符來判斷數(shù)字來改變css，以達(dá)到不同顏色不同文字的效果。
