原创 HTML5-js-本地存儲與cookies
1、本地存儲（localstorage和sessionstorage） 存儲形式：key-->value 過期策略：localstorage永久存儲，不過期，除非手動刪除，sessionstorage在重啓瀏覽器、關閉頁面或新開頁面時失效
2020-06-07 12:47:05
原创 CSS四種隱藏標籤的方法
1. display: none; （隱藏不佔位） 2. position: absolute; left: -99999px; 3. visibility: hidden; （隱藏佔位） 4. opacity: 0;
2020-06-07 12:47:05
1
原创 後臺ui大全
原文鏈接：https://blog.csdn.net/m0_37499059/article/details/80519211 做前端web開發的，經常會需要用到一些框架，看到一個技術大牛整理的
2019-08-22 21:53:05
原创 pace.js網頁自動加載進度條
pace.js是一種自動檢測頁面請求的插件，可以在頁面記錄加載的狀態和進度。 【下載附件】https://raw.github.com/HubSpot/pace/v1.0.0/pace.min.js 此插件的兼容性很好，可以兼容IE8以上
2019-08-14 16:57:41
46
原创 noscript（瀏覽器不支持javascript腳本）
noscript 標籤中的元素中的內容只有在下列情況下才會顯示出來： 瀏覽器不支持腳本 瀏覽器支持腳本，但腳本被禁用 符合上述任何一個條件，瀏覽器都會顯示 noscript 中的內容。而在除此之外的其他情況下，瀏覽器不會呈現 noscri
2019-07-30 17:31:01
原创 js實現左右拖動，改變導航欄的寬度
最近接了一個需求，由於左側導航欄樹形菜單等級比較多或標題比較長，導致顯示不完全，需要把導航欄改爲可拖動改變顯示區域大小。在網上找了一個比較簡單易理解的做法，記下來供大家參考。 <!DOCTYPE html> <html> <head>
2019-07-30 17:31:01
原创 js鼠標拖拽事件碰到iframe會卡頓
js寫的鼠標拖拽事件，當鼠標滑到iframe區域時，會卡住。我理解的應該是因爲iframe框中爲加載別的頁面，鼠標在iframe框時，相當於處在別的頁面中，所以拖拽失效。 1.測試代碼： <div id="draggable">
2019-07-30 17:31:01
23
原创 js閉包的理解
閉包是js的一個難點也是它的一個特色，是我們必須掌握的js高級特性，那麼什麼是閉包呢？它又有什麼用呢？ 我們都知道，js的作用域分兩種，全局和局部，基於我們所熟悉的作用域鏈相關知識，我們知道在js作用域環境中訪問變量的權利是由內向外的，內
2019-07-30 17:31:01
原创 js實現上下拖動，改變導航欄的高度
剛寫了一個左右拖動改變內容寬度的例子，自己又改了一下，做了一個上下拖動改變高度的例子，後面需要的話，可以直接拿來用，哈哈哈。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content
2019-07-30 17:31:01
原创 快速刪除數組中指定元素方法（filter的使用）
我們可以使用數組的filter屬性，過濾掉指定的對象； var newarr = [ { num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ceshi2', flag: 'a
2019-04-25 22:15:11
原创 js判斷對象是否爲空對象的幾種方法
1.將json對象轉化爲json字符串，再判斷該字符串是否爲"{}" var data = {}; var b = (JSON.stringify(data) == "{}"); alert(b);//true 2.for in 循環判
2019-03-22 17:12:31
原创 jquery常用正則表達式
常見的正則表達式 一、校驗數字的表達式 1 數字：^[0-9]*$ 2 n位的數字：^\d{n}$ 3 至少n位的數字：^\d{n,}$ 4 m-n位的數字：^\d{m,n}$ 5 零和非零開頭的數字：^(0|[1-9][0
2019-03-03 22:31:48
原创 jquery判斷字符串是否以某個字符串開頭或結尾，包含某個字符串
一、判斷以某個字符串開頭或結尾可以用正則表達式，可用作郵箱驗證： var a = '[email protected]'; /^a.*@uaf.com.hk$/.test(a) //返回true; 以某個字符
2019-03-03 22:31:48
11
原创 Date Range Picker時間區間組件用法
<!DOCTYPE html> <html> <head> <title>date range picker</title> <link rel="stylesheet" href="bootstrap.min.css">
2019-03-03 22:31:48
32
原创 highmap 中國地圖，highchart與high衝突解決方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>中國地圖</title> </head> <body> <div id="map" styl
2019-02-27 22:11:54
13