原创 瀏覽器全屏非全屏切換
1 //進入全屏 2 function requestFullScreen() { 3 var de = document.documentElement; 4 if (de.requ
2018-10-24 10:48:16
原创 ajax文件上傳-FormData()
HTML: 1 <form action=""> 2 3 <input type="file" id="file1" name=""> 4 5 <br> 6
2018-10-24 10:48:16
原创 獲取元素尺寸寬高
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>獲取元素尺寸寬高</title> 7 </h
2018-10-24 10:48:16
原创 隨機顏色
1 function rancolor() { 2 var r = Math.floor(Math.random() * 256); 3 var g = Math.floor(Math.random(
2018-10-24 10:48:16
1
原创 結合vue展示百度天氣接口天氣預報
HTML： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" con
2018-10-24 10:48:16
原创 生成無重複隨機數
1 /** 2 * 無重複隨機字符串 3 * num<62 num>=62或不傳時位默認的62位 4 * @param {[int]} num [隨機字
2018-10-24 10:48:15
2
原创 模擬返回的後臺數據實現統計圖
1 <div id="vmchart"> 2 <div id="chart" style="width: 600px;height: 400px;"></div> 3 </div>引用的框架有：邏輯部分： 1 var vm = n
2018-10-24 10:48:15
原创 jQuer插件滿屏氣泡飄落動畫效果
飄落動畫效果插件引用： <script src="https://cdn.bootcss.com/JQuery-Snowfall/1.7.4/snowfall.jquery.min.js"></script> 注意：需要引用jQuery，要
2018-10-24 10:48:15
原创 添加標籤——無給定標籤選項
HTML： 1 <!-- input輸入標籤，請以英文逗號分開 --> 2 <input type="text" placeholder="請以英文逗號分開" id="tagvalue" value="Prosper,Le
2018-10-24 10:48:04
原创 將表格導出爲excel
1 <table id="tableExcel" border="1"> 2 <tr> 3 <th>零</th> 4 <th>一</th> 5 <th>二</th> 6
2018-10-24 10:48:04
原创 本地多圖上傳預覽
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" 6
2018-10-24 10:48:04
原创 邏輯思維推理-你的大腦轉速是多少？
一個村子裏,有50戶人家,每家都養了一條狗.現在,發現村子裏面出現了N只瘋狗,村裏規定,誰要是發現了自己的狗是瘋狗,就要將自己的狗槍斃.村子裏面的人只能看出別人家的狗是不是瘋狗,而不能看出自己的狗是不是瘋的,如果看出別人家的狗是瘋狗,也不能
2018-10-24 10:48:03
原创 ajax請求完之前的loading加載
很多時候我們需要引入框架來開發項目，這時我們可能會遇到頁面還沒加載完源碼出來了的問題，給用戶一種不好的視覺體驗，這是便需要loading加載了，來完善用戶體驗！ 1 /*loading.js*/ 2 // 加載HTML圖 3 var _
2018-10-24 10:43:20
原创 消息提示框-事件冒泡
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>事件冒泡-提示框</title>
2018-10-24 10:43:20
原创 倒計時按鈕—獲取手機驗證碼按鈕
HTML： <input type="button" value="獲取驗證碼"> CSS： 1 input[type=button] { 2 width: 150px; 3 height: 30px; 4
2018-10-24 10:43:20