JavaScript

標籤：一、 javascript 的 內建對象： Object 和 Function javascript所有東西，包括 Function 都是對象 。Array  其實是一個 Function 類型的對象， 它的prototype 是指向了 Function.prototype 。new Array()  是一個 Object 對象， 它的 prototype 指向了 Object.prototype 。函數的第一種定義方法：function sum1(a,b){

［轉］CSS目標偽類E:target，cssCSS3 target 偽類不得不說那些事兒（純CSS實現tab切換）是不是覺得target有點眼熟?!今天要講的不是HTML的<a>標籤裡面有個target屬性。target偽類是css3的新屬性。說到偽類，對css屬性的人肯定都知道:hover、:link、:visited、:focus等等，target用法跟他們是同出一轍的。官方定義是：URL 帶有後面跟有錨名稱

清除浮動(float)的影響，清除浮動float影響浮動會導致父元素塌陷：解決辦法：父元素overflow：hidden，末尾插入子項目clear，為甚麼，父元素overflow：hidden會解決塌陷問題？來自知乎貘吃饃香的回答overflow:hidden 的意思是超出的部分要裁切隱藏掉那麼如果 float 的元素不佔普通流位置 普通流的包含塊要根據內容高度裁切隱藏如果高度是預設值auto 那麼不計算其內浮動元素高度就裁切就有可能會裁掉float 這是反布局常識的。-------------

alt和title的用法區別，alttitle用法區別經常用到這兩個屬性，但是一直沒有總結他們的區別。現在我對他們兩個的用法做一下總結：相同點：他們都會飄出一個小浮層，顯示常值內容。不同點：1.alt只能是元素的屬性，而title即可以是元素的屬性也可以是標籤，例如:<title>標題</title>。2.alt屬性則是用來指定替換文字，只能用在img、area和input元素中（包括applet元素），用於網頁中圖片無法正常顯示時給使用者提供文字說明使其瞭解映像資訊。注

日常css技巧小結（2）-- inline-block帶來的迷惑，cssinline-block一、問題描述在平時布局中，inline-block使用的頻率比很高，主要是因為可以讓列標籤設定寬高。我在版面配置階段中，發現了兩個“問題”，1列標籤.display：inline-block之後的列標籤之間有4像素的間距；https://jsfiddle.net/firelight/69phh891/2.對display：inline-block的列標籤設定margin：0

css水平置中的各種方法，css水平置中方法說到水平置中，大家可能覺得很簡單啊，text-align:center 就OK了。但是，有時候會發現這樣寫了也沒出效果。原因是什麼呢？  請往下看。水平置中：分為區塊層級元素置中和行元素置中 行內元素：行內元素就是內嵌元素。例如<span>、<a>、<label>、<em>、<img>等。。直接構建一個具有

css3飛機起飛進度條，css3飛機起飛效果：http://hovertree.com/texiao/css3/27/源碼下載：http://hovertree.com/h/bjaf/pgwql1x2.htm本效果使用Font Awesome顯示飛機表徵圖。font-awesome下載：代碼如下：<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta

網站前端效能最佳化，網站效能最佳化繼前面幾篇文章後再來說說老生常談的話題，怎麼樣提升前端效能。文中很多取材自網路及《High Performance Web Sites》，並根據自己工作中所接觸到的知識整理而成。 http://hovertree.com/menu/webfront/1.

網站的引導頁介紹，網站引導頁介紹外貿企業站就是要走出過門，買網域名稱，買空間的、請設計公司、請這請那，一切的努力都是要為了能通過網站給公司帶來訂單，“一分耕耘一分收穫”，但是耕耘了未必就有收穫，很多企業網站建好了，可是並沒有發現，它所給企業帶來的訂單。當然，這其中的原因有很多，可能是網站設計不合理?可能是SEO最佳化沒做好?當提到SEO最佳化的時候，很多人不是很理解，認為那是專門研究SEO的人所討論的話題，如果你是這樣認為的，那麼，你就out了，若你想讓你的網站在搜尋引擎

【乾貨】：如何讓元素水平排列？，乾貨元素水平排列　　區塊層級元素預設是垂直排列的，而行內元素是水平排列的，而在布局時基本上都是用區塊層級元素，如div等常用塊級標籤，那麼如何讓區塊層級元素也進行水平排列呢？我有100種方式（準確說是100-94種）讓元素水平排列，你知道幾種呢？第一種：display：inline-block　　首先得先瞭解區塊層級元素（block elements）和行內元素（inline elements）以及行內塊狀元素（inline-block elements）　　　　

自訂上傳按鈕 <input type="file" name = "file"/> (將file隱藏在button下)，inputbutton<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>定義input type="file"

table-cell完成左側定寬，右側定寬及左右定寬等布局，table-cell布局使用table-cell完成以下幾種布局（ie8及以上相容）1、左側定寬-右側自適應 .left{ width: 300px; height: 500px; border: 1px solid; float: left; }.right{ width: 10000px;

CSS字元編碼引起亂碼，css字元亂碼亂碼引起的CSS失效原理：   

table表格中的內容溢出布局方式，table表格溢出布局什麼是內容溢出呢？其實就是當文字很多的時候，如果內容地區只有那麼長，那麼多出的部分以點點點代替。這次做的案例是在table裡面，我們知道當我們在table裡輸入過多的文字內容的時候會撐亂表格，例如一行顯示過長或者自動換行。可是有的時候我們就想在固定寬度的一行中顯示，如果多出的部分那就用點點點代替，這樣就不會撐亂表格了。那麼該如何做呢？一般來說我們會用到如下屬性/*溢出部分樣式*/.txt-ell {

CSS3橙色的星球繞軌道公轉動畫，css3橙色星球軌道效果：http://hovertree.com/texiao/css3/24/：代碼如下：<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"

CSS3顏色特徵溫故，css3顏色溫故網頁是色彩的表現原理：顯示器是由一個個像素構成，利用電子束來表現色彩。像素把光的三原色：紅色（R）、綠色（G）、藍色（B）組合成的色彩按照科學原理表現出來。一個像素包含8位元色彩的資訊量，又從0 ~

javascript Promise簡單學習使用方法小結，javascriptpromise解決回呼函數嵌套太深，並行邏輯必須串列執行,一個Promise代表一個非同步作業的最終結果，跟Promise互動的主要方式是通過他的then()方法來註冊回呼函數，去接收Promise的最終結果值Promise相關的協議有PromiseA和PromiseA+定義一個類Promise定義屬性隊列queue，初始化空數組[]定義屬性值value，初始化null定義屬性狀態status，初始化“pending”

詳解JavaScript實現設計模式中的適配器模式的方法，javascript設計模式有的時候在開發過程中，我們會發現，用戶端需要的介面和提供的介面發生不相容的問題。由於特殊的原因我們無法修改用戶端介面。在這種情況下，我們需要適配現有介面和不相容的類，這就要提到適配器模式。通過適配器，我們可以在不用修改舊代碼的情況下也能使用它們，這就是適配器的能力。適配模式可用來在現有介面和不相容的類之間進行適配，使用這種模式的對象又叫封裝器（wrapper），因為它們是在用一個新的介面封裝另一個對象。從表面上

JavaScript中的數組遍曆forEach()與map()方法以及相容寫法介紹，javascriptforeach•原理：•進階瀏覽器支援forEach方法文法：forEach和map都支援2個參數：一個是回呼函數（item,index,list）和上下文；•forEach:用來遍曆數組中的每一項；這個方法執行是沒有傳回值的，對原來數組也沒有影響；•數組中有幾項，那麼傳遞進去的匿名回呼函數就需要執行幾次；•每一次執行匿名函數的時候，

判斷數組是否包含某個元素的js函數實現方法，數組js判斷數組是否包含某個元素的js函數實現方法Array.prototype.contains = function(obj) { var i = this.length; while (i--) { if (this[i] === obj) { return true; } } return false;}或Array.prototype.contains = function(element) { for