原创 h5實現簽名
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>簽名</title> <style type="text/css"> *{ margin
原创 h5畫布實現鐘錶
關於 save和restore要通過棧結構來控制路徑, 每次重新畫一個圖形的時候要調用beginPath清空整個路徑容器 使用canvas實現動畫效果經常需要使用到定時器以及for循環的配合 canvas畫布只有getContext 和w
原创 輪播圖
定時器的知識(延時定時器) 標籤的相對定位,絕對定位 標籤的裁剪 元素float以後:會將內聯元素,變爲塊元素 可以將寫好的Demo放在js文件中,通過src引用直接調用 可以給元素定義一個屬性值,在以下的Demo中直接調用 輪播的頁面的
原创 jQuery選擇器
目錄 選擇器 基本選擇器 層次選擇器:查找子元素,後代元素,兄弟元素的選擇器, 過濾選擇器: 表單選擇器 選擇器 css的選擇器的語法 根據選擇器規則在整個文檔中查找所有匹配的相應的元素,並封裝爲對象 基本選擇器
原创 JS--使用工廠方法(批量)創建對象---構造函數---原型對象
批量的創建對象 function createPerson(name,gender){ var obj = new Object(); //創建新的對象
原创 事件(Js)
目錄 事件對象 div跟隨鼠標移動 事件的冒泡 事件的委派(將事件統一綁定給元素的祖先元素) 事件的綁定 事件的傳播 事件對象 當事件的響應函數被觸發時,瀏覽器每次都會將一個事件作爲實參傳遞進響應函數 在事件對象中封裝了當前事件相關的
原创 jQuery基本概念
是一個js函數庫,封裝簡化dom操作(增刪改查、ajax) 強大的選擇器, 隱式遍歷(隱式迭代):一次操作多個元素 讀寫合一:讀數據和寫數據用的是一個函數/方法 事件處理 鏈式調用 DOM操作(增刪改) 樣式操作 : .css("屬性名
原创 call and apply
call() and apply() 這兩個方法都是函數對象方法,需要通過函數對象來調用。---》將一個對象指定第一個參數 這個對象將會成爲函數執行時的this;修改函數執行的對象。 call將實參在對象之後依次傳遞 apply方法將
原创 JS——包裝類——對象裏面的方法
包裝類 在JS中提供三個包裝類,可以將基本數據類型的數據轉換爲對象。 String()——將一個基本數據類型字符串轉換爲String Number()——將一個基本數據類型字符串轉換爲Number Boolean()——將一個基本數據類型
原创 JS數組
目錄 數組中添加元素 修改長度length 使用字面量新建一個數組 數組中的常用方法 遍歷數組 foreach方法 遍歷數組(IE8不兼容) slice()從某個已有的數組匯返回指定的元素 splice()刪除元素,並向數組
原创 JS全局作用域&函數作用域
全局作用域: 直接編寫在script標籤中的代碼。 全局作用域在頁面打開時創建,頁面關閉時銷燬。 在全局作用域中有一個全局對象window(代表一個瀏覽器的窗口,由瀏覽器創建),可以直接使用。 創建的變量都會作爲window對象的屬性保存
原创 JS--DOM
目錄 Document Object Model 文檔 對象 模型 文檔的加載 DOM查詢 獲取元素節點的子節點(通過元素節點調用的) 獲取父節點和兄弟節點 DOM其他方法 Document Object Model 文檔 對象
原创 BOM對象
目錄 BOM瀏覽器對象模型----操作瀏覽器 BOM對象: Navigator History Location BOM瀏覽器對象模型----操作瀏覽器 提供一組對象,完成對瀏覽器的操
原创 元素的位置和滾動效果
offset and position offset:相對於頁面左上角的位置(可以有參數) position:相對於父元素左上角的位置 $('#btn1').click(function(){ //相對於頁面左上角的位置
原创 顯式原型與隱式原型 原型鏈
對象的隱式原型的值爲其對應構造函數的顯式原型的值。 function Fn(){} //顯式原型--->空的Object對象 console.log(Fn.prototype); //隱式原型---> va