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