Time of Update: 2014-04-17
分享一篇無意間發現的自動完成源碼。這裡測試的時候使用的是數組,實際使用的時候,我們換成Ajax從伺服器端擷取的方式就OK了。提示:可以直接儲存到一個html檔案中查看效果。複製代碼 代碼如下:<!doctype html><html><style>body { margin-left: 0px; margin-top: 0px;
Time of Update: 2014-04-17
緊接著上次的《決戰JS》,分析總結一些比較實用的DEMO與新手分享,望大神拍磚。 demo5.點擊隱藏: 要實現這個功能只需要知道在onclick事件中加入對父節點的樣式dislay設定為none就完全足夠了。實現的效果是當使用者點擊“hide
Time of Update: 2014-04-17
記得在網上Down的很多源碼用的最多的一種方式就是:複製代碼 代碼如下:var ie = document.all();這是因為IE瀏覽器的document下有all方法,而所謂的標準瀏覽器卻沒有,所以很長的一段時間,這個是一種非常普遍的方法。在之後大家開始追求起簡短,就像在這之後一度流行的一種方法:複製代碼 代碼如下:var ie = ! +
Time of Update: 2014-04-16
由於js是在用戶端解釋型的語言,所以很容易就可以通過瀏覽器查看到js寫的原始碼。這樣,就有了加密js的需求。(其實這裡的加密只是一種說法,從下面我們可以看出來其實沒有起到加密的作用,只是把原始碼做了一定的處理達到了無法直接閱讀的目的)此外,對js的壓縮也是提升效能的一種手段。以加密下面的JAVASCRIPT代碼為例:CommonJs.js 檔案.... function test() {alert("《駭客防線》");
Time of Update: 2014-04-16
Node是一個很底層的玩意兒,http伺服器這樣的東西也需要我們來搭建,但恰恰是因為這樣,我們就可以很靈活地實現一些前後端互動的工作。 下面就來看看這次我們做的這個訪客統計。Node後端搭建廢話不多說,建立一個js檔案,裡面我實現了一個簡單的Http伺服器(隨便寫的,可能有點亂): 當有Http請求時,根據URL返回相應的資料:vcD4KPHA+PGltZyBzcmM9"http://www.2cto.com/uploadfile/Collfiles/20140414/2014041408592
Time of Update: 2014-04-16
Framework7 是一個功能很全的 HTML 架構,用來構建 iOS7 應用程式。 Framework7 允許您靈活搭建列表視圖(表視圖) 。你可以讓他們作為導覽功能表,你可以Framework7 使用 Ajax 在頁面之間您可能感興趣的相關文章【乾貨分享】32本優秀的 JavaScript 免費電子書Codrops 教程:基於 CSS3 的全屏網頁過渡特效zoom.js:分享一款效果很獨特的頁面內容縮放外掛程式Debuggex –
Time of Update: 2014-04-16
var a='3';if(a!==3){alert(!!1);}else{alert(0);}===表示類型和值都相等;!==只要類型或值一個不相等就滿足!!將值轉成boolean型Ajax:AsynchronousJavaScript+XML 因為http傳輸不是單線的傳輸,可以加入一個並行的線路;xmlhttp是一種瀏覽器對象, 可用於類比http的GET和POST請求;這裡的xml傳輸可以改為jsonvcrkyOvT8qOsx+vTw8
Time of Update: 2014-04-16
有時會需要js來寫一些函數進行測試,如果需要測試執行時間,可能需要一個stopwatch:StopWatch類:function stopWatch() {}stopWatch.prototype.Start = function () { this.startD = new Date(); return this;};stopWatch.prototype.Stop = function () { this.startD = new Date(); return
Time of Update: 2014-04-16
css是前端必須掌握的技能之一。其中的box模型,:大體就是border、margin、padding和content,概念挺好理解。但當盒子模型與其他屬性一塊使用時產生的現象,或許您還難以回答上來。下面來看看幾個容易搞錯的css盒子模型細節。問題一:嵌套區塊層級元素時,子項目margin的參考標準是?具體來說就是父元素的content-box,padding-box還是border-box?來看以下的例子:{:;:;:;:;:;:;:; }{:;:;:;:;:;:;
Time of Update: 2014-04-16
javascript美術館(改進2) 一、javascript編程過程中的好習慣 1、實現預留退路 js被禁掉,圖片也可以顯示出來,href屬性帶有圖片路徑 複製代碼<script src="js/showPic.js"></script> <h1>Snapshots</h1>
Time of Update: 2014-04-16
瀏覽器中XML
Time of Update: 2014-04-16
複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title>cookies.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta
Time of Update: 2014-04-16
擴充html5數組新增api 數組新增了幾個經典的遍曆篩選等方法,非常方便。可以避免過渡使用for迴圈。通過javascript對象的原型擴充能提供一個統一的前端調用介面。 代碼如下: 複製代碼(function(_window){ //數組新增某些方法 //forEach方法從頭到尾遍曆數組,為每個數組元素調用指定函數並提供當前元素,當前索引與數組當做參數傳給函數
Time of Update: 2014-04-16
複製代碼 代碼如下: <!--forms[]部分--> <td> <div id="td12Div" style="display: none;">起始日期:</div> </td> <td> <div id="sdateDiv"> <date:date styleClass="psm-ui-text" name="startDate" property="startDate"
Time of Update: 2014-04-16
瀏覽jQuery的deprecated列表,發現live()和die()在裡面了,趕緊看了一下,發現從jQuery1.7開始,jQuery引入了全新的事件綁定機制,on()和off()兩個函數統一處理事件綁定。因為在此之前有 bind(), live(), delegate()等方法來處理事件綁定,jQuery從效能最佳化以及方式統一方面考慮決定推出新的函數來統一事件Binder 方法並且替換掉以前的方法。on(events,[selector],[data],fn)
Time of Update: 2014-04-16
公司自己內部的程式,通過調用外部協議來正常使用,但外部協議必須配合一個用戶端才可以,所以想通過js來判斷是否安裝了用戶端,如果未安裝,跳轉到下載的地址,就類似網上一些迅雷、快車下載連結。查了查方法,實現方法如下:複製代碼 代碼如下:<script type="text/javascript">function checkClient(obj){ try{ var a = new
Time of Update: 2014-04-16
複製代碼 代碼如下:/* 擷取渲染開始的時間戳記, 儲存在數組PAGE_SPEED_TIME中 */<html><script type="text/javascript">/*tag*/PAGE_SPEED_TIME = [new Date().getTime()];</script><head>......</head>複製代碼 代碼如下:....../* 頁面最末端,計算頁面載入耗用的時間
Time of Update: 2014-04-16
: html連結: 複製代碼 代碼如下: <a href="#" rel="registerwindow" class="model">註冊</a> css: 複製代碼 代碼如下: img{ border:0px;} #registerwindow{ width:600px; height:400px; top:50px; right:100px; background:#FFF; display:none; border:5px #999 solid;
Time of Update: 2014-04-16
這個方法網上可以查到很多,但是好多隻有點擊文字編輯並保持,但是沒有完整的代碼寫怎麼儲存到資料庫。因為本人才疏學淺,費啦好長時間才寫好把修改的內容只用一條sql語句儲存到資料庫,今天在這裡和大家分享 這是運行圖片 這是前台頁面 03.aspx頁面 複製代碼 代碼如下: <table id="MyTable" cellspacing="1" cellpadding="3"> <asp:Repeater ID="reorderInFo"
Time of Update: 2014-04-16
有的同學會說,可以使用原始碼搜尋的辦法。的確,對於一個相對簡單的頁面,這個方法時常奏效。但是,對於構成相對複雜的頁面(比如頁面嵌入很多指令檔和片段、使用了大段物件導向的實現、隱藏了實現的代碼),可能找起來就不那麼順利了。在Javascript調試中,我們經常會使用到斷點調試。其實,在DOM結構的調試中,我們也可以使用斷點方法,這就是DOM Breakpoint(DOM斷點)。具體的使用方法:1.