Time of Update: 2016-02-15
css 表格,cssborder-collapse 屬性設定表格的邊框是否被摺疊成一個單一的邊框或隔開: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 table { 6 border-collapse: collapse; 7 } 8 </style> 9 </head>10 <body>11 <table>12 <tr>13
Time of Update: 2016-02-15
瞭解HTML 元素分類,HTML元素分類 HTML中包含大量的標籤, 這些標籤在我們使用中發現會有小小的差別, 有的標籤用了之後不會有太大的布局變化, 只是語義化, 而有的標籤卻會重起一行, 相當於自己斷行符號了一次, 這就是不同標籤元素的分類不同造成的結果. 區塊層級元素 在HTML中, <div>, <p>, <h1>, <form>, <ul>, <ol>, <li>等標籤就是區塊層級元素,
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-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
關於JavaScript範圍你想知道的一切,JavaScript範圍Javacript 中有一系列範圍的概念。對於新的JS的開發人員無法理解這些概念,甚至一些經驗豐富的開發人員也未必能。這篇文章主要目的協助理解JavaScript中的一些概念如:scope,closure, this, namespace, function scope, global scope, lexical scope and public/private scope. 希望從這篇文章中能回答如下的問題: 什麼是範圍(
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>
Time of Update: 2016-02-05
a:active的作用是什麼簡單介紹,active簡單介紹a:active的作用是什麼簡單介紹:本章節介紹一下a:active的作用是什麼,需要的朋友可以做一下參考。它的作用是規定連結啟用狀態下的樣式規則。很多初學者可能對這個"啟用狀態"不太理解,下面做一下介紹:所謂的啟用狀態就是滑鼠按鍵在連結上按下但是還沒有鬆開時的狀態。代碼執行個體如下:<!DOCTYPE html><html> <head> <meta charset=" utf-8"> &
Time of Update: 2016-02-05
javascript實現瀑布流載入圖片原理,javascript瀑布講一下大概的原理吧,還是先: 功能描述: 根據不同菜單的屬性值分別載入不同的資料 下拉捲軸到一定位置預先載入圖片,捲軸拉到最底下的時候渲染html; 滑鼠移到菜單,切換各個圖片列表; 滑鼠移到圖片列表上,顯示詳細資料; 技術實現方案: 先梳理一下從載入到顯示的流程: 1. 載入資料 2. 拼接HTML寫入到頁面 3.
Time of Update: 2016-02-05
Hammer.js+輪播原理實現簡潔的滑屏功能,hammer.js輪播原理最近有個任務,做一個非常小的h5的應用,只有2屏,需要做橫向的全屏滑動切換和一些簡單的動畫效果,之前做這種東西用的是fullpage.js和jquery,效能不是很好,於是就想自己動手弄一個簡單的東西來實現。最後我用zepto + hammer.js 和輪播的方式解決了這個問題,效果還不錯,整個頁面不開啟Gzip時所有資源請求的資料大小為200KB左右。這篇文章總結下這個方法的實現思路。效果示範:1.
Time of Update: 2016-02-05
JavaScript File API實現檔案上傳預覽,api檔案上傳一、概述以往對於基於瀏覽器的應用而言,訪問本地檔案都是一件頭疼的事情。雖然伴隨著 Web 2.0 應用技術的不斷髮展,JavaScript 正在扮演越來越重要的角色,但是出於安全性的考慮,JavaScript 一直是無法訪問本地檔案的。於是,為了在瀏覽器中能夠實現諸如拖拽並上傳本地檔案這樣的功能,我們就不得不求助於特定瀏覽器所提供的各種技術了。比如對於 IE,我們需要通過 ActiveX
Time of Update: 2016-02-05
JavaScript+html5 canvas實現本地教程,html5canvas最近有時間瞭解了下html5的各API,發現新浪微博的頭像設定是使用canvas實現的,加之前段時間瞭解了下html5的File API使用File API 之FileReader實現檔案上傳《JavaScript File
Time of Update: 2016-02-05
javascript滑鼠右鍵菜單自訂效果,javascript滑鼠右鍵本文執行個體講解了javascript滑鼠右鍵菜單的實現方法,分享給大家供大家參考,具體內容如下:具體代碼:<html> <head> <meta charset="gb2312" /> <title></title> <style> #menu{ border:solid 1px gray;
Time of Update: 2016-02-04
jQuery與Ajax以及序列化,jQueryAjax序列化關於AJAX所謂Ajax,全名Asynchronous JavaScript and
Time of Update: 2016-02-04
JS組件Bootstrap Table使用方法詳解,bootstraptable最近客戶提出需求,想將原有的管理系統,做下最佳化,通過手機也能很好展現,想到2個方案:a方案:保留原有的頁面,新設計一套適合手機的頁面,當手機訪問時,進入m.zhy.com(手機頁面),pc裝置訪問時,進入www.zhy.com(pc頁面)b方案:採用bootstrap架構,替換原有頁面,自動適應手機、平板、PC
Time of Update: 2016-02-04
JavaScript實現的MD5演算法完整執行個體,javascriptmd5演算法本文執行個體講述了JavaScript實現MD5演算法的方法。分享給大家供大家參考,具體如下:/**** MD5 (Message-Digest Algorithm)* http://www.webtoolkit.info/***/var MD5 = function (string) { function RotateLeft(lValue, iShiftBits) { return
Time of Update: 2016-02-02
基於javascript實現checkbox複選框執行個體代碼,javascriptcheckbox本文執行個體講解了javascript實現checkbox複選框的詳細代碼,分享給大家供大家參考,具體內容如下:具體代碼:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"
Time of Update: 2016-02-02
JavaScript中的this,call,apply使用及區別詳解,javascriptapply學習起因:在之前的JavaScript學習中,this,call,apply總是讓我感到迷惑,但是他們的運用又非常的廣泛。遂專門花了一天,來弄懂JavaScript的this,call,apply。中途參考的書籍也很多,以《JavaScript設計模式與開發實踐》為主,《JavaScript進階程式設計》、《你不知道的JavaScript》為輔。這三本書對我理解this,call,apply都起了
Time of Update: 2016-02-02
JS組件系列之Bootstrap Icon表徵圖選擇組件,bootstrapicon前言:最近好多朋友在群裡面聊到bootstrap icon表徵圖的問題,比如最常見的菜單管理,每個菜單肯定需要一個對應的菜單表徵圖,要是有一個可視化的表徵圖選擇組件就好了,最好是直接選擇表徵圖,就能得到對應的class樣式。於是乎各種百度,皇天不負有心人,最後被博主找到了,感覺效果還不錯,並且支援自訂的表徵圖,今天就拿出來分享下,絕對的乾貨哦!一、Bootstrap icon