原创 關於script jsonp跨域請求數據
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> <scrip
原创 JS一些兼容性 寫法
由於瀏覽器的不斷升級更新.,會導致舊的版本不支持一些方法,所以當新的代碼用到一些方法時,舊的版本的瀏覽器不能識別導致程序報錯,所以在寫代碼時需要考慮瀏覽器的兼容性寫法.下面就是一些常用的瀏覽器兼容性寫法. 獲取節點 下一個兄弟節點
原创 DOM綁定事件 -for循環'
很神奇的是在用for循環綁定事件時,定義一個變量i, 在function中使用i是不最後一個索引,所以導致認爲a[i] 與當前所指的對象是一樣的.這個時候就要用this 來解決問題了...問題代碼如下 : for(var i=0
原创 自適應佈局-float
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .fa
原创 利用filter()去除數組中的重複元素,利用filter()篩選出數組中的素數
filter()是數組的一個常用操作,它用於把Array的某些元素過濾掉,然後返回剩下的元素。和map()類似,Array的filter()也接收一個函數。和map()不同的是,filter()把傳入的函數依次作用於每個元素,然後根據
原创 同名函數加載及定時器清除問題
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .father
原创 Sublime text 2/3 中 Package Control 的安裝與使用方法
Package Control 插件是一個方便 Sublime text 管理插件的插件,但因爲 Sublime Text 3 更新了 Python 的函數,API不同了,導致基於 Python 開發的插件很多都不能工作,Packag
原创 JS原生輪播圖代碼
佈局一個這樣的輪播圖 難點在於圖4與圖1怎麼實現無縫輪播,巧妙的是把圖1插入圖4後面 12341...代碼如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT
原创 JS單線程問題
這個系列的文章名爲“JavaScript 進階”,內容涉及JS中容易忽略但是很有用的,偏JS底層的,以及複雜項目中的JS的實踐。主要來源於我幾年的開發過程中遇到的問題。小弟第一次寫博客,寫的不好的地方請諸位斧正,覺得還有一些閱讀價值的請
原创 DOM 節點
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="bo
原创 引號的內容會被當成字符串
for(var i=0;i<imgArr.length;i++){ imgArr[i].onclick = function () { var b= this.src
原创 jQuery.extend(object) 與 jQuery.fn.extend(object)的區別
原文鏈接:http://caibaojian.com/jquery-extend-and-jquery-fn-extend.htmlQuery.ex
原创 JS Array.filter()方法
今天學習了Array的filter方法,MDN上解釋的是filter()方法中行參是一個回調函數.這個回調函數就是一個規則,返回一個布爾值.filter()方法會對數組中每一個元素使用這個回調函數.注意,這裏說的是每一個元素.並且將返回值
原创 url、href、src詳解
URL(Uniform Resource Locator) 統一資源定位符,表示從互聯網上得到的資源的位置和訪問方法,是互聯網上標準資源的地址。互聯網上每一個文件都有一個唯一的URL,它包含的信息指出文件的位置以及瀏覽器應該怎麼處理它
原创 JS 中this 所指向的對象
<script> var box=document.getElementById("box"); box.onclick = fn1; function fn1() { console.log(th