原创 angular參數傳遞的幾種方式
1.查詢字符串的方式 鏈接 <div *ngFor="let list of item.Books" [routerLink]="['/detail',{bookId:list.Book.Id}]"></div> 接受參數代碼 th
原创 移動端網頁佈局前提
在head中加入: <meta name="viewport" content="width=device-width, initial-scale=1.0">
原创 javascript面向對象——創建對象的幾種方式
1.字面值 var person = { name:'jack', age:20 }; 1.通過new關鍵詞 var persons = new Object(); persons.firstname = 'joh
原创 文件上傳-代碼實現
//前臺預覽代碼 html代碼部分 <label>頭像:</label> <img src="images/timg.jpg" alt="" id="headerImg"> <input type="file" id="fil
原创 jQuery -分頁代碼整理
js代碼部分: let pageSize = 12; let pageIndex = 0; //創建頁碼 function builDatapage(list) { //獲得總頁數 let total = M
原创 call,apply,bind方法區別
相同點:功能都是改變this定向,爲了對對象進行方法擴展的。 bind() 不能即時調用,需要一個新方法調用 //方法一 var fun = opj.bind(); fun(); //方法二 opj.bind(‘click
原创 div佈局——網頁中元素不可見的方法有哪些,各有什麼不同!
display 不佔空間 產生迴流重回影響新能 無法點擊 記憶:直接殺掉,連塊墓地都不給人家,殃及子孫後代,圍觀羣衆譁然 visibility 佔據空間 無法點擊沒有重回迴流問題 性能好 記憶:殺掉本尊一個,不殃及子孫
原创 div佈局系列——一個div水平垂直居中的方法
HTML代碼部分 <div id="Dalog"><div></div></div> 方案一:使用定位 #Dalog{ width: 800px; height: 600px; bo
原创 div佈局系列 - 兩端對齊的方法
方式一:box-sizing:border-box html代碼部分 <div class="content clear-fix"> <div></div> <div></div> <di
原创 輸入5個數,輸出其中最大和最小的數.
//輸入5個數存入數組中 var arr=[]; for(var i=0;i<5;i++){ arr[i]=parseInt(prompt('請輸入第'+(i+1)+'個數')); } //比大小 var min=arr[0]; var
原创 div佈局系列——圖片輪播使用position定位後父元素沒法撐開解決方法
<div class="ad"> <img src="images/banner-01.jpg"> <img src="images/banner-02.jpg"> <img src="images/banner-
原创 表單驗證的兩種方法-(原生JS和Html5)
原生JS的表單驗證 html部分 <form> <div> <label>用戶名:</label><input type="text" id="txtUsername"> <div id="labUsername" >用戶
原创 原生js——點擊獲取當前索引的方法
html代碼部分 <button>A-1</button> <button>B-2</button> <button>C-3</button> <button>D-4</button> <button>E-5</button> js代碼部
原创 [數組練習]輸入5個數,計算5個數的平均數.
//輸入5個數存入數組中 var arr=[]; for(i=0;i<5;i++){ arr[i]=parseInt(prompt('請輸入第'+(i+1)+'個數')); } //求數組中數的和 var sum; for(i=0;i<
原创 FormData()方法 ——將數據以Key=value 的方式通過XMLHttpRequest對象發送給服務器
FormData()方法 ——將數據以Key=value 的方式通過XMLHttpRequest對象發送給服務器 注: 一、無form標籤時: var 對象名 = new FormData(); 對象名.append(‘key’,