# innerHeight & innerWidth 抓取瀏覽器目前顯示高度與寬度 一般都用
window.innerHeight 與
window.innerWidth 但唯獨IE6~IE8不行 Google了一下 發現用
window.document.documentElement.clientHeight 與
window.document.documentElement.clientWidth 便兼容所有瀏覽器
# scrollHeight 如要抓 document 的高可用
document.body.scrollHeight Refer
...
* 所有元素
E 所有E元素，
E:nth-child(n) 傳回在所屬父元素下，排行第 n 的元素 E。(注意: 從 1 開始算，而非從 0)
E:first-child 傳回在所屬父元素下，排行第一的元素(老大)
E:last-child 傳回在所屬父元素下，排行最後的元素(老么)
E:only-child 傳回在所屬父元素下，是唯一子元素(獨子)
E:empty 沒有任何子元素者(有文字也不算，例如 <span>TEXT</span> 就不合格)
E:enabled 未被停用的 UI 元素 E
E:disabled 被停用的 UI 元素 E
E:checked 被勾選的 UI 元素 E(適用於 Radio, Checkbox)
E:selected 被選取的 UI 元素 E(適用於 Select 下的 Option 元素)
E.myClassName CSS 類別設為 myClassName 的元素 E
E#myId id="myId" 的元素 E
E:not(s) 不符合 s 條件的元素 E，例如: $("span:not(:empty)") 即為找出有包含子元素的 span
E F 由包含在 E 底下的 F 元素，不必直接為父子關係，例如: F 可以是 E 的子元素的子元素。
E > F 找出父元素為 E 的 F 元素
E + F 找出緊接在 E 元素後方的 F 元素
E ~ F 找出緊接在 E 元素前方的 F 元素
E,F,G 利用逗號可以呈現 " 或 " 的聯集效果，指 E 元素或 F 元素或 G 元素
E[foo] 具有 foo 屬性 (Attribute) 的E元素(1.
...
# performance jsPerf — JavaScript performance playground http://jsperf.com/
HTML5 test http://html5test.com/
JavaScript Benchmark http://www.webkit.org/perf/sunspider/sunspider.html
var perf = function (testName, fn) { var startTime = new Date().getTime(); fn(); var endTime = new Date().getTime(); console.log(testName + ": " + (endTime - startTime) + "ms"); } jQuery console.time("timerName"); // javascript console.timeEnd("timerName");
...
# Browser Browser detect 由於各大瀏覽器都有部分CSS或Javascript相容問題,所以找了判斷各家瀏覽器的語法
在github 上更新
github
...
# fileUpload by yui library ## init upload button JavaScript bind click event in IE use JavaScript move CSS position
uploader : Upload file uploaderOut : handle not drag area ## event ### fileSelect select file & render upload list check file status handle fileList _upload
### uploadprogress upload file progress
### uploadcomplete upload complete check ok or fail _upload
### uploaderror cancel & upload next
### _upload check file status & upload status upload upload fileList[uploadfile]
...
Hi, This a demo post of Logdown.
Logdown use Markdown as main syntax, you can find more example by reading this document on Wikipedia
Logdown also support drag & drop image uploading ( required Beta / Premium membership). The picture syntax is like this:
# Bloging with code snippet: inline code
## Plain Code puts "Hello World!" ## Code with Language puts "Hello World!" ## Code with Title puts "Hello World!
...
# function function fun() { // do something } fun(); var fun = function () { // do something }; fun(); 立即函數(建立後立即執行，只執行此次)
var fun = (function () { // do something }());
...