原创 html頭文件設置緩存
<meta http-equiv="pragma" content="no-cache">,pragma與no-cache用於定義頁面緩存,不緩存頁面(爲了提高速度一些瀏覽器會緩存瀏覽者瀏覽過的頁面,通過下面的定義,瀏覽器一般不會緩存頁面
原创 三個div橫排,中間的div自適應寬度
HTML: <div class="container"> <div class="section-a">section-a</div> <div class="section-b">section-b</div> <d
原创 jQuery全屏滾動插件fullPage.js
簡介 如今我們經常能見到全屏網站,尤其是國外網站。這些網站用幾幅很大的圖片或色塊做背景,再添加一些簡單的內容,顯得格外的高端大氣上檔次。比如 iPhone 5C 的介紹頁面(查看),QQ瀏覽器的官網站。如果你也希望你的網站能設計
原创 div層被flash遮擋的解決辦法
flash的wmode屬性: "Window " 在 Web 頁上用影片自己的矩形窗口來播放應用程序,並且始終位於最頂層。 "Opaque " 顯示頁面上位於它後面的內容。 "Transparent "使 HTML 頁的背景可以透過
原创 js跨域怎麼解決?
產生跨域問題的原因 跨域問題是瀏覽器同源策略限制,當前域名的js只能讀取同域下的窗口屬性。 跨域問題產生的場景 當要在在頁面中使用js獲取其他網站的數據時,就會產生跨域問題,比如在網站中使用ajax請求其他網站的天氣、快遞或者其他
原创 跟着8張思維導圖學習javascript
學習的道路就是要不斷的總結歸納,好記性不如爛筆頭,so,下面將po出8張javascript相關的思維導圖。 思維導圖小tips:思維導圖又叫心智圖,是表達發射性思維的有效的圖形思維工具 ,它簡單卻又極其有效,是一種革命性的思
原创 div被flash遮擋的情況
本人在做web開發中遇到fusioncharts生成圖表flash遮擋頁面中元素的情況,無論怎麼設置flash容器和層的深度(z-index)也無濟於事,如下圖: 現有的解決方案 是在插入flash的embed或object
原创 圖片原理與優化
前言:該文收集了前輩們的一些關於圖片優化的技巧,在此收攏到一起,對於各個方法的優化原理做了一些研究,希望能給大家對於圖片優化這一塊起到拋磚引玉的作用。 提到圖片,我們不得不從位圖開始說起,位圖圖像(bitmap),也稱爲點陣圖像或
原创 手機web——自適應網頁設計(html/css控制)
一. 允許網頁寬度自動調整: "自適應網頁設計"到底是怎麼做到的? 其實並不難。 首先,在網頁代碼的頭部,加入一行viewport元標籤。 <meta name="viewport" content="width=device-wid
原创 CSS 實現表格內容超出顯示省略號
原理: 本方法用於解決表格單元格內容過多時的美觀問題,主要涉及到4句CSS樣式: 1. table-layout: fixed 由於table-layout的默認值是auto,即table的寬高將取決於其內容的多寡,如果內容的體積無
原创 web app自適應屏幕方案探討
標籤:自適應viewportdpi 因爲web app跨平臺的特性,決定着自適應方案在整個項目的重要性。 特別對於Android衆多分辨率和屏幕尺寸的機器羣,找到合適通用的解決方案顯得尤爲重要 1.頁面大小 有沒有遇到過
原创 html5在移動端的屏幕適應性問題
html5在移動端的屏幕適應性問題 Html5 曾經是最最炙手可熱的技術,移動端也因爲html5技術的加入變得更加變通一些,人人都喜歡“Write once,run more”,但在今年扎克伯格承認在html5上的失策以來,我們
原创 完美解決多行文字垂直居中
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>完美解決不固定行數的文字垂直居中</title> <meta http-equiv
原创 Javascript常用的一些數據結構與算法
本文主要講述Javascript中實現棧、隊列、鏈表、集合、字典、散列表、樹、圖等數據結構,以及各種排序和搜索算法,包括冒泡排序、選擇排序、插入排序、歸併排序、快速排序、順序搜索、二分搜索,最後還介紹了動態規劃和貪心算法等常用的高級算法及
原创 不容錯過的圖標樣式-FONT-AWESOME
設置Font Awesome字體的方法很簡單,只需將兩行代碼添加到你的網站。或者你可以成爲一個專業和定製一個最簡單的自己,Bootstrap 3 Font Awesome字體會讓更好的扮演自己! 一、最簡單的通過MaxCDN方法使用B