原创 聊聊前端性能優化

前端性能優化完全是一個技術話題,但是對於項目的用戶體驗有非常大的影響,如果你的網站打開要等待三五秒或者等到瀏覽器提示無法連接,那網站哪來的流量,哪來的品牌影響和用戶忠誠度,掙錢就算了。 3s,作爲判斷一個用戶忍受你網站速度的限

原创 簡單記錄(瀏覽器默認使用webkit)

<meta name="renderer" content="webkit"> 注:目前只有360瀏覽器支持此標籤(爲他鼓掌吧~) 點贊 收藏 分享 文章舉報 mayan_FE

原创 度量Web性能的關鍵指標

自網站誕生以來,響應速度/響應時間一直都是大家關心的話題,而速度慢乃是網站的一個殺手,正當大家以爲四核和寬帶能力的提升能夠解決這些問題時,Wi-Fi和移動設備爲熱點移動互聯網又悄然興起。 在2006年,Amazon曾做過一個報道,響

原创 收錄一個RGB顏色轉化的庫

本文介紹一個庫:         RGB顏色轉化的    demo地址:http://www.phpied.com/files/rgbcolor/rgbcolor.html官方:http://www.phpied.com/rgb-

原创 五個你必須知道的JavaScript和web debug技術

在前端開發中,調試技術是必不可少的技能,本文將介紹五種前端開發必備的調試技術。 Weinre移動調試 DOM 斷點 debugger斷點 native方法hook 遠程映射本地調試Weinre 在移動上面開發調試是很複雜的,所以

原创 Web App開發入門

自Iphone和Android這兩個牛逼的手機操作系統發佈以來,在互聯網界從此就多了一個新的名詞-Web App(意爲基於WEB形式的應用程序)。業界關於Web App與Native App的爭論已有一段時間,而Hybrid混合Ap

原创 聊聊移動端性能提升

最近一項 研究表明,80%的網民對移動端的瀏覽體驗感到失望,同時,當體驗提升時,他們會在智能手機上花費更多的時間。 這不奇怪,因爲64%的智能手機用戶希望網站可以在4秒內加載完畢,但一半的網站花費了二倍以上的時間,達到了9秒。這篇文章會闡

原创 手機產品設計中的15大禁忌

在做手機產品設計的過程中,遇到很多看似很小且很容易被忽略的問題,正是這些小問題,一次次的撩撥用戶的耐心,讓用戶對你的產品心生怨念。本文介紹了一些經驗,供大家參考。 1.沒有不可點擊的效果      一般按鈕會有四態:不可點擊效果、可

原创 YUI CSS框架--pure

英文地址:http://purecss.io/ 中文翻譯:http://pure-site.ap01.aws.af.cm 點贊 收藏 分享 文章舉報 mayan_FE 發佈了7

原创 HTML5移動網站開發實踐PPT

http://www.75team.com/archives/388 點贊 收藏 分享 文章舉報 mayan_FE 發佈了73 篇原創文章 · 獲贊 0 · 訪問量 5萬+

原创 less之簡單介紹

less簡單記錄 http://www.lesscss.net/article/home.html  1、Less前言       關注less很久了,整理和查看了很多相關的資料,此篇作爲less相關的開篇,簡單記錄一下。     2、L

原创 x-webkit-speech -- 實現語音輸入

1、x-webkit-speech       目前只有Chrome 11+的支持       屬性和事件介紹:     lang  html <input type="text" x-webkit-speech lang

原创 JavaScript 跨域總結與解決辦法

什麼是跨域 JavaScript出於安全方面的考慮,不允許跨域調用其他頁面的對象。但在安全限制的同時也給注入iframe或是ajax應用上帶來了不少麻煩。這裏把涉及到跨域的一些問題簡單地整理一下: 首先什麼是跨域,簡單地理解就是因爲

原创 聊聊JSON和JSONP

前言:   由於Sencha Touch 2這種開發模式的特性,基本決定了它原生的數據交互行爲幾乎只能通過AJAX來實現。 當然了,通過調用強大的PhoneGap插件然後打包,你可以實現100%的Socket通訊和本地數據庫功能,又

原创 分享10段實用的HTML5代碼

摘要:目前,越來越多的網站使用HTML5進行開發,本文提供了10段HTML5代碼,它們可以幫你快速啓動HTML5項目。 隨着HTML5的流行,許多網站開始介紹HTML5元素和屬性的用法,以及各種教程,並且越來越多老的瀏覽器開始兼容H