原创 02jquery獲取各種鼠標位置
jquery獲取各種鼠標位置 獲取當前鼠標相對img元素的座標 $('img').mousemove(function(e) { var positionX=e.pageX-$(this).offset().left
2020-06-16 15:20:42
原创 02jQuery事件綁定
jQuery中提供了四種事件監聽方式，分別是bind、live、delegate、on，對應的解除監聽的函數分別是unbind、die、undelegate、off。在開始看他們之前 一：bind(type,[dat
2020-06-16 15:20:42
原创 01JQuery獲取元素文檔大小、偏移和位置和滾動條位置的方法集合
JQuery獲取元素文檔大小、偏移和位置和滾動條位置的方法集合 //獲取瀏覽器顯示區域的高度 $(window).height(); //獲取瀏覽器顯示區域的寬度 $(window).width(); //獲取頁面的文檔高度
2020-06-16 15:20:42
原创 03Jquery 中 offset() 方法
一、語法 1、 返回偏移座標 $(selector).offset(); top: $(selector).offset().top; left: $(selector).
2020-06-16 15:20:42
原创 JavaScript數組方法
常見數組方法 join() push()和pop() shift() 和 unshift() sort() reverse() concat() slice() splice() indexOf()和 lastIndexOf() （ES5
2018-11-12 23:37:57
原创 03JavaScript動畫DOM——滾動偏移、瀑布流、Image對象、圖片預加載、懶加載、獲取計算後樣式
瀏覽器頁面獲取滾動偏移 兼容寫法：注意順序不能亂 var scroll=document.body.scrollTop||window.pageYOffset||document.documentElement.scrollTop 測試
2018-09-13 01:59:41
原创 02JavaScript事件——事件流、事件綁定類型、跨瀏覽器事件處理程序、阻止事件冒泡/默認事件
事件流 事件流就是頁面中的事件的觸發順序，IE提出了事件冒泡，網景提出了事件捕獲 事件冒泡：即事件由子元素向祖先元素傳播，在所有的瀏覽器中，幾乎所有都支持事件冒泡，事件的觸發由最確定的元素向父級逐級傳播，一直傳到html 事件捕獲：和冒泡
2018-09-13 01:59:41
原创 01JavaScript事件——事件對象、鼠標事件、鍵盤事件、表單事件
事件對象 event事件對象：包含着所有的與事件有關的操作，所有瀏覽器都支持event對象，event對象會轉入DOM0級、DOM2級、HTML指定定事件內置對象，可在事件處理函數內直接使用，event,在事件處理程序中有效，事件執行完成
2018-09-13 01:59:41
原创 04JavaScript事件——BOM、window對象、navigator對象、screen對象、location對象
BOM：瀏覽器對象模型，包含多個對象有不同的功能 window對象是BOM的頂層對象，其他都是該對象的子對象 window對象：瀏覽器窗口對象，所有的JavaScript全局對象、函數以及變量均會自動成爲window的屬性和方法（對象成員
2018-09-13 01:59:41
原创 03JavaScript事件——放大鏡、碰撞檢測、滾輪事件、本地存儲
JS原生放大鏡 js代碼： <script> var img=document.querySelector("img") left.onmouseover=function(){ console.log("移入") mask
2018-09-13 01:59:40
原创 02JavaScript——AJAX、JSON
ajax 是指一種在無需重新加載整個網頁的情況下，能夠更新頁面局部內容，是於服務器交換數據並更新部分網頁的技術/藝術,是異步的JavaScript和XML,不是新的編程語言，是一種使用現有標準的新方法 XMLHttpRequest對象 是
2018-09-13 01:59:40
原创 01JavaScript正則
正則表達式 規則表達式(英語：Regular Expression,簡寫爲regex、regexp或RE)，它是計算機科學的一個概念，正則表通常被用來檢索、替換那些符合某個模式（規則）的文本，常應用於表單上，一種字符串的匹配規則，但它不是
2018-09-13 01:59:40
原创 01JavaScript動畫DOM——js輪播圖、動畫、tween庫、swipe庫、offsetTop/Left/Width/Height、clientWidth/clientHeight
JS動畫 本質上就是通過JS的方式讓元素的屬性發生連續變化的過程 JS動畫核心： 1、獲取元素屬性，改變後重新賦值 2、改變過程是連續的->setInterval() 注：通過element.style.attr只能
2018-09-08 00:04:57
原创 02JavaScript動畫DOM——獲取節點、動態創建、添加、修改、刪除、克隆元素
DOM對象 文檔對象模型（Document Object Model，簡稱DOM),是W3C組織推薦的處理可擴展標誌語言的標準編程接口。HTML DOM 定義了所有HTML 元素的對象和屬性，以及訪問它們的方法,也就是說HTML DOM
2018-09-08 00:04:57
原创 06JavaScript基礎——data對象、閉包、類型轉換
Data對象 JS提供了Date對象，我們可以通過它得到當前設備的系統時間 創建時間對象 var date=new Date(); console.log(date); // 通過date獲取確切的時間 1、獲得四位數的年份
2018-09-07 12:00:16