原创 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’,