原创 CSS實現單行、多行文本溢出顯示省略號(…)

如果實現單行文本的溢出顯示省略號同學們應該都知道用text-overflow:ellipsis屬性來,當然還需要加寬度width屬來兼容部分瀏覽。實現方法:overflow: hidden;text-overflow:ellipsis;wh

原创 Web存儲機制—sessionStorage,localStorage使用方法

基本概念Web Storage 包含兩種機制:sessionStorage爲每一個給定的源維持一個獨立的存儲區域,該區域在頁面會話期間可用(即只要瀏覽器處於打開狀態,包括頁面重新加載和恢復)localStorage同樣的功能,但是在瀏覽器關

原创 javaScript創建對象

一、對象ECMA-262把對象定義爲:無序屬性的集合,其屬性可以包含基本值,對象或者函數。所以js中對象就是一組鍵值對。面向對象的語言中,都是通過類的來創建任意多個具有相同屬性和方法的對象實例的。但是js中沒有類的概念,接下來我先通過一個例

原创 20個很有用的CSS技巧

原文鏈接:http://caibaojian.com/useful-css-tips.html導語:下面這幾個CSS技巧你可能不知道,1.彩色照片變黑白,2.所有元素垂直居中,3.禁用鼠標,4.模糊文字,小編學完能量滿滿的,覺得對CSS又充

原创 30個CSS3選擇器的應用

或許大家平時總是在用的選擇器都是: id class 以及標籤選擇器。可是這些還遠遠不夠,爲了在開發中更加得心應手,本文總結了30個CSS3選或許大家平時總是在用的選擇器都是:#id  .class  以及標籤選擇器。可是這些還遠遠不夠,爲

原创 Backbone學習筆記

MVCM表示模型V表示視圖C表示控制器MVC最早出現在smalltalk語言中,MVC分別表示模型,視圖,控制器,模型通常指的是數據,視圖通常是它能看到的頁面,控制器通常表示一些交互等等,MVC根據前後端的劃分,又有不同的含義對於後端來說M

原创 React學習筆記

ReactReact是由faceBook發佈的一個開源框架,已經應用在instagram應用中React是一個架構新穎的框架,可以提高項目性能我們以前學的angular,他的特點就是指令與數據綁定,相當於爲dom元素添加了一些新的功能,讓d

原创 javaScript創建對象

一、對象ECMA-262把對象定義爲:無序屬性的集合,其屬性可以包含基本值,對象或者函數。所以js中對象就是一組鍵值對。面向對象的語言中,都是通過類的來創建任意多個具有相同屬性和方法的對象實例的。但是js中沒有類的概念,接下來我先通過一個例

原创 巧用CSS3的calc()寬度計算做響應模式佈局

今天瀏覽這個http://www.sitepoint.com站時,因爲好奇看了下人家寫的代碼,結果發現了這行代碼,於是就研究了一下,calc()從字面我們可以把他理解爲一個函數function。其實calc是英文單詞calculate(計算

原创 在JS方法中返回多個值的三種方法

在使用JS編程中,有時需要在一個方法返回兩個個或兩個以上的數據,用下面的幾種方法都可以實現:1 使用數組的方式,如下:<html><head>     <title>JS函數返回多個值--oec2003</title></head><bod

原创 zepto和jquery的區別,zepto的不同使用6條小結

1. Zepto 對象 不能自定義事件  例如執行: $({}).bind('cust', function(){}); 結果:  TypeError: Object has no method 'addEventListener'  解決

原创 Web存儲機制—sessionStorage,localStorage使用方法

基本概念Web Storage 包含兩種機制:sessionStorage爲每一個給定的源維持一個獨立的存儲區域,該區域在頁面會話期間可用(即只要瀏覽器處於打開狀態,包括頁面重新加載和恢復)localStorage同樣的功能,但是在瀏覽器關

原创 JavaScript初學必須注意到得七個細節

每種語言都有它特別的地方,對於JavaScript來說,使用var就可以聲明任意類型的變量,這門腳本語言看起來很簡單,然而想要寫出優雅的代碼卻是需要不斷積累經驗的。本文利列舉了JavaScript初學者應該注意的七個細節,與大家分享。(1)

原创 30個CSS3選擇器的應用

或許大家平時總是在用的選擇器都是: id class 以及標籤選擇器。可是這些還遠遠不夠,爲了在開發中更加得心應手,本文總結了30個CSS3選或許大家平時總是在用的選擇器都是:#id  .class  以及標籤選擇器。可是這些還遠遠不夠,爲

原创 JavaScript學習——this、原型、javascript面向對象的使用

目錄 一、this在JavaScript中this表示:誰調用它,this就是誰。JavaScript是由對象組成的,一切皆爲對象,萬物皆爲對象。this是一個動態的對象,根據調用的對象不同而發生變化,當然也可以使用call、apply修改