Time of Update: 2015-02-02
node+websocket 即時聊天執行個體教程 最近,負責的遊戲需要一個聊天功能,由於是即時的聊天,便想到了現在挺火的websocket,折騰了一天一夜,總算有點眉目了,現在總結如下:websocket 是html5一個通訊協定,可以即時通訊。本例的聊天是用的socket的架構socket.io實現的,socket.io 整合了websocket和xhr-polling(長輪詢)等多種通訊方式1.搭建node環境從node官網,本人選擇的window的msi
Time of Update: 2015-02-02
CSS2.0中最常用的18條技巧,css2.018條技巧一、使用css縮寫 使用縮寫可以協助減少你CSS檔案的大小,更加容易閱讀。 具體內容請瀏覽:CSS常用縮寫文法 二、明確定義單位,除非值為0。 忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以唯寫width="100",但是在CSS中,你必須給一個準確的單位,比如:width:100px width:100em。只有兩個例外情況可以不定義單位:0值。除此以外,其他值都必須緊跟單位,注意,不要
Time of Update: 2015-02-02
Javascript中定義類 Javascript 本身並不支援物件導向,它沒有存取控制符,它沒有定義類的關鍵字class,它沒有支援繼承的extend或冒號,它也沒有用來支援虛函數的 virtual,不過,Javascript是一門靈活的語言,下面我們就看看沒有關鍵字class的Javascript如何?類定義,並建立對象。 一:定義類並建立類的執行個體對象 在Javascript中,我們用function來定義類,如下: function Shape() { var x =
Time of Update: 2015-02-02
快速鍵accesskey,accesskey屬性<!DOCTYPE html><html><body><a href="http://www.w3school.com.cn/html/" accesskey="h">HTML 教程</a><br /><a href="http://www.w3school.com.cn/css/" accesskey="c">CSS
Time of Update: 2015-02-02
《編寫高品質代碼--Web前端開發修鍊之道》讀書筆記,web前端開發修鍊之道前言這兩周參加公司的新項目,採用封閉式開發(項目成員在會議室裡開發),晚上加班到很晚,所以沒時間和精力寫原創部落格了,今天就分享下這篇《編寫高品質代碼--Web前端開發修鍊之道》讀書筆記吧。 本文欲精一行,必先通十行。 在前端開發這個領域,一專多能更是非常必要的。 table布局缺點:代碼量大,結構混亂;標籤語義不明確,對搜尋引擎不友好。 css布局:div+css,或
Time of Update: 2015-02-02
backbone.js學習執行個體 著手開始學習 什麼是backbone.js? 美公的理解是 一種js的mvc的架構,分為Model(模型),View(視圖)和Collection(集合),如果有mvc分層開發經驗的話,會容易理解。 為什麼學習這個? 因為用他可以在的單個頁面完成多個應用模組,給使用者的感覺是不用重新整理頁面,適合webapp開發 $(function(){ var testModel = Backbone.Model.extend({ defaults:{
Time of Update: 2015-02-02
最近Get到的一些HTML/CSS中的小點(一),getcss1、<em>和<strong>標籤都是用來強調一段話中的某幾個文字。<em>預設斜體,<strong>預設粗體。在強調語氣上<strong>表示的是比<em>更強烈的強調。目前國內前端程式員更喜歡使用<strong>表示強調。 2、瀏覽器會對短文本引用標籤<q>自動添加雙引號。 3、瀏覽器對長文本引用標籤<
Time of Update: 2015-02-01
jquery實現拖拽調整Div大小,jquery拖拽div大小今天寫了一天這個jquery外掛程式:可以實現對div進行拖拽來調整大小的功能。複製代碼 代碼如下:(function ($) { $.fn.dragDivResize = function () { var deltaX, deltaY, _startX,
Time of Update: 2015-02-01
js實現滑鼠懸浮給圖片加邊框的方法,js邊框本文執行個體講述了js實現滑鼠懸浮給圖片加邊框的方法。分享給大家供大家參考。具體實現方法如下:html代碼:<div class="T-s-l fl"> <a href="" class="a1"> <img src="images/11.jpg" width="234" height="368" /> </a><a href="" class="a2"> <img src=
Time of Update: 2015-02-01
JavaScript中的值是按值傳遞還是按引用傳遞問題探討,javascript問題探討最近遇到個有趣的問題:“JS中的值是按值傳遞,還是按引用傳遞呢?” 在分析這個問題之前,我們需瞭解什麼是按值傳遞(call by value),什麼是按引用傳遞(call by reference)。在電腦科學裡,這個部分叫求值策略(Evaluation Strategy)。它決定變數之間、函數調用時實參和形參之間值是如何傳遞的。 按值傳遞 VS. 按引用傳遞按值傳遞(call by
Time of Update: 2015-02-01
JS是按值傳遞還是按引用傳遞,js值傳遞引用按值傳遞 VS. 按引用傳遞按值傳遞(call by value)是最常用的求值策略:函數的形參是被調用時所傳實參的副本。修改形參的值並不會影響實參。 按引用傳遞(call by
Time of Update: 2015-02-01
javascript事件模型執行個體分析,javascript執行個體分析本文執行個體講述了javascript事件模型的用法。分享給大家供大家參考。具體分析如下:一、事件模型冒泡型事件(Bubbling):事件由葉子節點沿祖先節點一直向上傳遞到根節點捕獲型事件(Capturing):由DOM樹最頂元素一直到最精確的元素,與冒泡型事件相反DOM標準事件模型:DOM標準既支援冒泡型事件,也支援捕獲型事件,可以說是兩者的結合體,首先是捕獲型,接著冒泡傳遞二、事件對象在IE瀏覽器中事件對象是windo
Time of Update: 2015-02-01
jQuery知識點整理,jquery知識點slideUp();向上滑動//改變元素的高度的屬性 直到高度為0從而將元素隱藏slideDown();slideToggle();fadeOut();淡出//從不透明變透明fadeIn()複製代碼
Time of Update: 2015-02-01
javascript中sort()的用法執行個體分析,javascript執行個體分析本文執行個體分析了javascript中sort()的用法。分享給大家供大家參考。具體分析如下:函數的文法:arrayObject.sort(sortby)you think this is not the right way but you love
Time of Update: 2015-02-01
javascript結合fileReader 實現上傳圖片,javascript上傳檔案關於File API這裡就不詳細解釋了,小夥伴們自行度娘吧,來我們就要利用檔案控制代碼來讀取檔案內容,這是通過FileReader來實現的,通過FileReader介面,我們可以非同步地將檔案內容載入到記憶體中,賦予某個js變數。複製代碼 代碼如下:function getImgSrc(target, callback) { if (window.FileReader) {
Time of Update: 2015-02-01
jquery中animate的stop()方法作用執行個體分析,jqueryanimate本文執行個體分析了jquery中animate的stop()方法作用。分享給大家供大家參考。具體分析如下:這裡以一個視頻中的程式碼片段告訴你stop()的作用:代碼如下:<style type="text/css"> ul li{ width:50px; height:30px; background:#333; margin-bottom:10px; color:#fff;}
Time of Update: 2015-02-01
js判斷登入與否並確定跳轉頁面的方法,js判斷跳轉頁面本文執行個體講述了js判斷登入與否並確定跳轉頁面的方法。分享給大家供大家參考。具體如下:使用session儲存,確定使用者是否登入,從而確定頁面跳轉至哪個頁面。判斷本地有無customerID:function jumpTo(p, url) { var customerId=sessionStorage.customerId; if (customerId == undefined) { p.attr("href", "
Time of Update: 2015-02-01
jQuery修改class屬性和CSS樣式整理,jquerycssclass屬性修改 類屬性即class屬性,規定類名. 用類別選取器規定樣式的時候,需要為元素指定類名,即class屬性的值. 注意每個HTML元素只有一個class屬性.但是class屬性的值可以是多個名稱,即可能包含一個詞的列表,中間用空格分隔. 具體使用方法見:http://www.w3school.com.cn/css/css_selector_class.asp 用jQuery進行類名修改既可以用a
Time of Update: 2015-02-01
javascript中cookie對象用法執行個體分析,cookie執行個體分析本文執行個體講述了javascript中cookie對象用法。分享給大家供大家參考。具體如下:屬性name 唯一必須設定的屬性,表示cookie的名稱expires
Time of Update: 2015-02-01
淺談jquery回呼函數callback的使用,jquerycallback回呼函數必須是全域函數或者靜態函數,不可定義為某個特定的類的成員函數callback函數在當前動畫100%完成之後執行複製代碼 代碼如下:$("p").hide(1000);alert("the paragraph is now hidden");<!--未使用回呼函數,段落未完全隱藏時就彈出資訊-->$("p").hide(1000,function(){alert("the paragraph is