原创 js獲取地址參數
function getUrlSearch(name) { // 未傳參，返回空 if (!name) return null; // 查詢參數：先通過search取值，如果取不到就通過hash來取
2023-07-11 23:46:11
原创 vuex的簡單理解！
1、vuex是vue項目中的狀態管理器，這是官方的描述。我目前的理解是vuex是一個存儲數據可以隨時取出的一個插件。類似於html5的localstorage和sessionstorage這樣的本地存儲。 2、具體使用方式可以參考下面的鏈接
2021-01-30 09:38:32
原创 css3的動畫詳解 html直接可以運行
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">
2018-12-03 21:14:36
2
原创 bootstrap的滾動監聽
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>bootstrap中滾動導航監聽主要的就是在導航中a標籤的href屬性值與要控制的div的id屬性對應<
2018-12-03 21:14:36
原创 加載動畫的使用方式
一般在網上隨便搜一個加載動畫 然後放到自己的項目中，最後在項目中添加一個js用來加載完成顯示自己的頁面內容。通常是這樣的>> 此事件一般放在body標籤用onload事件>>>>>好看的加載動畫插件鏈接http://www.htmleaf.
2018-12-03 21:14:36
原创 offsetheight,clientHeight,scrollHeight三種都是DOM Element屬性和方法
offsetheight,clientHeight,scrollHeight三種都是DOM Element屬性和方法 //1：offsetheight=>>它的高度是 內容高+padding+邊框 >!注意是
2018-12-03 21:14:36
原创 .gif和.webp格式的圖片一般在谷歌瀏覽器能夠顯示但是在火狐和ie不能夠顯示
.gif和.webp格式的圖片一般在谷歌瀏覽器能夠顯示但是在火狐和ie有時卻顯示不出來。 1 GIF 先簡單說一下GIF吧，GIF是一種正在逐漸被拋棄的圖片格式。PNG格式的出現就是爲了替代它。PNG 8除了不支持動畫外，PNG8有GIF所
2018-12-03 21:14:36
原创 當div爲position: fixed自適應居中
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>當div爲position: fixed自適應居中</title>
2018-12-03 21:14:36
原创 關於谷歌瀏覽器最新版出現的視頻下載按鈕禁掉解決方案
在樣式中添加下面這段代碼就可以禁掉這個按鈕。當然你也可以用視頻插件來禁掉。 video::-internal-media-controls-download-button { display:none; } video::-webk
2018-12-03 21:14:36
原创 WebP格式的簡介以及作用=>>大大的提高了頁面的加載速度！！
WebP是Google推出的一種圖片格式，它基於VP8編碼，可對圖像大幅壓縮。與JPEG相同，WebP也是一種有損壓縮，但在畫質相同的情況下，WebP格式比JPEG圖像小40%。 這種格式目前淘寶網在使用，估計目的是爲了提高頁面的加載速度。
2018-12-03 21:14:36
3
原创 onbeforeunload事件在頁面關閉或刷新時觸發
onbeforeunload 事件在即將離開當前頁面（刷新或關閉）時觸發。 該事件可用於彈出對話框，提示用戶是繼續瀏覽頁面還是離開當前頁面。 對話框默認的提示信息根據不同的瀏覽器有所不同，標準的信息類似 "確定要離開此頁嗎？"。該信息不能刪
2018-12-03 21:14:36
1
原创 forEach和each遍歷數組的使用方式,一般用於遍歷接收到的後臺數據
// foreach遍歷數組 var arr = [{name:"limeng",email:"xfjylimeng"},{name:"hehe",email:"xfjylimeng"}]; arr.forEach(myfun
2018-12-03 21:14:36
原创 數組的4個非常常用的方法
//創建一個數組 var arr=["張三","小明"]； //push() >>1.該方法可以向數組末尾添加一個或多個元素，並返回數組的新的長度2.可以將要添加的元素作爲方法的參數傳遞。3.這樣這些元素將會自動添加到數組的末尾 arr.
2018-12-03 21:14:36
原创 導航的滾動監聽實現步驟
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>導航的滾動監聽實現步驟</title> <style type=
2018-12-03 21:14:36