原创 的display屬性和visibility屬性
1、display屬性 display屬性常用來設置<div>元素的浮動特徵,當display設置爲block(塊)時,容器中所有元素都將被當做一個單獨的塊放入到頁面中;將display設置爲inline,將使其行爲和元素inl
原创 與標籤
HTML只是賦予內容的手段,大部分HTML標籤都有其意義(如<p>標籤創建段落,<h1>標籤創建標題等),然而<span>標籤和<div>標籤沒有實際上的意義,但實際上,與CSS結合起來後,應用範圍就非常廣泛了。 它們被用來組
原创 JavaScript繼承的幾種方法比較
許多OO語言都支持兩種繼承方式:接口繼承和實現繼承。接口繼承只繼承方法簽名,而實現繼承則繼承實際的方法。 由於在ECMAScript中,某些函數沒有函數名,即匿名函數,因此ECMAScript只支持實現繼承。並且主要是通過原型鏈來實現繼承
原创 HTML5要點總結
HTML5是最新版本的HTML。它引入了簡化的標記、心的語義和媒體元素,另外要依賴一組支持web應用的JavaScript庫。 XHTML不再是Web頁面的標準。開發人員和W3C決定還是繼續擴展和改進HTML。 新的、更爲簡單的HTML
原创 HTML實現位置感知
地理定位API如何確定你的位置: 所有瀏覽器(不論是設備瀏覽器,還是桌面瀏覽器)會使用以下幾種不同的方法來確定位置,有的不那麼精確,有的則很精確。 1、IP地址 基於IP地址的位置信息使用一個外部數據庫將IP地址映射到
原创 window.onload與$(document).ready()對比
jQuery的$(document).ready(function(){}); 和JavaScript的window.onload=function(){}; 都能實現延遲解析javascript代碼的效果,可以解決和優化一部分頁面功能和
原创 canvas繪製矩形、三角形、圓形
1、繪製矩形 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>canvas繪製矩形</title> <styl
原创 GET和POST請求
通常情況下,GET請求用於從服務器上獲取數據,POST請求用於向服務器發送數據。GET請求將所有請求參數轉換成一個查詢字符串,並將該字符串添加到請求的URL之後,因而可以在請求的URL後看到請求參數名、請求參數值。如果某個表單的act
原创 HTML5新增語義元素
<selection> <selection>是一個“通用文檔”。可以使用<selection>將文檔標記爲HTML,或者還可以包圍HTML。但<selection>並不是一個通用容器,<div>纔是。另外,只有對元素分組來指定樣式
原创 JavaScript的類型
JavaScript有七種內置類型: 空值(null) 未定義(undefined) 布爾值(boolean) 數字(number) 字符串(string) 對象(object) 符號(symbol,ES6中新增) 除對象之外
原创 .html(),.text()和.val()的差異總結:
.html(),.text(),.val()三種方法都是用來讀取選定元素的內容 .html()是用來讀取元素的html內容(包括html標籤), .text()用來讀取元素的純文本內容,包括其後代元素, .val()是用來讀取表單元素的”
原创 <span>與<div>標籤
HTML只是賦予內容的手段,大部分HTML標籤都有其意義(如<p>標籤創建段落,<h1>標籤創建標題等),然而<span>標籤和<div>標籤沒有實際上的意義,但實際上,與CSS結合起來後,應用範圍就非常廣泛了。 它們被用來組合成一大
原创 web跨域請求——JSONP
HTML代碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Mighty Gumball(JSON)</title>
原创 JavaScript創建對象的幾種模式比較
一、使用Object 構造函數或對象字面量創建單個對象 var person = new Object(); person.name = "Nicholas"; person.age = 29; person.job = "Softwar
原创 前端簡易彈幕牆製作
剛開始入門前端,想仿照FreeCodeCamp中的一個項目製作簡單的彈幕牆。 步驟如下: 1、編寫HTML代碼: 創建一個彈幕顯示牆,以及兩個按鈕,分別爲“發送”和“清屏”,並在文本框中設置placeholder爲“說點什麼吧?”以提