JavaScript

標籤：一、typeof 是一個一元運算子。檢測資料類型，返回一個字串，包含資料類型資訊。例如：“number，string，undefined”　　局限性：　　1、typeof null ===》 “object”　　2、typeof []  ===>  "object"     不能具體檢測對象資料類型的細分項（數組、正則...)二、instanceof 檢測某一個執行個體是否屬於這個類　　

標籤：每一項都是js中的小技巧，但十分的實用！ 1.document.write("");

標籤：javascript本文題目1：if (!("a" in window)) { var a = 1;}alert(a); 題目2var a = 1, b = function a(x) { x && a(--x); };alert(a); 題目3：function a(x) { return x * 2;}var a;alert(a); 題目4：function b(x, y, a) {

標籤：Array:數組push:往數組末尾添加值，可以是一個或者多個。 　　alert(arr.push(4, 5))join:串連數組元素，中間有分隔字元。　　var str = arr.join(" "); 　　alert(str);reverse:點到數組的順序，是操作本身。 　　alert(arr.reverse()); splice:增加或刪除元素 var arr = new Array(6);　　 arr[0] =

標籤：一. jsonp方法1. 原理在js中，我們直接用XMLHttpRequest請求不同域上的資料時，是不可以的。但是，在頁面上引入不同域上的js指令檔卻是可以的。2. 格式<script>　　function doSomething(jsondata) {　　　　//todo};</script><script>http://example.com/data.php?callback=doSomething</script> 二.&

標籤：一、定義RegExpRegExp對象用於儲存檢索模式。建立RegExp對象的檢索模式如下：var myPattern=new RegExp(pattern,attributes);(1)

標籤：Delete 操作在數組與對象之間的差異對數組進行 delete 運算，效果與對對象進行 delete 運算不同；見下://delete操作在對象和數組之間的不同//先刪除對象的屬性var originObj={name:‘Spark‘,inner:{top:‘shirt‘,short:‘T-string‘}};delete originObj.inner;for (var prop in originObj){?document.write(prop);}//->

標籤：一、概述除了正常運行模式，ECMAscript 5添加了第二種運行模式："strict 模式"（strict mode）。顧名思義，這種模式使得Javascript在更嚴格的條件下運行。設立"strict 模式"的目的，主要有以下幾個：　　- 消除Javascript文法的一些不合理、不嚴謹之處，減少一些怪異行為;　　- 消除代碼啟動並執行一些不安全之處，保證代碼啟動並執行安全；　　- 提高編譯器效率，增加運行速度；　　- 為未來新版本的Javascript做好鋪墊"strict

CSS3動畫與過渡，CSS3動畫過渡transform：在使用2D或3D轉換前需用transform-style申明轉換的類型，preserve-3d或者preserve-2d屬性　　translate():　　　　通過 translate() 方法，元素從其當前位置移動，根據給定的 left（x 座標） 和 top（y 座標） 位置參數移動。　　rotate():　　　　通過 rotate() 方法，元素順時針旋轉給定的角度。允許負值，元素將逆時針旋轉.　　　　在3D下，有rotateX():

jQuery自動添加表單項的方法，jquery表單項本文執行個體講述了jQuery自動添加表單項的方法。分享給大家供大家參考。具體如下：這裡實現通過點擊按鈕動態添加一個表單輸入項<script type="text/javascript" charset="utf-8"> $(function() { var fieldCount = 1; $("#addFieldButton").click(function() { fieldCount++; if(fieldCount

CSS的link和@import的區別，csslink@importCSS的link和@import的區別:標籤和@import都可以引入外部樣式表，功能看起來類似，但是它們之間還是有不少區別的，由於標籤使用比較頻繁，這裡就不多介紹了，點擊CSS的@import的用法可以瞭解@import的用法。下面就簡單介紹一下它們兩者的區別。一.@import可以在一個樣式表中引入其他樣式表，在同一目錄下有三個樣式表分別是:main.css、one.css和two.css，在main樣式表中可以引入one.

javascript實現根據iphone螢幕方向調用不同樣式表的方法，javascriptiphone本文執行個體講述了javascript實現根據iphone螢幕方向調用不同樣式表的方法。分享給大家供大家參考。具體如下：當iphone旋轉螢幕式，這段JS代碼可以動態調用不同的樣式來適應螢幕變換<script type="text/javascript"> function orient() { switch(window.orientation){ case 0:

z-index屬性值為負數的作用，z-index屬性值負數z-index屬性值為負數的作用:在很多CSS代碼中，可以看到z-index屬性值被設定為負數的情況，下面就簡單介紹一下，此屬性值為負數情況下的表現。在一般情況下只要對象設定了position屬性，且屬性值不為static，那麼此對象能夠覆蓋非定位對象，代碼執行個體如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta

JavaScript實現對象數組按不同欄位排序假設有一個對象數組，我們想要根據某個對象屬性對數組進行排序，而傳遞給數組sort（）方法的比較函數要接收兩個參數，即要比較的值。可是，我們需要一種方式來指明按照哪個屬性來排序。要解決這個問題，可以定義一個函數，它接收一個屬性名稱，然後根據這個屬性名稱來建立一個比較函數，下面就是這個函數的定義。function createComparionFun(propertyName){ return function(object1,object2)

typeahead.js 使用記錄，typeahead.js記錄github地址：https://github.com/twitter/typeahead.js在aceAdmin介面模板中，有typeahead這一控制項，版本號碼為0.10.2 , 這個版本對 minLength:0這個參數無效，所以我就到github中找到新版本0.11.1 替換，在此記錄使用過程中的一些注意事項基本代碼 var gameNameList = ['abc', 'abd', 'cde', 'xyz'];

CSS如何?網易的蓋樓效果，css實現網易CSS如何?網易的蓋樓效果:建議:儘可能的手寫代碼，可以有效提高學習效率和深度。在很多論壇性質或者回複功能的網站都有蓋樓效果，就是回複與回複之間能夠疊加，這個感覺比較人性化，沒有體驗過這樣的效果的朋友可以去網易找一個比較火熱的文章看一下它的回複就明白了。下面就介紹一下如何?此種功能，代碼執行個體如下:<!DOCTYPE html><html><head><meta

[ Javascript ] JavaScript中的定時器(Timer) 是如何工作的!作為入門者來說，瞭解JavaScript中timer的工作方式是很重要的。通常它們的表現行為並不是那麼地直觀，而這是因為它們都處在一個單一線程中。讓我們先來看一看三個用來建立以及操作timer的函數。 var id = setTimeout(fn, delay); - 初始化一個單一的timer，這個timer將會在一定延時後去調用指定的函數。這個函數（setTimeout）將返回一個唯一的ID，

JavaScript設計模式前言最近看了一下《JavaScript設計模式》這本書，書中有很多知識點，一時之間消化不了，先記下來。ps：另有部分內容參考Tom大叔部落格深入理解JavaScript系列構造器(Constructor)模式Object構造器用於建立特定類型的對象——準備好對象以備使用，同時可接受構造器可以使用的參數，以在第一次建立對象時，設定成員屬性和方法的值。function Car(model, year, miles) { this.model

CSS中的:after和:before的作用是什麼，cssbeforeCSS中的:after和:before的作用是什麼:在當前的頁面配置中:after和:before偽對象選擇符的使用頻率好像並不怎麼高，因為低版本IE瀏覽器並不支援，不過也在清除浮動或者一切其他相關布局中有它們應用的身影。不過隨著低版本瀏覽器使用率的下降，它們出現的頻率應該會相應的增加。下面就簡單介紹一下這兩個偽對象選擇符的用法，先看一段代碼執行個體:<!DOCTYPE html> <html>

左右兩欄寬度自適應，中間一欄寬度固定，左右兩自適應左右兩欄寬度自適應，中間一欄寬度固定:中間一欄寬度固定，左右兩欄寬度自適應效果在眾多網頁中都有應用，有不錯的使用效果，下面就簡單介紹一下如何此效果:代碼執行個體如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/"