原创 淺談Javascript中undefined和null的區別

第一篇 解剖JavaScript中的null和undefined  在JavaScript開發中,被人問到:null與undefined到底有啥區別?     一時間不好回答,特別是undefined,因爲這涉及到undefined的實現

原创 CSS3特效之過度transition

transition 語法 transition:[ transition-property ] || [ transition-duration ] || [ transition-timing-function ] || [ tr

原创 詳解CSS3 Transition動畫效果

W3C標準中對css3的transition這是樣描述的:“css的transition允許css的屬性值在一定的時間區間內平滑地過渡。這種效果可以在鼠標單擊、獲得焦點、被點擊或對元素任何改變中觸發,並圓滑地以動畫效果改變CSS的屬性值。

原创 使用CSS3的@font-face實現個性化字體

在網頁中,我們可以用CSS的font-family屬性來定義字體,然而定義的字體在用戶的電腦上能否正確呈現則要看用戶的電腦是否安裝了該字體。我們經常能看到國外的一些個人網站使用了非常漂亮的字體,而這些字體通常在用戶的電腦中是沒有安裝的,

原创 簡單jQuery使用技巧

1.使用最新的jquery版本 覺得這個建議有待商榷,雖然越新的jquery版本性能上更加優秀,但是有些方法的變遷還是會導致一些bug,比如從1.4.2到1.5時很多朋友就抱怨ajax上出現問題了。建議是舊的頁面的jquery升級需謹慎

原创 CSS3特效之漸變linear-gradient

linear-gradient 語法 <linear-gradient>:linear-gradient([ <point>,]? <color-stop>[, <color-stop>]+);<point>:[ left | rig

原创 一種數據展示方式,UI設計新穎,供大家參考

這款設計主要是用於進行數據分析和對比,譬如,不同省份的一些不同月份的數據對比(圖爲China Telecom的一些假數據)。 設計取名爲LatticeControl。 頁面開始,每一個藍色格子代表一個月份: 右側的數據顯示的是對應省份的

原创 JavaScript中的模塊化:封裝,繼承

雖然 JavaScript 天生就是一副隨隨便便的樣子,但是隨着瀏覽器能夠完成的事情越來越多,這門語言也也越來越經常地擺出正襟危坐的架勢。在複雜的邏輯下, JavaScript 需要被模塊化,模塊需要封裝起來,只留下供外界調用的接口。閉

原创 工作的尊嚴

給畢業生 (準社會新鮮人) 對每個人而言,第一份工作都是奇妙的際遇,它不一定是終生職業,卻是影響最大的職業。在填上履歷表的那一刻起,你應該清楚自己選擇公司的動機是什麼:親友的期許?良好的環境?還是一份優渥的待遇? 大多數人會優先考慮待遇是

原创 一種數據展示方式,UI設計新穎,供大家參考(源碼部分) (demo已經上傳)

調用方法: var parameter = { url: 'json/report.txt', data: data, marker: 'value'

原创 我們都曾經歷過:生活教會我的8堂人生課

Recently, I celebrated another birthday. As I look back at how quickly time passes, I am amazed at how much can change

原创 Javascript實用函數

function addBookMark(url, title){ //將網頁添加到收藏addBookMark(window.location,do

原创 CSS3特效之漸變:linear-gradient

linear-gradient 語法 <linear-gradient>:linear-gradient([ <point>,]? <color-stop>[, <color-stop>]+);<point>:[ left | rig

原创 前端架構

框架層面: 近幾年前端發展很快,前端之所以叫前端因爲前端是已經可以獨立成爲一種職業了,js也不再是十年前的玩具了,以前富客戶端RIA的應用可能會用flash/flex或是silverlight,現在可以使用js來完成大部分的功能,因此

原创 CSS3特效之動畫animation

animation 漸變背景動畫 懸停背景漸變 @-webkit-keyframes changeBg{ 0%{background-color:#000;} 20%{background-color:#300;} 40%{back