Time of Update: 2015-04-23
標籤:瀏覽器有渲染 html 的功能,把 html 源碼在記憶體裡形成一個 DOM 對象,就是文檔對象。瀏覽器內部有一個 js 的解譯器 / 執行器 / 引擎,如 Chrome 的 V8 引擎。在 html 中寫一個 js 代碼,js 代碼被引擎執行,執行的結果往往就是對 DOM 的操作 —— 常見的特效(圖片漂浮,文字變色等) 瀏覽器是 " 宿主 ",但 js 的宿主不限於瀏覽器,也可能是伺服器端(可用來操作文本、網路、資料庫等,例如伺服器 js
Time of Update: 2015-04-23
CSS規範,css命名規範CSS檔案的分類和引用順序 通常,一個項目我們只引用一個CSS,但是對於較大的項目,我們需要把CSS檔案進行分類。
Time of Update: 2015-04-23
CSS規範,css命名規範選取器、屬性和值都使用小寫 在xhtml標準中規定了所有標籤、屬性和值都小寫,CSS也是如此。單行寫完一個選取器定義 便於選取器的尋找和閱讀,也便於插入新選取器和編輯,便於模組等的識別。去除多餘空格,使代碼緊湊減少換行。 如果有嵌套定義,可以採取內部單行的形式。/* 單行定義一個選取器 */.m-list li,.m-list
Time of Update: 2015-04-23
本來想偷懶的今天,想了想,還是寫一篇吧,前端登入介面,用的BOOTSTRAP,登入介面bootstrap今天算是正式開始搞畢業設計,上手才知道有多艱難,一個登入視窗都沒寫好,特來請教,下面是代碼:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&
Time of Update: 2015-04-23
移動端實現垂直置中的幾種方法,垂直置中幾種方法垂直置中是布局中十分常見的效果之一,為實現良好的相容性,PC端實現垂直置中的方法一般是通過絕對位置,table-cell,負邊距等方法。有了css3,針對移動端的垂直置中就更加多樣化。方法1:table-cellhtml結構:<div class="box box1"><span>垂直置中</span></div>css:.box1{display: table-cell;vertical-align:
Time of Update: 2015-04-23
CSS reset--(來自網易),cssreset--/* reset
Time of Update: 2015-04-23
javascript事件代理(委託)之前有接觸過事件代理,但是印象並不深刻。這次記下來加強印象。 用個大家比較常見的代碼舉例子: html dom結構: <ul id="ul1"> <li>001</li> <li>002</li> <li>003</li></ul> <script>var oUl =
Time of Update: 2015-04-23
CSS:水平置中與垂直置中,css水平置中垂直CSS置中算是一個比較基礎的問題,在實際運用中,需要考慮到的一般是兩種情況,一種是主要是表現為文字,圖片等行內元素的置中,一種是指 div 等塊級標籤元素的置中。水平置中1、行內元素行內元素(主要是表現為文字,圖片等行內元素),通過在父級元素設定 text-align:center 使子級行內元素置中。 2、定寬區塊層級元素為定寬區塊層級元素設定:1 margin-left:auto;2 margin-right:auto; 3、
Time of Update: 2015-04-23
springMVC傳遞JSON格式資料這兩天在使用SpringMVC傳遞JSON資料格式,出現了各種令人頭大的問題,但是功夫不負有心人,最後還是解決了問題。在這裡記錄下來供大家參考,如有不對,還請各位大俠指正。在SpringMVC傳遞JSON資料格式需要加入兩個jar包:com.springsource.org.codehaus.jackson-1.4.2.jar,com.springsource.org.codehaus.jackson.mapper-1.4.2.jar。實體JavaBean:
Time of Update: 2015-04-23
jQuery驗證外掛程式validation使用指南,jqueryvalidation在網站開發過程中,有時我們需要驗證使用者輸入的資訊是否符合我們的要求,所以我們會對使用者提交的資料進行驗證。驗證分兩次進行,一次是在用戶端,一次是在服務端。用戶端的驗證可以提升使用者的體驗。jquery驗證外掛程式有很多,實現的功能也基本相同。本文介紹的只是jquery驗證外掛程式中的一種jquery.validatejquery.Validation是一款優秀的jquery外掛程式,它能對用戶端表單進行驗證,
Time of Update: 2015-04-23
jQuery彈出層外掛程式Lightbox_me使用指南,jquerylightbox_me網站開發過程中,為了增加網站互動效果,我們有時需要在當前頁面彈出諸如登陸、註冊、設定等視窗。而這些視窗就是層,彈出的視窗就是彈出層。jQuery中彈出層外掛程式很多,但有些在html5+css3瀏覽器下,支援完美。而在例如ie8一下的瀏覽器下顯示不出應有的效果。例如jquery.avgrund外掛程式在ie8下就無法顯示。本文介紹的外掛程式Lightbox_me可以完美的支援chrome,firefox和
Time of Update: 2015-04-23
jQuery關鍵詞說明外掛程式cluetip使用指南,jquerycluetip我們開發的網站,總有它一定的用途。如企業站用來宣傳企業或展示產品,技術站用來分享自己的思路和經驗。既然網站有了它的用途,那麼就擁有了它本身的關鍵詞(關鍵詞說明網站的主要內容)。例如企業站的關鍵詞大部分是企業名稱或產品名稱,技術站的關鍵詞大部分是技術術語。不論是企業宣傳產品或分享思路經驗,我們都想給某些術語加上說明或連結(跳轉到術語頁面),這時我們就可以使用cluetip外掛程式。1.  
Time of Update: 2015-04-23
jQuery固定元素外掛程式scrolltofixed使用指南,jqueryscroll外掛程式這個外掛程式在前段時間用過一次,當時是改一個網站。要求頂部的功能表列隨著捲軸的滾動而固定。也大體寫了一下,不過在文章中也只是提了一下,文章地址:jQuery外掛程式固定元素位置。 在這篇文章中,再進行總結一下。一.scrolltofixed外掛程式功能固定某個元素的位置,在頁面滾動時,元素仍然顯示。二.scrolltofixed官方地址https://github.com/bigspotteddog/
Time of Update: 2015-04-23
JavaScript漢諾塔問題解決方案,javascript漢諾塔本文執行個體講述了JavaScript漢諾塔問題解決方案。分享給大家供大家參考。具體實現方法如下:<script language="javascript"> var han=function (disc,src,aux,dst){ if(disc>0){ han(disc-1,src,dst,aux); document.writeln("move disc "+disc+" from "+src+"
Time of Update: 2015-04-23
jQuery標籤編輯外掛程式Tagit使用指南,jquerytagit一.Tagit外掛程式功能提高網站互動性,增加使用者體驗。至於其它的功能,還真沒有。用一個input text就可以替換了它。但是text沒有輸入提示功能,而tagit擁有這個功能。官方樣本如:將關鍵詞標籤化,成為一個整體。方便刪除與瀏覽。二.Tagit官方地址http://aehlke.github.io/tag-it/
Time of Update: 2015-04-23
javascript格式化指定日期對象的方法,javascript日期本文執行個體講述了javascript格式化指定日期對象的方法。分享給大家供大家參考。具體如下:/** 格式化Date對象為:“2015-04-17 10:20:00”* var dateObj = new Date(); */function formartDate(dateObj){ var updatetimeval =dateObj.getFullYear()+"-"+(dateObj.getMonth()+1)+"
Time of Update: 2015-04-23
node.js 使用ejs模板引擎時尾碼換成.html,node.jsejs這是一個小技巧,看著.ejs的尾碼總覺得不爽,使用如下方法,可以將模板檔案的尾碼換成我們習慣的.html。1.在app.js的頭上定義ejs:複製代碼 代碼如下:var ejs = require('ejs');2.註冊html模板引擎:複製代碼 代碼如下:app.engine('html',ejs.__express);3.將模板引擎換成html:複製代碼 代碼如下:app.set('view engine',
Time of Update: 2015-04-23
javascript實現通過表格繪製顏色填充矩形的方法,javascript矩形本文執行個體講述了javascript實現通過表格繪製顏色填充矩形的方法。分享給大家供大家參考。具體如下:<html> <head> <title> Javascript畫矩形 </title> <script type="text/javascript"> //定義函數,傳入設定參數,返回一個有背景顏色的表格 function
Time of Update: 2015-04-23
javascript格式化json顯示執行個體分析,json執行個體分析本文執行個體講述了javascript格式化json顯示方法。分享給大家供大家參考。具體分析如下:將json對象或者json字串格式化方便在網頁上限制var formatJson = function(json, options) { var reg = null, formatted = '', pad = 0, PADDING = ''; //one can also use '\t' or a
Time of Update: 2015-04-23
javascript遞迴回溯法解八皇后問題,javascript遞迴下面給大家分享的是回溯法解八皇后, 帶詳細註解,這裡就不多廢話了。function NQueens(order) { if (order < 4) { console.log('N Queens problem apply for order bigger than 3 ! '); return; } var nQueens = []; var backTracking = false;