原创 CSS多級數字序號的目錄列表(類似3.3.1.這樣的列表序號)

編寫文檔手冊的時候,我們經常需要列表項前面的序號將上級各層的序號也附加在前面,如下圖: (圖一)  但默認的<ol>列表,任何層次都是單個序號開始。如下圖: (圖二) 要實現圖一效果,方法之一是直接將序號部分作爲列表內容的一部分,插入相

原创 Firefox奇怪的文字溢出bug,百思不得其解

最近在我的本機win 7 +  firefox 26.0 下遇到個很頭大的bug,帶滾動條的div容器裏面的文字竟然溢出到容器之外了,見圖: 測試頁地址: http://jsgame.net/_demos/test-stylebug.

原创 DataURL在Web瀏覽器中的兼容性總結

IE8+,Firefox,Chrome,Opera,Safari 等現代瀏覽器普遍支持data URLIE8 data URL 最大長度限制爲32k字節,超出無效。IE9+沒有這個限制IE只識別base64編碼或百分號編碼(URL編碼,

原创 Windows下安裝php_rar 擴展,讓php實現rar文件的讀取和解壓

PHP Rar Archiving 模塊 (php_rar) 是一個讀取和解壓rar文件的模塊,但不提供RAR壓縮(打包)的功能。 1.首先要到PECL的RAR頁面下載DLL. 根據自己的情況選擇下載對應版本的DLL. PHP版本要求:

原创 高效的獲取當前元素是父元素的第幾個子元素

例如處理事件的時候,有時候需要知道當前點擊的是第幾個子節點,而HTML DOM本身並沒有直接提供相應的屬性,需要自己來計算。 從一個索引序號,很容易得到該索引對應的子節點或者子元素,直接用parentNode.childNodes[in

原创 Robocopy(Windows可靠文件複製命令)詳解

(轉載此文以作備忘) 說實話,Windows系統自帶的複製功能不僅功能簡單,而且定製性也不強,每每在對大量文件進行復制、移動、備份時,總少不了繁雜往復的操作。不過幸好,微軟意識到了這一點,爲我們提供了一款很強力的複製備份工具:robo

原创 SVG中以任意直線爲對稱軸的鏡像變換及其矩陣

直線一般方程爲 A x + B y + C = 0 則以該直線爲對稱軸,做鏡像變換的矩陣爲: 任意點P(x,y)變換後的新座標Q(x',y')的座標爲: SVG中的直線通常是以座標軸形式或者是兩點形式表示的。 如果是以兩點線段形式表

原创 發佈我的第一個Chrome擴展:移除百度搜索結果鏈接的跳轉,去除惡心的/link?url=xxxxxxx....

看到百度搜索結果的噁心網址,總是不爽,於是花了點時間寫了個Chrome擴展,自動修正這些鏈接。目前還沒有寫Firefox Extension,有空再說了。 主要作用:移除百度搜索結果鏈接的跳轉,直接打開結果網址。 將類似這樣的鏈接 htt

原创 CSS3 3D transform變換,不過如此!

一、寫在前面的秋褲 早在去年的去年,我就大肆介紹了2D transform相關內容。看過海賊王的都知道,帶D的傢伙都不是好惹的,2D我輩尚可以應付,3D的話,呵呵,估計我等早就在千里之外被其霸氣震暈了~~ 看看下圖女帝的動作以及神情

原创 麻將遊戲數據結構和AI算法

用休息時間零零散散寫完了網絡麻將遊戲,感覺其中有不少值得記錄的東西。 基礎數據結構     數據結構確定決定了程序的開發難易程度,就像是遊戲的骨架,對於電腦AI難度設定和玩家的遊戲體驗起着決定性的作用。 0、麻將ID構架     用一維

原创 2個比較成熟的HTML5可視化3D建模設計系統

利用HTML5來實現3D效果,已經有無數的案例了,但是要利用HTML5做出像樣的可視化3D建模設計系統卻不是那麼容易,所以這類產品非常少。 這裏分享2個比較成熟的HTML5可視化3D建模設計系統。 (1) TinkerCAD https

原创 分享7款強大的在線HTML5照片編輯器

歡迎有更好更強大的HTML5照片編輯器推薦 Aviary ..Muro  ..DarkRoom  ..Sketchpad  ..Pixastic  ..Bomomo  ..Harmony .. 點贊 收藏 分享

原创 indexedDB中創建和使用索引

前言 關於indexedDB的基礎知識,可以查閱 Indexed Database API (W3C) s Using_IndexedDB (MDN) 和 使用IndexedDB (中文). 關於indexedDB的索引,我仔細翻看了

原创 Javascript解惑之 new A.B() 與 new A().B() 的區別

new A.B() 與 new A().B()  是有區別的,這個大家都知道,至於爲什麼,我之前一直不是很理解。 這個問題涉及到的知識面是,點運算符、new運算符、函數執行這三者之間的優先級的問題。 new A.B();  的邏輯是這樣

原创 高效判斷點是否在正六邊形蜂窩內的方法

設計中,用到需要判斷點是否在正六邊形內,先是在網上搜了好幾篇文章,發現都搞的挺複雜的,往往要使用向量運算計算面積夾角距離方向等,或者是射線法算交點,或者是切分三角形,這種思路通用於任意多邊形。我考慮到正六邊形的特殊性,發現這個問題其實可以