Time of Update: 2015-10-13
display:inline-block引發的間隙問題解決辦法,在網頁布局中我們經常會用到display:inline-block;好處是:能夠將塊狀元素按照內嵌元素的方式布局,同時能設定寬高。個人感覺很好用,可是用多了慢慢的問題就來了?1.display:inline-block;在IE6/7中不相容解決辦法:display:inline-block;*dsiplay:inline;*zoom:1;2.display:inline-block;會產生莫名的間隙(4px)原因:換行或空格會佔據一
Time of Update: 2015-10-12
清除浮動3-父級元素定高度,浮動3-元素高度<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title> <style> .news { background-color: gray; border: solid 1px black;
Time of Update: 2015-10-12
background-size,backgroundbackground-image:url(bg.jpg);background-size:cover;/*等比例展開 鋪滿最短邊,長邊裁剪*/background-size:contain;/*鋪滿最短邊,長邊空著*/background-size: 100% 80px;/*橫向鋪滿,縱向80px*/background-size:150px 80px;/*橫向150px,縱向80px*/background-size:40%
Time of Update: 2015-10-12
清除浮動4-插入多餘的div,浮動4-div<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title> <style> .news { background-color: gray; border: solid 1px black;
Time of Update: 2015-10-12
去掉inline-block元素間隙的幾種方法,inlineblock間隙<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title> <style> #a1 { list-style: none ; background:
Time of Update: 2015-10-12
Angularjs MVC 以及 $scope 範圍 Angularjs 模組 的 run 方法 以及依賴注入中代碼壓縮問題Angularjs MVC 以及 $scope 範圍 Angularjs 模組的 run 方法 以及依賴注入中代碼壓縮問題 1. Angularjs MVCModel:資料模型層View:視圖層,負責展示Controller:商務邏輯和控制邏輯優點: 代碼模組化 代碼邏輯比較清晰、可移值性高,後期維護方便、代碼複用,代碼規模越來越大的時候,切分職責是大勢所趨缺點:
Time of Update: 2015-10-12
掌握JS中的“this” (一)譯者注: 一般來說,function 翻譯為函數, method 翻譯為方法。我們一般說, 某某對象的方法, 而不說 “某某對象的函數”。原因是在物件導向中, 一個對象就是一個具體額執行個體,有自己的方法。 而函數,是和對象沒關係的。另外, scope(範圍) 和 context(上下文) 也是一個容易迷糊的地方。請參考: Javascript Context和Scope的一些學習總結推薦閱讀:
Time of Update: 2015-10-12
JavaScript之範圍與閉包詳解前言:JavaScript是一種應用非常廣泛的語言,其也有一些自身特點和優勢,本文重在講述其範圍機制以及閉包,會從一些執行個體來探討其機理。 範圍在JavaScript程式員日常使用中有不同的含義,如下所示: this綁定的值;this綁定的值定義的執行內容;一個變數的“生命週期”;變數的值解析方案,或詞法綁定。下面將講訴JavaScript範圍概念,由此引出變數值解析方案的一般想法,最後再探討JavaScript裡
Time of Update: 2015-10-12
Node.js開發入門—Buffer用法詳解Node.js中有一個Buffer類,必須要介紹一下,因為我們在使用Node.js做服務端開發時,http、tcp、udp、檔案io等等類型的操作,都會用到Buffer,離開它基本沒辦法玩兒下去。Buffer是什麼JavaScript裡的String對象,儲存的是字串,而且是Unicode編碼的。Buffer代表一個緩衝區,儲存位元據,是位元組流。我們在網路傳輸時,就傳輸的這種位元組流。寫檔案時,也是寫的位元組流。編碼格式字串是有編碼格式的,比如UTF
Time of Update: 2015-10-12
EJB整合JSF簡單的小例子程式目錄:運行效果:一、首先匯入jar包,匯入JSF必要 jar包以及hibernate3.6jar包(jsf jar稍後提供下載)二、配置資料來源:在src下建立/MATA-INF/persistence.xml 檔案 java:jboss/datasources/localTrans/FirstTest
Time of Update: 2015-10-12
ArcGIS API for JavaScript開發環境搭建及第一個執行個體demoESRI公司截止到目前已經發布了最新的ArcGIS Server for JavaScript API v3.9,它提供了更為豐富而又強大的功能。 一、安裝前準備 1、ArcGIS Server for JavaScript API 我們選擇下載最新的“ArcGIS API for JavaScript 3.9:Library |
Time of Update: 2015-10-12
JS實現常見的TAB、彈出層效果(TAB標籤,斑馬線,遮罩層等),tab遮罩本文執行個體講述了JS實現常見的TAB、彈出層效果。分享給大家供大家參考。具體如下:這裡示範tab活頁夾(網頁標籤),斑馬線,遮罩層、彈出層的簡單實現,裡面的JS檔案,可下拉儲存為JS代碼調用即可,也可以拷貝在本網頁中使用。這個小網頁囊括了目前網上流行的風頁標籤、彈出層以及斑馬線效果,很實用啦。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-tab-alert-bq-sty
Time of Update: 2015-10-12
Jquery中使用show()與hide()方法動畫顯示和隱藏圖片,(1)功能描述 在頁面中單擊“顯示”串連,通過show()方法以動畫的方式顯示一幅圖片,同時在方法中執行一個回呼函數,用於改變圖片的邊框樣式;單擊已顯示的圖片時,通過hide()以動畫的方式隱藏該圖片。(2)實現代碼<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2015-10-12
JavaScript實現橫向滑出的多級菜單效果,javascript橫向本文執行個體講述了JavaScript實現橫向滑出的多級菜單效果。分享給大家供大家參考。具體如下:這是一款JavaScript橫向滑出的多級菜單,只用滑鼠放上就可以動畫出現二級菜單,整體設計精美,大氣,部落格上也可以用哦。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-hx-show-menu-style-demo/具體代碼如下:<!DOCTYPE html
Time of Update: 2015-10-12
js小數運算出現多位小數如何解決,js小數運算多位和大家分享一個有趣的測試:0.1+0.2 == 0.3 //false頓時鬱悶,好吧!原來0.1+0.2變成:0.30000000000000004再來一個 2.4/0.8 =>2.9999999999999996 沒辦法換種方式,都轉換成整數 (2.4 * 100)/(0.8 * 100)10.22 現在要減去 0.11 結果值又出現了很多的小數 10.110000000000001,然後我就用了 toFixed
Time of Update: 2015-09-22
旋轉六面體源碼,六面體源碼應網友要求,也方便大家一起學習,在此貼出昨天編寫旋轉六面體源碼<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>hexahedron</title> <meta
Time of Update: 2015-09-22
JS實現相容性好,帶緩衝的動感網頁右鍵菜單效果,js右鍵菜單本文執行個體講述了JS實現相容性好,帶緩衝的動感網頁右鍵菜單效果。分享給大家供大家參考。具體如下:這是一款相容好帶緩衝的動感網頁右鍵菜單,應該來說做的非常棒,完全JavaScript的實現,我覺得挺不錯,感謝作者。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-dg-right-button-menu-style-codes/具體代碼如下:<!DOCTYPE html PUBLIC
Time of Update: 2015-09-22
使用者代理程式字串userAgent可實現的四個識別,字串useragent定義 使用者代理程式字串:navigator.userAgent HTTP規範明確規定,瀏覽器應該發送簡短的使用者代理程式字串,指明瀏覽器的名稱和版本號碼。但現實中卻沒有這麼簡單。發展曆史【1】1993年美國NCSA國家超級電腦中心發布了世界上第一款web瀏覽器Mosaic,該瀏覽器的使用者代理程式字串為Mosaic/0.9【2】Netscape公司進入瀏覽器開發領域,將自己產品的代號定名了Mozilla(Mosai
Time of Update: 2015-09-22
JS實現超簡單的仿QQ摺疊菜單效果,js摺疊本文執行個體講述了JS實現超簡單的仿QQ摺疊菜單效果。分享給大家供大家參考。具體如下:這是一款經過精簡後的仿QQ摺疊菜單代碼,以前發過的,不過這個是經過幾輪代碼精簡後的一個版本,而且在各瀏覽器下的表現也很不錯,相容性沒出問題。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-simple-f-qq-zd-style-menu-codes/具體代碼如下:<!DOCTYPE
Time of Update: 2015-09-22
jQuery實現Tab菜單滾動切換的方法,jquerytab菜單滾動本文執行個體講述了jQuery實現Tab菜單滾動切換的方法。分享給大家供大家參考。具體如下:這是一款jQuery實現讓你的Tab菜單滾動的代碼,先運行一下看看效果咋樣?是不是超不錯,讓你的網頁變得靈動起來,不再靜止,學習jquery的朋友也可作為範例來參考吧.運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-tab-menu-cha-style-codes/具體代碼如