原创 performance的資源計時統計

以下內容原文來自:http://www.stevesouders.com/blog/2014/08/21/resource-timing-practi

原创 爬取網站的圖片之一

var http = require('http'); var fs = require('fs'); var request = require('request');function base64_decode

原创 日期解析函數

半成品,湊合用一下。function parseDate(str,fm){ var start = 0,ch1 = null,ch2 = nul

原创 純CSS3的圖片集點擊放大

<div class="slideshow"> <input type="checkbox" id="image1" /><label for="image1" class="toggle"><img src="../gall/pic_4

原创 純CSS3的loading圖案

轉自:http://www.cssplay.co.uk/menu/cssplay-loading-animation.html<div class="

原创 爬取網站的圖片

var http = require('http'); var fs = require('fs'); var request = require('request'); var CryptoJS = req

原创 跨域iframe通訊

/** * @author wushufeng * * 跨域的js通信,允許子頁面再次嵌套iframe。利用了IE6/7的navigator對象是公用的hack。 * 注意:爲了能兼容IE6/7,使用的時候需要保證: * 1. 要通

原创 d3js的拖拽樹

[img]http://dl2.iteye.com/upload/attachment/0099/6998/9e9341fb-e217-304f-bc

原创 javascript 模板替換函數

支持數據多級嵌套和數組:var applyTpl = (function(){ var reg = /\{([\w\.]*)\}/g; v

原创 window.name 跨域

window.name跨域的基礎是:iframe頁面在其url改變的時候,不會改變name的數據,從而通過proxy頁面(與應用頁面相同域名)的跳轉,

原创 模擬滾動條

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><link type="text/css" rel="styleSheet"

原创 如何讀寫僞類元素的樣式?

示例:<p class="example" data-pseudo="(i'm content.)">Hi, this is a plain-old,

原创 hashchange 插件

(function($){ var hashchange = 'hashchange', DOC = document, documentMode = DOC.documentMode, supportHashChange

原创 getBoundingClientRect 跨瀏覽器實現

<head> <script type="text/javascript"> function GetOffset (object, offset) { if (!object)

原创 HTML History API

// 替換當前瀏覽器history的最後一項記錄。history.replaceState([data], [title], [url]);//在當前history的中,添加一項記錄。history.pushState([data], [