原创 CSS ----- background-attachment

background-attachment 屬性決定用戶滾動頁面時圖片的狀態。三個可用屬性爲 scroll(滾動),fixed(固定) 和 inherit(繼承)。inherit 單純地指定元素繼承他的父元素的 background-a

原创 單頁應用---先了解一點

原文鏈接 一、定義 單頁 Web 應用 (single-page application 簡稱爲 SPA) 是一種特殊的 Web 應用。它將所有的活動侷限於一個Web頁面中,僅在該Web頁面初始化時加載相應的HTML、JavaScri

原创 CSS 預處理器

原文鏈接 CSS 預處理器是什麼?一般來說,它們基於 CSS 擴展了一套屬於自己的 DSL,來解決我們書寫 CSS 時難以解決的問題: 語法不夠強大,比如無法嵌套書寫導致模塊化開發中需要書寫很多重複的選擇器;沒有變量和合理的樣

原创 浮點數在計算機中存儲方式

結論:十進制 => 二進制 => 二進制的科學計數法 => 二進制表示 C語言和C#語言中,對於浮點類型的數據採用單精度類型(float)和雙精度類型(double)來存儲,float數據佔用32bit,double數據佔用64bit

原创 HTML Email 編寫指南

原文鏈接 其他: 兼容性良好的HTML郵件(EDM) thead和tbody也儘量不用,越簡單越好 原文: 今天,我想寫一個"低技術"問題。 話說我訂閱了不少了新聞郵件(Newsletter),比如JavaScript

原创 視覺格式化模型基礎

(ps:盒子就是框,不同翻譯而已) 概念:     是用來處理文檔並將它顯示在視覺媒體上的機制 盒模型:     處理文檔時會爲每一個元素生成相應的盒。     就是一套機制/模型,描述了盒子的內容佔用空

原创 chrome 控制檯js調試與斷點調試

原文鏈接 偵聽效果:查看某個標籤上的事件或效果,如click之類的 右擊  該標籤,審查元素 出現工具欄-》菜單 Elements 查看右側菜單-》EventListeners 下面有對應的一些事件和加載了哪些JS 仔細看下就有了

原创 虛擬鍵盤與fixed帶給移動端的痛!

原文鏈接 【小貼士】虛擬鍵盤與fixed帶給移動端的痛! 前言 今天來公司的主要目的就是研究虛擬鍵盤與fixed的問題,期間因爲同事問起閉包與事件委託(阻止冒泡)相關問題,便穿插了一篇別的: 【小貼士】工作中的”閉包“與事件委託的

原创 css sprite原理優缺點及使用

原文鏈接 css sprite原理優缺點及使用 CSS Sprites在國內很多人叫css精靈,是一種網頁圖片應用處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的圖片就不

原创 移動端Web上傳圖片實踐

原文鏈接 其他鏈接: http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201409/278736.shtml 從iOS 6+、Android 3+開始

原创 浮點數的範圍和精度

無論是單精度還是雙精度在存儲中都分爲三個部分: 符號位(Sign) : 0代表正,1代表爲負指數位(Exponent):用於存儲科學計數法中的指數數據,並且採用移位存儲尾數部分(Mantissa):尾數部分1 範圍 float和d

原创 移動前端不得不瞭解的html5 head 頭標籤

原文鏈接 DOCTYPE DOCTYPE(Document Type),該聲明位於文檔中最前面的位置,處於 html 標籤之前,此標籤告知瀏覽器文檔使用哪種 HTML 或者 XHTML 規範。 使用 HTML5 d

原创 XSS的原理分析與解剖

原文鏈接 0×01 前言: 《xss攻擊手法》一開始在互聯網上資料並不多(都是現成的代碼,沒有從基礎的開始),直到刺的《白帽子講WEB安全》和cn4rry的《XSS跨站腳本攻擊剖析與防禦》纔開始好轉。 我這裏就不說什麼xss的歷史

原创 淺談移動前端的最佳實踐

原文鏈接

原创 MobileWeb 適配總結

原文鏈接 開門見山,本篇將總結一下 MobileWeb 的適配方法,即我們常說的H5頁面、手機頁面、WAP頁、webview頁面等等。 本篇討論的頁面指專門針對手機設備設計的頁面,並非兼容全設備的響應式佈局。 文中提到的 devi