原创 of-type和child的區別

nth-of-type,nth-last-of-type 先排除非指定標籤再進行排序 nth-child,nth-last-child不排除非指定標籤進行排序 only-of-type 不允許包含非指定標籤 only-child 允許

原创 移動平臺前端開發總結(針對iphone,Android等手機)

移動平臺前端開發是指針對高端智能手機(如Iphone、Android)做站點適配也就是WebApp,並非是針對普通手機開發Wap 2.0,所以在閱讀本篇文章以前,你需要對webkit內核的瀏覽器有一定的瞭解,需要對HTML5和CSS3有

原创 imagesLoaded圖片預加載

(function($,undefined){'use strict';var BLANK='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAA

原创 png、jpg、gif三種圖片格式的區別

http://note.sdo.com/u/634718107660171185/n/bBXuN~kdkyaFnM12I000qI

原创 SimpleXML 操作

class SimpleXMLExtended extends SimpleXMLElement   {   public function addCData($cdata_text)     {    

原创 優秀Jquery插件

http://www.w3cplus.com/resource/tags/98.html

原创 chrome瀏覽器下10號字體

在某些chrome瀏覽器下,css裏設置的10號字體竟然不起作用!仍顯示12號大小,對比firefox、ie6、7、8、9,他們的顯示都是好的。要是你也碰到這問題,可以這樣解決: 1 -webkit-text-size-adju

原创 算法

一.只有當矩陣A的列數與矩陣B的行數相等時A×B纔有意義 矩陣乘法公式 A(i,j)×B(j,k)=C(i,k) 1)用A的第1行各個數與B的第1列各個數對應相乘後加起來,就是乘法結果中第1行第1列的數; 2)用A的第1行各個數與B的第

原创 瀏覽器的寬高,元素的當前位置,鼠標的當前位置的獲取

screen.width  顯示瀏覽器的屏幕的寬度 screen.height  顯示瀏覽器的屏幕的高度 screen.availWidth 顯示瀏覽器的屏幕的可用寬度 screen.availHeight  顯示瀏覽器的屏幕的可用高度

原创 firefox 9.0 不支持 word-break :break-all;

firefox 9.0 不支持 word-break :break-all; 使用table-layout:fixed;強制table的寬度, 內層td,th採用word-break :break-all;或者word-wrap :

原创 html5開發之viewport使用

隨着高端手機(Andriod,Iphone,Ipod,WinPhone等)的盛行,移動互聯應用開發也越來越受到人們的重視,用html5開發移動應用是最好的選擇。然而,每一款手機有不同的分辨率,不同屏幕大小,如何使我們開發出來的應用或頁面

原创 瀑布流

http://www.iteye.com/topic/1125357

原创 異步上傳文件並獲得返回值(完全跨域)

AJAX可以進行數據的異步請求,但對於文件和跨域問題卻束手無策。 Jsonp可以進行跨域數據的異步請求,但同樣不能使用於文件。 <form>表單可以進行跨域數據和文件的上傳,但卻會使頁面跳轉。 那麼如何同時實現“異步”+“跨域”+

原创 mongodb

http://www.cnblogs.com/refactor/archive/2012/07/26/2588335.html

原创 js的左右滑動觸屏事件

js的左右滑動觸屏事件,主要有三個事件:touchstart,touchmove,touchend。這三個事件最重要的屬性是 pageX和 pageY,表示X,Y座標。 touchstart在觸摸開始時觸發事件 touchend在觸