Time of Update: 2014-05-01
註冊介面 register.jsp註冊介面<script type="text/javascript" src="js/jquery-1.6.js"></script><script type="text/javascript">function findByName() {$.ajax( {url : 'login!findByName',data : {name : $("#name").val()},type : 'post',dataType :
Time of Update: 2014-05-01
今天不在狀態,安靜五一快到了,俺就特想玩了。好了,天色已晚,閑話不多說,看下用javaScript 實現的圖片自動輪換效果,先看圖片 下面是具體的代碼,還是比較簡單的。 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
Time of Update: 2014-04-30
第五章 CSS內容排版5.1 文字排版5.1.1 通欄排版 進行網頁通欄排版時,只要直接將段落文字放置於p或者其他對象中,再對段落文字應用間距、行距、字型大小等樣式控制,便形成了排版雛形。5.1.2 分欄排版 CSS2技術對普通段落文字不能夠直接實現分欄排版,如果需要實作類別似報紙那樣的雙欄或者三欄排版,則必須藉助於二列布局那樣的兩個div浮動定位而形成二列控制項,然後再將文字分別填充此二列之中。XHTML代碼如下: ... ...
Time of Update: 2014-05-01
今日遇到一個棘手的問題,在老項目裡加些js檔案和老項目的編碼格式不一致出現亂碼。老頁面是GB2312,鏈入的js檔案是UTF-8,兩個檔案都不能轉格式。 第一個想法就是將js檔案中的中文轉換為unicode編碼。這種做法是建立在犧牲可讀性的條件下的,中文全都變成密碼了。 事後想想應該還有更好的方法吧,然後就去百度,方法如下: 複製代碼 代碼如下: <script type='text/javascript' src='xxxuft.js'
Time of Update: 2014-04-30
GitBook 是一個命令列工具(也是 Node.js 庫),讓你能夠使用 GitHub/Git 和 Markdown 構建出美麗的編程書籍,可以包含互動的練習。GitBook 支援使用多種語言構建書籍。每種語言都應該是按照正常 GitBook 格式的子目錄,另外要在版本庫根目錄下的 LANGS.md 檔案。您可能感興趣的相關文章創意無限!一組網頁側邊欄過渡動畫【附源碼下載】真是好東西!13種非常動感的頁面載入動畫效果你見過嗎?9款超炫的複選框(Checkbox)效果超贊!基於
Time of Update: 2014-04-30
在以前我們的部落格文章中,我們討論了在web設計和開發項目中使用Twitter Bootstrap的好處。Twitter Bootstrap也有很多的缺點。讓我們看看這些主要的問題:1,它不遵循最佳實務我們在使用Twitter Bootstrap時遇到的最大問題之一是你的DOM元素上將擁擠大量的類。這打破了良好的web設計基本規則之一,HTML不再有語義,而且內容和表示
Time of Update: 2014-04-30
第六章 CSS進階應用程式與技巧6.1 id與class6.1.1 什麼是id id是XHTML元素的一個屬性,用於標識對象名稱。無論是class還是id,都是XHTML所支援的公用屬性,並且也是其核心屬性。class的主要功能是用來對對象的樣式設定,而id除了可以定義樣式外,還能夠成為服務網站互動行為一個特殊標識。每一個被定義了id名稱的對象,其id名字在每個頁面有且僅能出現一次。6.1.2 如何使用id 在不考慮使用JavaScript指令碼,而是XHTML代碼及CSS樣式應用的情況下,
Time of Update: 2014-04-30
原文:How JavaScript Prototype Really
Time of Update: 2014-04-30
複製代碼 代碼如下:<script> var i="123abc"; i=parseInt(i);//字串轉整形 alert(i+","+typeof(i));//輸出:123,number i="12.3abc"; i=parseFloat(i);//字串轉浮點型
Time of Update: 2014-04-30
最近寫nodejs比較多,剛開始的時候碰到的非同步操作比較少,因為想做的東西比較簡單,一查api有同步的,為了省事就直接用同步的搞了,慢慢發現這不是個事呀,好好的非同步特性不用,非得用同步的,真囧,並且很多東西木有同步的api的。好!寫非同步,慢慢的出現了這種代碼。。。複製代碼 代碼如下:mysql.query('xxxx').on('success', function(){ mysql.query('xxxx').on('success',
Time of Update: 2014-04-30
今天有個需求需要在url中傳入中文參數,結果在後台取得時出現亂碼,懷疑可能是編碼問題,上網查詢了資料,試了幾種辦法,發現有一種可行,記錄在此,以便查閱。url中用encodeURI 進行2次編碼:Ext.Ajax.request({url:"updateadminuser.do?"+userid+"&uname="+encodeURI(encodeURI(uname)), success:function (response)
Time of Update: 2014-04-30
iHover 是一個令人印象深刻的圖片懸停效果集合,完全基於 CSS3 實現,無依賴,能夠搭配 Bootstrap 3 很好地工作。基於 SCSS 技術構建,便於修改變數。有模組化的代碼,無需包含整個檔案。 把飯 30 多個懸停效果,滿足各種需要。您可能感興趣的相關文章創意無限!一組網頁側邊欄過渡動畫【附源碼下載】你見過嗎?9款超炫的複選框(Checkbox)效果超贊!基於 Bootstrap 的響應式的後台系統管理範本Magic CSS3 –
Time of Update: 2014-04-30
用JS寫出遮罩層登陸框和對聯廣告並自動跟隨捲軸滾動保持讓使用者一直可以看到 好了,天色已晚廢話不多說,代碼特別詳細 有注釋,請看代碼。 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
Time of Update: 2014-04-30
最近,遇到一個許可權管理的系統。由於許可權管理的系統和本來的系統風格不一致,所有新開啟一個視窗。問題就來了,admin登出之後,許可權管理的視窗沒有關閉。其他普通使用者登入以後,仍然可以操作許可權管理的視窗。 問題簡化:admin登出的時候,或者main.html關閉的時候,開啟的所有新視窗一起關閉。問題就解決了 直接看代碼吧: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:/
Time of Update: 2014-04-30
現在的web,影響使用者訪問速度已經不單單是檔案下載的速度了,當所有的檔案從伺服器上下載後,從瀏覽器開始渲染到使用者可以響應的時間,這段時間仍然會消耗很長,同時由於互動的複雜,javascript也變得越來越多,越來越複雜,指令碼啟動並執行時間反映在介面上就是響應使用者輸入焦點擊的過慢,甚至瀏覽器出現指令碼逾時的提示。這篇檔案並不打算講怎麼避免這種逾時以及javascript的最佳化技巧,單說各種瀏覽器的忍耐極限,下面是Nicholas C. Zakas總結的資料Chrome:執行超過8秒提示。
Time of Update: 2014-04-30
同事在項目中使用scroll事件去載入資料,結果IE下悲劇了。給了一個簡單最佳化方法,效果明顯。 只要使用者改變視窗大小,會對內部一些元素大小重新計算,可能導致整個頁面重新渲染,最終導致大量消耗 CPU。比如調用 resize 方法,使用者改變視窗大小時會不停的被觸發, 低版本的IE 會可能陷入假死狀態。window的scroll事件也是如此,滑鼠滾動或拖動捲軸,就會不停的觸發scroll事件,如果處理的東西多,低版本的IE也會陷入假死狀態。
Time of Update: 2014-04-30
故事模式實現是只載入當前瀏覽的照片和它下面的兩張照片,載入照片的時候才會載入和渲染評論區,圖片沒有載入前會用一個一象素的圖片佔位,並用一個loading類將顯示出一個loading背景圖,判斷在可視區的時候替換成真正的圖片,圖片載入成功後刪除loading類。問題出在最後面,測試的時候發現在IE下loading類無法刪除,當時代碼如下:複製代碼 代碼如下:img.src = _src;img.src = _src;img.onload = function(){
Time of Update: 2014-04-30
css 複製代碼 代碼如下: <style> .xMarquee{border:1px solid #ccc;height:25px;width:500px; margin:50px auto; background:#ffffff; overflow:hidden;} .xMarquee ol{list-style-type:none; margin:0px; padding:0px; font-size:12px; width:100000%;} .xMarquee
Time of Update: 2014-04-30
舉例說明之前的一個項目:新增學生的時候,沒有班級資料。需要自動跳轉到班級展示頁面。 問題:學生,班級等資料 是放到iframe裡面的jsp. 學生管理的按鈕是在main.html上的功能表列中。 mian頁面菜單 班級管理: 學生管理: iframe中的jsp不斷變化。 解決方案: 學生管理jsp中,通過id尋找父表單的 班級管理<a>標籤,並點擊 複製代碼 代碼如下: $(window.parent.document).find("#folder_12").click();
Time of Update: 2014-04-30
複製代碼 代碼如下: var decode = function(m) { try { m = decodeURIComponent(m); } catch(e) {} var s = m.split("%"); if (s.length > 1) { s.shift(); for(var i = 0; i < s.length; i++) { var t = s[i]; t = parseInt(t, 16); t = t + 256; t = t - 201; t =