Time of Update: 2015-03-25
淺談jQuery中的事件 本文給大家分享的是個人關於jQuery中事件的理解,主要向大家介紹了jQuery中事件的綁定,合成、以及事件冒泡、阻止事件等內容,希望大家能夠喜歡。 JQuery事件初見1.JQuery中的事件綁定其實呢,JQuery中標準的事件綁定是這樣寫下:(如下) 代碼如下:$("#btn").bind("click",function(){}); 但是每次這樣寫,太過麻煩,還怎麼做到Wr
Time of Update: 2015-03-24
javascript 簡易文字編輯器寫在前面: 本文字編輯器具備功能:選擇字型大小、顏色、加粗、斜體、底線。點擊 'Submit' 後產生預覽,再點擊 'Edit' 後可繼續編輯。 主要利用的是 document.execCommand()指令 和 div的contentEditable屬性(值為true或空或inherit時,div中的內容可編輯,為false時不可編輯)。 本文開始: index.
Time of Update: 2015-03-24
相容性問題(pc css),相容性問題pccss記錄平時遇見的相容性問題,有更好的解決辦法希望各位提出,會持續更新提出時間問題描述解決方案2014/7/15table下面使用img或者其他元素例如embed會產生,對應的空隙,假如使用文字缺不會發生上述問題.方法1:可以使用怪異模式進行解析html,不建議(把!doctypehtml去掉 方法2:設定對應的元素的css;設定為塊狀元素或者浮動,具體文章http://blog.csdn.net/fgdfgasd/article/details/7
Time of Update: 2015-03-25
nodejs中this關鍵字的問題再分析具體內容之前,必須要好好閱讀以下以下兩篇blog學習Javascript閉包(closure)Javascript的this用法這兩篇文章是阮一峰老師對Javascript的閉包和this用法的總結。總結來說,閉包可以大概的理解為執行函數對環境內容的變數的綁定。this是指向調用函數的環境對象。 第二篇中,this的用法阮老師是相對瀏覽器進行的分析。在評論中很多同學已經指出nodejs中this的關鍵字並非文中那樣的屬性。親自實驗之後發現確實如評
Time of Update: 2015-03-25
JSON簡介以及用法匯總什麼是JSON? JavaScript 物件標記法(JavaScript Object Notation)。 JSON是一種輕量級的資料交換格式,某個JSON格式的檔案內部譬如可以長成這樣: { "name": "hanzichi", "sex":
Time of Update: 2015-03-24
DIV+CSS規範命名集合,divcss規範集合 我們開發CSS+DIV網頁(Xhtml)時候,比較困惑和糾結的事就是CSS命名,特別是新手不知道什麼地方該如何命名,怎樣命名才是好的方法。 命名規則說明: 1)、所有的命名最好都小寫 2)、屬性的值一定要用雙引號("")括起來,且一定要有值如class="divcss5",id="divcss5" 3)、每個標籤都要有開始和結束,且要有正確的層次,排版有規律工整 4)、空元素要有結束的tag或於開始的tag後加上"/" 5)、表現與
Time of Update: 2015-03-24
JQuery執行個體總結一現在對於web頁面的開發基本上分工明確,HTML負責頁面內容,CSS負責頁面的樣式, JavaScrtpt負責頁面行為。JavaScrtpt庫封裝了很多預定義的對象和使用函數,協助開發人員輕鬆建立高互動性的用戶端頁面,並且能夠相容各種瀏覽器。 對JQ的學習首先是通過幾個例子來進行的jq
Time of Update: 2015-03-24
由一段代碼談前端js最佳化和編碼規範這段代碼是擼主剛畢業那會寫的,主要是實現一個左側的導航條的摺疊功能。當時實現的比較簡陋,每次在導航條增加新的項目的時候,都要手動去修改js代碼中寫死的索引。。。確實是比較惱火的,後來就修改了一下,能夠自動的尋找索引了,但是寫的代碼很不規範,前幾天看到這段代碼的時候,簡直要吐血。。。所以就簡單最佳化了一下1.情景描述:html代碼大致就是如下所示: &nbs
Time of Update: 2015-03-24
Node.js筆記-不使用頁面模板渲染介面取這麼一個標題,是因為實在想不起去什麼名字看網上的參考資料,ejs黨和jade黨勢如水火Σ( ° △
Time of Update: 2015-03-24
JavaScript通過function定義對象並給對象添加toString()方法執行個體分析,functiontostring本文執行個體分析了JavaScript通過function定義對象並給對象添加toString()方法。分享給大家供大家參考。具體分析如下:下面的JS代碼通過function定義了一個movie對象,在movie對象內定義了一個toString方法,toString方法通過外部函數實現。<script
Time of Update: 2015-03-24
jQuery實現拖拽效果外掛程式的方法,jquery實現拖拽外掛程式本文執行個體講述了jQuery實現拖拽效果外掛程式的方法。分享給大家供大家參考。具體如下:下面的jQuery外掛程式允許你通過滑鼠右鍵點擊拖動overflow的元素,這個外掛程式可以在行動裝置上運行/*** jQuery Drag and Scroll** Copyright (c) 2012 Ryan Naddy (ryannaddy.com)* Dual licensed under the MIT and GPL
Time of Update: 2015-03-24
JavaScript自訂等待wait函數執行個體分析,wait執行個體分析本文執行個體講述了JavaScript自訂等待wait函數用法。分享給大家供大家參考。具體分析如下:下面是一個js自訂的wait函數,可以暫停程式的執行function sleep(delay){ var start = new Date().getTime(); while (new Date().getTime() < start + delay);}//usage//wait for 3
Time of Update: 2015-03-23
jQuery UI外掛程式自訂confirm確認框的方法,jqueryconfirm本文執行個體講述了jQuery UI外掛程式自訂confirm確認框的方法。分享給大家供大家參考。具體分析如下:這段代碼通過jQuery UI自訂了一個confirm的確認對話方塊效果,通過html代碼自訂對話方塊的顯示介面和外觀,可以自訂confirm框的按鈕,本例中定義了一個confirm確認按鈕和一個cancel取消按鈕。html代碼<button
Time of Update: 2015-03-23
JavaScript控製圖片載入完成後調用回呼函數的方法,javascript回呼函數本文執行個體講述了JavaScript控製圖片載入完成後調用回呼函數的方法。分享給大家供大家參考。具體分析如下:這段代碼可以控制指定地區內的圖片載入完成後執行指定的回呼函數。複製代碼 代碼如下:function when_images_loaded($img_container, callback) {/* do callback when images in $img_container (jQuery
Time of Update: 2015-03-23
JavaScript Sort 的一個錯誤用法樣本,javascriptsort前不久同事的代碼中出了一個很神奇的問題,大致流程是對一個由對象組成的數組進行排序,其中屬性 a 用於排序,屬性 b 作為一個優選條件,當 b 等於 1 的時候無論 a 值是什麼,都排在開頭 。這本是一個很簡單的問題,問題就在於他用兩次 sort 實現在這次排序,先根據 a 的屬性排序,然後再根據 b 的值來排序。問題就出在第二次排序中。我們想當然的會認為在第一次排序中,數組已經根據 a
Time of Update: 2015-03-23
JavaScript動態載入樣式表的方法,javascript樣式表本文執行個體講述了JavaScript動態載入樣式表的方法。分享給大家供大家參考。具體如下:如果需要更換皮膚,我們可以通過JS代碼動態載入皮膚的樣式表,下面的代碼就可以做到,非常簡單,你只需要把這段代碼做成函數動態調用即可。var el = document.createElement('link');el.rel = 'stylesheet';el.type = 'text/css';el.href =
Time of Update: 2015-03-23
JavaScript動態修改網頁元素內容的方法,javascript動態本文執行個體講述了JavaScript動態修改網頁元素內容的方法。分享給大家供大家參考。具體分析如下:下面的JS代碼當使用者點擊提交按鈕後,通過元素的textContent或者innerHTML動態指定元素的內容<script type="text/javascript">function showCard() { var message =
Time of Update: 2015-03-23
JS定義網頁表單提交(submit)的方法,jssubmit本文執行個體講述了JS定義網頁表單提交(submit)的方法。分享給大家供大家參考。具體如下:這段代碼錶示網頁表單提交時不是提交到指定的頁面,而是執行一個特定的函數<script>function saveInfo() { localStorage.setItem("name",$("#name").val());}</script><form id=register onSubmit="return
Time of Update: 2015-03-23
JavaScript刪除數組元素的方法,javascript數組元素本文執行個體講述了JavaScript刪除數組元素的方法。分享給大家供大家參考。具體分析如下:JS中可以通過delete刪除數組元素,但是刪除後數組的大小不會改變<script type="text/javascript"><!--var days = ["Sunday","Monday","Tuesday","Wednesday",
Time of Update: 2015-03-23
JavaScript判斷表單提交時哪個radio按鈕被選中的方法,javascriptradio本文執行個體講述了JavaScript判斷表單提交時哪個radio按鈕被選中的方法。分享給大家供大家參考。具體分析如下:這裡的表單提交時通過JavaScript判斷哪個radio按鈕被選中了<script type="text/javascript">function findButton() {var myForm = document.forms.animalForm;var