Time of Update: 2016-03-27
jQuery toggle 代替方法,jquerytoggle具體內容如下所示:$('.back_left dt').toggle(function(){$(this).addClass("selected");$(this).siblings('dd').slideUp();},function(){$(this).removeClass("selected");$(this).siblings('dd').slideDown();});
Time of Update: 2016-03-26
JS中setTimeout的巧妙用法前端函數節流,jssettimeout什麼是函數節流?函數節流簡單的來說就是不想讓該函數在很短的時間內連續被調用,比如我們最常見的是視窗縮放的時候,經常會執行一些其他的操作函數,比如發一個ajax請求等等事情,那麼這時候視窗縮放的時候,有可能連續發多個請求,這並不是我們想要的,或者是說我們常見的滑鼠移入移出tab轉場效果,有時候連續且移動的很快的時候,會有閃爍的效果,這時候我們就可以使用函數節流來操作。大家都知道,DOM的操作會很消耗或影響效能的,如果是說在視
Time of Update: 2016-03-26
CSS3秘笈第三版涵蓋HTML5學習筆記9~12章,css3html5第9章,裝飾網站導航限制訪問,處於隱私方面考慮,瀏覽器已經開始限制可以對偽類:visited應用哪些CSS屬性了。其中包括對已訪問過的連結定義color、background-color、border-color等樣式(除非已經為那些連結的正常狀態定義了顏、背景色和邊框色)對於<a>標籤可以對所有不同的訪問狀態設定樣式,但要讓樣式有效,必須以特定的順序指定連結:link、visited、hover、activeCS
Time of Update: 2016-03-22
深入理解JavaScript程式中記憶體流失,深入理解javascript記憶體回收解放了我們,它讓我們可將精力集中在應用程式邏輯(而不是記憶體管理)上。但是,垃圾收集並不神奇。瞭解它的工作原理,以及如何使它保留本應在很久以前釋放的記憶體,就可以實現更快更可靠的應用程式。在本文中,學習一種定位 JavaScript 應用程式中記憶體流失的系統方法、幾種常見的泄漏模式,以及解決這些泄漏的適當方法。一、簡介當處理 JavaScript
Time of Update: 2016-03-22
javascript移動開發中touch觸摸事件詳解,javascripttouch事件對象是用來記錄一些事件發生時的相關資訊的對象。事件對象只有事件發生時才會產生,並且只能是事件處理函數內部訪問,在所有事件處理函數運行結束後,事件對象就被銷毀! W3C DOM把事件對象作為事件處理函數的第一個參數傳入進去 IE將事件對象作為window對象的一個屬性(相當於全域變數)originalEvent對象在一次偶然的使用中,我發現當使用on()函數並且傳入第二個選取器參數時,e.touches[0
Time of Update: 2016-03-22
基於jQuery實現收縮展開功能,jquery實現展開本文執行個體向大家分享了一款基於jQuery實現收合展開功能特效,供大家參考,具體內容如下:點擊倒三角可以進行展開操作具體代碼:<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="viewport" content="width=device-width,
Time of Update: 2016-03-22
詳解Matlab中 sort 函數用法,matlabsort(1)B=sort(A) 對一維或二維數組進行升序排序,並返回排序後的數組,當A為二維時,對數組每一列進行排序.eg: A=[1,5,3],則sort(A)=[1,3,5]A=[1,5,3;2,4,1],則sort(A)=[1,4,1;2,5,3](2)B=sort(A,dim),對數組按指定方向進行升序排序,dim
Time of Update: 2016-03-21
SASS組件開發,sass組件SASS組件開發SASS前置處理器,增加了css所沒有的編程能力,帶來了前端開發的效率提高,以及擴充了css的編寫技巧。組件開發設計一個表單提示層(包括成功success,警告warning,錯誤等狀態error)組件,css需要定義基本樣式字型(font-)、外內邊距(padding,margin)、顯示方式(display)、邊框(border)以及其他相關的內容,再為單獨的狀態定義需要的樣式。css組件開發先定義基本樣式,再對每一個狀態定義一套樣式.tips
Time of Update: 2016-03-18
css3屬性-webkit-font-smoothing,css3對字型進行消除鋸齒渲染可以使字型看起來會更清晰舒服。在表徵圖字型成為一種趨勢的今天,消除鋸齒渲染使用也越來越多。font-smoothing是非標準的CSS定義。它被列入標準規範的草案中,後由於某些原因從web標準中被移除了。但是,我們可以用以下兩種定義進行消除鋸齒渲染-webkit-font-smoothing: antialiased; /*chrome、safari*/-moz-osx-font-smoothing:
Time of Update: 2016-03-17
HTML 5 視頻(video),html視頻videovideo 元素支援三種視頻格式IEFirefoxOperaChromeSafari帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 檔案No3.5+10.5+5.0+No帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 檔案9.0+NoNo5.0+3.0+帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM
Time of Update: 2016-03-17
html、canvas、視頻灰階、反色,canvas灰階:代碼:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas 視頻顏色灰階化,反色</title> <style type="text/css"> *{ margin: 0; padding:
Time of Update: 2016-03-16
JS中建立函數的三種方式及區別,js三種方式1.函式宣告function sum1(n1,n2){ return n1+n2; };2.函數運算式,又叫函數字面量var sum2=function(n1,n2){ return
Time of Update: 2016-03-14
sublime 外掛程式推薦: Nettuts+ Fetch,sublimenettutsNettuts+ Fetchgithub地址:Nettuts-Fetch在sublime中直接用 ctrl+shift+P -> pci -> Nettuts-Fetch
Time of Update: 2016-03-14
深入理解line-height與vertical-align,vertical-align×目錄[1]行高 [2]垂直對齊
Time of Update: 2016-03-13
js實現分割上傳大檔案,js分割上傳本文執行個體介紹了js上傳檔案操作,分享給大家供大家參考,具體內容如下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"
Time of Update: 2016-03-13
javascript html5移動端輕鬆實現檔案上傳,html5輕鬆實現PC端上傳檔案多半用外掛程式,引入flash都沒關係,但是移動端要是還用各種冗餘的外掛程式估計得被噴死,項目裡面需要做圖片上傳的功能,既然H5已經有相關的介面且相容性良好,當然優先考慮用H5來實現。用的技術主要是: ajax FileReader FormDataHTML結構:<div class="camera-area"> <form
Time of Update: 2016-03-13
JavaScript資源預先載入組件和滑屏組件的使用推薦,javascript組件資源預先載入組件——preload 隊列,可以支援隊列載入和回調,也可以載入視頻或者音頻 進度條,可以動態擷取進度條資訊 支援img標籤的預先載入,添加pSrc屬性即可 原生ES5 demoInstall:git clone https://github.com/jayZOU/preload.gitnpm installnpm run
Time of Update: 2016-03-13
基於javascript製作聊天面板,javascript聊天面板本文執行個體分享了javascript製作聊天面板的相關代碼,具體內容如下先吧點擊頭像更換說話對象,簡單說下實現原理,html中建立一個ul用於存放所有說話的內容,對話內容是有javascript 動態產生,主要痛點:先布局好css,當時奧巴馬發送時候,讓這個li有浮動,當是小胖時候,讓這個li左浮動。代碼:<!DOCTYPE html><html lang="en"><head>
Time of Update: 2016-03-13
js實現頁面跳轉的五種方法推薦,js頁面跳轉五種js實現頁面跳轉的五種方法推薦第一種:複製代碼 代碼如下:<script language="javascript" type="text/javascript"> window.location.href="xx.jsp?backurl="+window.location.href; </script> 第二種: 複製代碼 代碼如下:<script language="javascript">
Time of Update: 2016-03-13
Node.js項目中調用JavaScript的EJS模板庫的方法,node.jsejs作為外部模組,調用的方法和mysql模組是相同的,不再贅述。ejs的render函數有兩個參數 第一個是字串,第二個是可選的對象,和其他javascript模版一樣需要渲染的資料也是包含在option對象中的ejs.render(str,option); // 渲染字串 str 一般是通過nodejs檔案系統的readfile方法讀取 ejs.render(str,{ data : user_data //