原创 format-detection屬性及含義
format-detection翻譯成中文的意思是“格式檢測”，顧名思義，它是用來檢測html裏的一些格式的，那關於meta的format-detection屬性主要是有以下幾個設置： meta name="format-detect
2020-07-03 02:12:54
8
原创 CSS3陰影 box-shadow的使用詳解
text-shadow是給文本添加陰影效果，box-shadow是給元素塊添加周邊陰影效果。隨着html5和CSS3的普及，這一特殊效果使用越來越普遍。 基本語法是{box-shadow:[inset] x-offset y-offs
2020-07-03 02:12:44
30
原创 Mobile Web前端開發系列-常用技巧
瀏覽器檢測 我們可以通過客戶端檢測也可以通過服務器端檢測，無論哪種檢測我們都離不來user agent， 在客戶端我們可以使用JavaScript訪問 navigator.userAgent 這個屬性將返回用戶代理頭的字符串，i
2020-07-03 02:12:44
4
原创 如何用JavaScript獲取圖片的真實尺寸大小
網頁頁面上的圖片尺寸似乎都千篇一律。我們最常見到的帶有多圖的文章頁面中，圖的大小通常是和頁面的寬度一致，這樣看起來，頁面就是一個直筒形，這樣的佈局看多了就會覺得很單調。之所以形成這樣的局面，我想很大程度上是因爲老式瀏覽器的限制。但隨着現
2020-07-03 02:12:43
1
原创 12個你未必知道的CSS小知識
雖然CSS並不是一種很複雜的技術，但就算你是一個使用CSS多年的高手，仍然會有很多CSS用法/屬性/屬性值你從來沒使用過，甚至從來沒聽說過。 1.CSS的color屬性並非只能用於文本顯示 對於CSS的color屬性，相信所有
2020-02-24 20:15:18
原创 Javascript異步編程的方法
你可能知道，Javascript語言的執行環境是"單線程"（single thread）。 所謂"單線程"，就是指一次只能完成一件任務。如果有多個任務，就必須排隊，前面一個任務完成，再執行後面一個任務，以此類推。 這種模式的好處
2020-02-24 20:15:18
原创 html5新功能1—各種瀏覽器全屏模式的方法、屬性和事件介紹
瀏覽器全屏模式的啓動函數requestFullscreen仍然需要附帶各瀏覽器的js方言前綴，相信下面這段代碼需要你花大量的搜索才能湊齊： // 判斷各種瀏覽器，找到正確的方法 function launchFullscreen(ele
2020-02-24 20:15:18
原创 內存泄露的幾種情況
內存泄露是指一塊被分配的內存既不能使用，又不能回收，直到瀏覽器進程結束。在C++中，因爲是手動管理內存，內存泄露是經常出現的事情。而現在流行的 C#和Java等語言採用了自動垃圾回收方法管理內存，正常使用的情況下幾乎不會發生內存泄露。瀏覽
2020-02-24 20:15:18
原创 移動平臺的meta標籤-----神奇的功效
對於桌面平臺web佈局中大家對meta標籤再熟悉不過了，它永遠位於 head 元素內部，對做SEO的朋友一定對meta有種特殊的感情吧，今天我們就來說說移動平臺的meta標籤，在移動平臺meta標籤究竟有哪些神奇的功效呢？ 1、Met
2020-02-24 20:15:18
原创 移動端 頁面佈局時需要注意的幾項常見要點
1.當用戶tap一個頁面元素時，iOS會在元素周圍顯示橙色的外框，以表明該元素被tap了。如果你想自己實現tap時的響應效果，可以用以下方法“去除”這個高亮效果 .-webkit-tap-highlight-color: rgba(0,
2020-02-24 20:15:18
原创 Google推薦的15條軍規：HTML5代碼規範
今天無意間看到了Google的HTML/CSS編碼規範，發現了不少自己很容易忽略的問題，特意仔細看了看，將其整理翻譯出來分享給大家。Google規範的原文鏈接大家可以訪問：http://google-styleguide.googlec
2020-02-24 20:15:18
原创 CSS3圖片倒影技術
目前爲止我們已經探討了很多CSS3中的新功能和新特徵。除了上面這些，實際上還有很多CSS新屬性並未包含進CSS3官方標準中，像谷歌瀏覽器或火狐瀏覽器等都會利用CSS的瀏覽器引擎前綴(Vendor Prefix)來實現很多自定義的CSS
2020-02-24 20:15:18
原创 CSS3圖片倒影技術
目前爲止我們已經探討了很多CSS3中的新功能和新特徵。除了上面這些，實際上還有很多CSS新屬性並未包含進CSS3官方標準中，像谷歌瀏覽器或火狐瀏覽器等都會利用CSS的瀏覽器引擎前綴(Vendor Prefix)來實現很多自定義的CSS
2020-02-24 20:15:18
1
原创 精通:nth-child
:nth-child 基本用法 :nth-child :nth-child(8) 選中第8個子元素 li:nth-child(8) span { background-colo
2020-02-24 20:15:18
原创 背景圖延遲加載(lazyload)技術
圖片延遲加載技術目前已經被各種網站廣泛的使用，但最近的一篇《PS美女試驗的驚人結果 》文章中使用的卻是背景圖延遲加載技術。爲什麼要使用背景圖延遲加載技術？下面我們就來說一說這個問題。 之所以使用圖片延遲加載技術，是爲了避免浪費帶寬。有
2020-02-24 20:15:18
6