原创 css3 gradient

  CSS3的線性漸變:  一、線性漸變在Mozilla下的應用  語法: -moz-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* <div cla

原创 jquery pop彈出框和鎖屏

<!DOCTYPE html > <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>鎖屏</title

原创 手機端ul空隙

在移動端的,ul嵌套了3個li,ul中最後的li留有一段空隙, 方法:ul:box-border,overflow:hidden;border-left:0;border-right:0;用ul的背景顏色掩蓋li的空隙 點贊

原创 前端知識體系及修煉攻略

前端 目錄(?)[+] 前端簡介 Web前端開發工程師是一個很新的職業,在國內乃至國際上真正開始受到重視的時間不超過5年。Web前端開發是從網頁製作演變而來的,名稱上有很明顯的時代特徵。隨着人們對用戶體驗的要求越來越高,前

原创 js判斷當前客戶端設備類型,操作系統及瀏覽器類型

// 判斷當前訪問者的客戶端設備類型、操作系統及瀏覽器類型 function jupmBrowserType() { var browser = { versions: function () { var u =

原创 jquery pop彈出框

<!doctype html> <html> <head> <meta charset="utf-8"> <title>華貿</title> <meta content="width=device-width, i

原创 觸屏版網站開發要點

所謂的觸屏版網站其實也是WebApp的一種展示形式,主要是依賴HTML+CSS+Javascript這三個關鍵因素來實現,相比較原生客戶端程序來說優點就是開發週期短、升級簡單、維護成本低,因爲從根本上來說WebApp的本質就是一個網站而

原创 js獲取N天之後的日期

function lu_GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//獲取AddDayCount天后

原创 border-image

CSS3中有關於border的屬性我們一起學習完了圓角border-radius和邊框顏色border-color,只剩下最後一個邊框圖片border-image。今天我們就一起來學習這個border-image的屬性。學習完這個bor

原创 前端修煉之路

前端簡介 Web前端開發工程師是一個很新的職業,在國內乃至國際上真正開始受到重視的時間不超過5年。Web前端開發是從網頁製作演變而來的,名稱上有很明顯的時代特徵。隨着人們對用戶體驗的要求越來越高,前端開發的技術難度越來越大,Web前端

原创 移動端小技巧

一 :margin-top和margin-bottom值,對內聯元素沒有影響。padding-top和padding-bottom值,在內聯中,不改變元素的尺寸,但背景顏色會改變。 二: img固定高度或者寬度,img圖片會自動等比縮放。

原创 原生js彈窗組件練習

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

原创 關於iChartjs在移動端提示框tip顯示不正常的解決方法

最近項目需要使用手機圖表,但是找了很久都沒找到專門爲移動端開發的圖表,只能找一些能兼容移動端的圖表控件,今天就講講關於iChartjs這個圖形庫的一點問題。 問題 iChartjs的提示框tip的顯示沒有爲移動端做調整,在移動端顯示

原创 css內容垂直居中

<div class="gg"> <img src="delete.png"> </div> 在img外面嵌套一個div容器,解決方法如下: 1 display:table-cell;vertical-ali

原创 JS 創建類---混合的構造函數/原型方式

prototype:原型.此對象的所有實例共享原型定義的數據和(對象)引用.一般用於防止重複創建函數,浪費內存. 原型中定義的所有函數和引用的對象都只創建一次;構造函數中的方法則會隨着實例的創建重複創建(如果有對象或方法的話). 不