今天抽個空把js剩下的一些操作介紹下，當然不可能介紹的很全面，大部分是我認為很重要的部分，還有很多事在實際工作會遇到的，再去查資料，不斷完善知識體系。
首先，我們來看下js中的內建物件
這裡可不是ios中的window物件，在js中，window 物件表示瀏覽器中開啟的視窗。如果文件包含框架（frame 或 iframe 標籤），瀏覽器會為 html 文件建立乙個 window 物件，並為每個框架建立乙個額外的 window 物件。它有連個特點，1.所有的全域性變數都是window的屬性；2. 所有全域性的函式都是window的函式。下面我們看乙個例子：
console.log(window.age);
function dog()
window.dog();
function dog()
dog();
var dog1 = new dog();
window.alert(0);
window.console.log('----wedewfd---');
window.location.href = '';簡單來說，document是window的乙個物件屬性。它主要有三個用途：
1.動態的獲取當前網頁中的任意乙個標籤
2.動態的對獲取到的標籤進行crud
3.增加(create)、讀取(retrieve)（重新得到資料）、更新(update)和刪除(delete)
例子：
// c 建立create
// 1.直接往body中動態的新增標籤(可以是任意型別)
document.write('helloworld');
document.write('
var div = document.createelement('div');
div.style.background = 'red';
div.style.width = '500px';
div.style.height = '300px';
// 新增到父標籤
// 往div中插入一張
// 拿到p標籤
// 刪除有3種方式: 1. 直接用body進行刪除,但是只能作用於直接子標籤
// 2. 拿到當前標籤的父標籤,再來刪除
// 3. 直接拿當前的標籤,呼叫 remove()方法.
// document.body.removechild(p);
// 拿到當前標籤的父標籤,再來刪除
// p.parentnode.removechild(p);
// 3
// p.remove();
// 改 拿到對應的標籤,做出改變...
// 查
// 第一種方式:
// document.getelementsbyclassname();
// document.getelementsbyname();
// document.getelementsbytagname();
// document.getelementbyid();
// (注意:id返回乙個值,其他的都是返回陣列)
// 第二種方式:遍歷標籤內部的內容
// find(document.body);
//// function find(object)
// }
console.log(document.body.childnodes);
運用上面的這些知識，
來做乙個簡單的demo。
5
傳送門：
iOS轉前端之JS實現瀑布流效果
今天抽空再寫一篇，寫個瀑布流的效果。做過ios的都知道瀑布流在ios中也是個很流行的布局方式，這裡就不再多介紹了。我們來看看如何用js來實現瀑布流的效果。我就直接上 了，裡面的注釋都很清晰。不懂的可以來問我。html css a,address,b,big,blockquote,body,cente...
JS陣列reduce 方法詳解及高階技巧
1 語法 arr.reduce callback,initialvalue reduce 為陣列中的每乙個元素依次執行 函式，不包括陣列中被刪除或從未被賦值的元素，接受四個引數 初始值 或者上一次 函式的返回值 當前元素值，當前索引，呼叫 reduce 的陣列。callback 執行陣列中每個值的函...
JS陣列reduce 方法詳解及高階技巧
reduce 方法對陣列中的每個元素執行乙個由您提供的reducer函式 公升序執行 將其結果彙總為單個返回值。reduce方法可做的事情特別多，就是迴圈遍歷能做的，reduce都可以做，比如陣列求和 陣列求積 陣列中元素出現的次數 陣列去重等等1 previousvalue 上一次呼叫 返回的值，...