原创 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