Time of Update: 2016-02-20
行內元素視覺格式化,元素視覺格式化目錄[1]基本術語 [2]構造行框 [3]非替換元素 [4]替換元素前面的話 行內元素沒有區塊層級元素那麼簡單和直接,區塊層級元素只是產生框,通常不允許其他內容與這些框並存。而控制行內元素視覺格式化的主要是font-size、line-height、vertical-align 基本術語 在瞭解行內元素視覺格式化之前要先瞭解一些涉及到的基本術語匿名文本 匿名文本(anonymous
Time of Update: 2016-02-20
深入理解line-height、font-size、vertical-align,fontsizeheight目錄[1]行高 [2]字型大小 [3]垂直對齊前面的話 line-height、font-size、vertical-align這三個屬性可謂是相互依賴的關係,改變行間距離、設定垂直對齊等都需要這三個屬性的通力合作。本文涉及到的一些術語詳細解釋請參考區塊層級元素基本術語和行內元素基本術語 line-height定義
Time of Update: 2016-02-17
三分鐘帶你玩轉jQuery.noConflict(),jquery.noconflictjQuery是目前使用最廣泛的前端架構之一,有大量的第三方庫和外掛程式基於它開發。為了避免全域命名空間汙染,jQuery提供了jQuery.noConflict()方法解決變數衝突。這個方法,毫無疑問,非常有效。遺憾的是,jQuery的官方文檔對該方法的描述不夠清晰,許多開發人員並不清楚當他們調用jQuery.noConflict()時,究竟發生了什麼,從而導致在使用時出現了許多問題。儘管如此,jQuery.
Time of Update: 2016-02-17
擷取陰曆(農曆)和當前日期的js代碼,陰曆js本文為大家分享了一段js顯示陰曆(農曆)和當前日期的關鍵性代碼,供大家參考,具體內容如下var CalendarData=new Array(100);var madd=new Array(12);var tgString="甲乙丙丁戊己庚辛壬癸";var dzString="子醜寅卯辰巳午未申酉戌亥";var numString="一二三四五六七八九十";var monString="正二三四五六七八九十冬臘";var
Time of Update: 2016-02-17
GoogleshowModalDialog()方法不相容出現交談視窗的解決辦法,GoogleshowmodaldialogshowModalDialog,在測試中,IE,Firefox中正常運行,但是在google中,點擊後沒什麼反應,在網上看了一下,Google瀏覽器不支援showModalDialog模態對話方塊和無法返回returnValue,得到了一個解決辦法<script type="text/javascript">//開啟強制回應視窗function
Time of Update: 2016-02-15
瞭解HTML CSS選取器操作和特性,htmlcss選取器特性 子選取器 在CSS樣式表中, 有時候我們需要為一個選取器進行再次的選擇, 比如要為某段落標籤下的<span>標籤進行樣式設定(<span>標籤必須為段落標籤下的第一代子項目, 意思即中間不包含別的標籤嵌套), 這個時候就要使用子選取器. 程式碼範例: p>span{ font-size:20px; } " > "就稱之為子選取器,
Time of Update: 2016-02-15
CSS手動改變DIV高寬,CSS手動DIV高寬本執行個體代碼可以使DIV可以手動改變大小效果體驗:http://hovertree.com/code/css/resize.htm代碼如下:<!DOCTYPE html><html><head><title>何問起</title><base target="_blank" /><style>
Time of Update: 2016-02-15
float執行個體講解,plc編程執行個體講解float執行個體講解float是個強大的屬性,在實際前端開發過程中,人們經常拿它來進行布局,但有時,使用的不好,也麻煩多多啊。比如,現在我們要實現一個兩列布局,左邊的列,寬度固定;右邊的列,寬度自動擴充。見下:思路:利用div+float,div1為左邊的列,div2為右邊的列,將div1的寬度設定為固定寬度並將其設定為左浮動,脫離文檔流;div2在普通流中就ok了。具體代碼和見下:<!DOCTYPE html>
Time of Update: 2016-02-15
瞭解HTML 元素分類,HTML元素分類 HTML中包含大量的標籤, 這些標籤在我們使用中發現會有小小的差別, 有的標籤用了之後不會有太大的布局變化, 只是語義化, 而有的標籤卻會重起一行, 相當於自己斷行符號了一次, 這就是不同標籤元素的分類不同造成的結果. 區塊層級元素 在HTML中, <div>, <p>, <h1>, <form>, <ul>, <ol>, <li>等標籤就是區塊層級元素,
Time of Update: 2016-02-15
淺析Javascript匿名函數與自執行函數,淺析javascript函數是JavaScript中最靈活的一種對象,這裡只是講解其匿名函數的用途。匿名函數:就是沒有函數名的函數。函數的定義,大致可分為三種方式:第一種:這也是最常規的一種function double(x){ return 2 * x; }第二種:這種方法使用了Function建構函式,把參數列表和函數體都作為字串,很不方便,不建議使用。var double = new Function('x', 'return 2 * x;')
Time of Update: 2016-02-15
jquery實現具有嵌套功能的選項卡,jquery嵌套關於選項卡功能大家一定都不會陌生,無非就是滑鼠點擊或者懸浮能夠切換相關的內容。通常情況下,大家見到的選項卡都是沒有嵌套功能的,也就是說就是完成了一層轉場效果,本章節分享一段代碼執行個體,實現了選項卡的嵌套功能,也就是選項卡中嵌套有選項卡功能,也就能夠容納更多的內容。代碼如下:<head><meta
Time of Update: 2016-02-15
JavaScriptRegex的分組匹配詳解,Regex分組匹配分組下面的Regex可以匹配kidkidkid:/kidkidkid/而另一種更優雅的寫法是:/(kid){3}/這裡由圓括弧包裹的一個小整體稱為分組。候選一個分組中,可以有多個候選運算式,用|分隔:var reg = /I love (him|her|it)/;reg.test('I love him') // true reg.test('I love her') // truereg.test('I love it')
Time of Update: 2016-02-15
原生javascript實現自動更新的時間日期,javascript自動更新能夠動態變化的事物總比靜態更能夠吸引人,甚至更有實用效果,比如能夠自動變化的時間日期效果就是如此,下面就通過代碼執行個體介紹一下如何?此效果,代碼執行個體如下:一、具體代碼<html><head><meta charset="gb2312"><title>幫客之家</title><script type="text/javascript">var
Time of Update: 2016-02-15
深入淺析JavaScript物件導向和原型函數,javascript物件導向對象,是javascript中非常重要的一個梗,是否能透徹的理解它直接關係到你對整個javascript體系的基礎理解,說白了,javascript就是一群對象在攪。。(嗶!)。下面給大家介紹下常用的幾種對象建立模式使用new關鍵字建立最基礎的對象建立方式,無非就是和其他多數語言一樣說的一樣:沒對象,你new一個呀!var gf = new Object(); gf.name = "tangwei"; gf.bar =
Time of Update: 2016-02-07
Node.js重新重新整理session到期時間的方法,node.jssession在Node.js中,我們通常使用express-session這個包來使用和管理session,儲存服務端和用戶端瀏覽器之間的工作階段狀態。那如何才能實現當使用者重新整理當前頁面或者點擊頁面上的按鈕時重新重新整理session的到期時間呢?類似於ASP.NET中session工作階段狀態,只要在一定的時間內頁面一直保持活動狀態,session就不會到期。通過下面的代碼可以實現這個功能,我們在Node.js的代碼中
Time of Update: 2016-02-15
簡單瞭解Backbone.js的Model模型以及View視圖的源碼,backbone.jsmodelBackbone.Model今天我們先來談談Backbone.js MVC 中的 M , Model是backbone的核心部分,包含著頁面展示內容的資料,還有圍繞著資料操作的各種 轉換,校正,計算 ,許可權控制,服務端互動等等操作,你可以通過 Backbone.Model.extend() 產生你的model , 當然產生的model也可以作為一個基類去向下擴充更多的model var
Time of Update: 2016-02-07
分享我對JS外掛程式開發的一些感想和心得,我對js外掛程式感想本文閱讀目錄:•起因•如何開發一個輕量級的適用性強的外掛程式•總結起因如果大家平時做過一些前端開發方面的工作,一定會有這樣的體會:頁面需要某種效果或者外掛程式的時候,我們一般會有兩種選擇:1、上網尋找相關的JS外掛程式,學習其用法2、自己造輪子,開發外掛程式。尋找存在的外掛程式第一種做法,上網尋找JS外掛程式這種方式如果是有剛好符合項目需求的外掛程式,那是非常幸運的事了。但是我相信大部分情況下,我們
Time of Update: 2016-02-07
Nodejs中session的簡單使用及通過session實現身分識別驗證的方法,nodejssessionsession 不用多介紹,使一個http可以對應一個終端使用者。session的本質使用cookie來實現。原理大概是:http 帶來服務端提前設定 cookie,服務端拿到標示使用者身份的cookie,
Time of Update: 2016-02-07
JS擷取時間的相關函數及時間戳記與時間日期之間的轉換,js擷取時間戳記和時間日期的轉換是常見的操作,下面就通過代碼執行個體介紹一下如何?它們之間的相互轉換。在沒學習本文之前先給大家介紹下javascript中Date()建構函式參數:關於Date對象大家想必一定不陌生,使用Date()建構函式建立一個時間對象是最基本的操作了,例如:var theDate=new
Time of Update: 2016-02-07
jquery操作select元素和option的執行個體代碼,jqueryselect廢話不多說了,直接給大家貼代碼,具體代碼如下所示:<html><head> <title></title> <!--添加jquery--> <script src="../Script/jQuery/jquery-1.6.2.min.js" type="text/javascript"></script>