原创 元素創建的三種方式

創建元素的三種方式 1 document.write() document.write('新設置的內容<p>標籤也可以生成</p>'); 2 innerHTML var box = document.getElementById('b

原创 CSS3 新增特性2

1 過渡(CSS3) 過渡(transition)是CSS3中具有顛覆性的特徵之一,我們可以在不使用 Flash 動畫或 JavaScript 的情況下,當元素從一種樣式變換爲另一種樣式時爲元素添加效果。 幀動畫:通過一幀一幀的畫面按照固

原创 JavaScript繼承

1 什麼是繼承 現實生活中的繼承;程序中的繼承。2 構造函數的屬性繼承:借用構造函數 function Person (name, age) {   this.type = 'human'   this.name = name   thi

原创 JavaScript變量及數據類型

1 變量 1.1 什麼是變量 什麼是變量:變量是計算機內存中存儲數據的標識符,根據變量名稱可以獲取到內存中存儲的數據。 爲什麼要使用變量:使用變量可以方便的獲取或者修改內存中的數據。 1.2 如何使用變量 var聲明變量 var age

原创 JavaScript調試

過去調試JavaScript的方式 alert() console.log() 斷點調試:斷點調試是指自己在程序的某一行設置一個斷點,調試時,程序運行到這一行就會停住,然後你可以一步一步往下調試,調試過程中可以看各個變量當前的值,出錯的話

原创 BOM

1 BOM的概念 BOM(Browser Object Model) 是指瀏覽器對象模型,瀏覽器對象模型提供了獨立於內容的、可以與瀏覽器窗口進行互動的對象結構。BOM由多個對象組成,其中代表瀏覽器窗口的Window對象是BOM的頂層對象,

原创 CSS3 新增特性1

1 結構(位置)僞類選擇器(CSS3)  - :first-child :選取屬於其父元素的首個子元素的指定選擇器 - :last-child :選取屬於其父元素的最後一個子元素的指定選擇器 - :nth-child(n) : 匹配屬於其

原创 AJAX詳解

AJAX 1. 概述 Web 程序最初的目的就是將信息(數據)放到公共的服務器,讓所有網絡用戶都可以通過瀏覽器訪問。 在此之前,我們可以通過以下幾種方式讓瀏覽器發出對服務端的請求,獲得服務端的數據: A 地址欄輸入地址,回車,刷新

原创 JavaScript入門

1 瀏覽器說明 瀏覽器是指可以顯示網頁服務器或者文件系統的HTML文件內容,並讓用戶與這些文件交互的一種軟件。 通俗的講:可以顯示頁面的一個軟件, 國內網民計算機上常見的網頁瀏覽器有,QQ瀏覽器、Internet Explorer、Fir

原创 JavaScript操作符及表達式及循環

1 操作符 運算符  operator 5 + 6    表達式  組成 操作數和操作符,會有一個結果 1.1 算術運算符 + - * / %   1.2 一元運算符 一元運算符:只有一個操作數的運算符 5 + 6  兩個操作數的運算

原创 DOM

1 DOM的概念 文檔對象模型(Document Object Model,簡稱DOM),是[W3C](http://baike.baidu.com/item/W3C)組織推薦的處理可擴展標誌語言的標準編程接口。在網頁上,組織頁面(或文檔

原创 Android圖片壓縮 github

版權聲明:若本文爲博主原創文章,則轉載請註明來源。 https://blog.csdn.net/qqduxingzhe/article/details/75365566 https://github.com/Curzibn/Lub

原创 DOM事件

事件:觸發-響應機制 Event接口表示在DOM中發生的任何事件,一些是用戶生成的(例如鼠標或鍵盤事件),而其他由API生成。 1 事件三要素 事件源:觸發(被)事件的元素 事件類型:事件的觸發方式(例如鼠標點擊或鍵盤點擊) 事件處理程序

原创 特效

1 偏移量 offsetParent用於獲取定位的父級元素 offsetParent和parentNode的區別 var box = document.getElementById('box'); console.log(box.offs

原创 屬性操作

1 非表單元素的屬性 href、title、id、src、className var link = document.getElementById('link'); console.log(link.href); console.log