前端：jQuery筆記

Asp.net MVC Comet推送

摘要: 1、簡介在Asp.net MVC實現的Comet推送的原理很簡單。服務器端：接收到服務器發送的AJAX請求，服務器端並不返回，而是將其Hold住，待到有東西要通知客戶端時，纔將這個請求返回。客戶端：請求異步Action，當接收到一個返回時，當即又再發送一個。缺點：會長期佔用一個Asp... 閱讀全文

posted @ 2015-02-10 12:01 逆心閱讀(1072) | 評論 (0) 編輯

jQuery插件開發方式

摘要: 1、jQuery擴展一、$.extend(object) 相似於.Net的擴展方法，用於擴展jQuery。而後就能夠用$.的方式調用。 $(function(){ $.extend({ fun1: function () { alert("爲jQuery擴展一個fun1函數... 閱讀全文

posted @ 2014-11-27 11:22 逆心閱讀(252) | 評論 (0) 編輯

jQuery之Nestable

摘要: 空間屬性置頂：屬性說明change事件，當控件改變時觸發nestable方法，獲取順序JSON數據，形式以下：[{"id":1},{"id":2},{"id":3,"children":[{"id":4},{"id":5}]}] 今天，有個剛畢業的同事要作一個「排序出港」的功能，看了他用的控件... 閱讀全文

posted @ 2014-08-29 18:58 逆心閱讀(4981) | 評論 (0) 編輯

jqGrid使用記錄

摘要: 1、要引用的文件要使用jqGrid，首先頁面上要引入以下css與js文件。一、css 二、js 2、使用要點說明一、獲取值一、獲取單個id 獲取行號，有這種方式： var rowid = $("#grid-table").jqGrid("getGridParam"... 閱讀全文

posted @ 2014-07-29 17:17 逆心閱讀(39728) | 評論 (2) 編輯

Windbg符號與源碼《第二篇》

摘要: 符號文件是一種輔助數據，它包含了對應用程序代碼的一些標註信息，這些信息在調試過程當中很是有用。若是沒有輔助數據，那麼能得到的信息就只有應用程序的二進制文件。二進制文件很難調試，由於沒法看到代碼中的函數名、數據結構名等。這正是符號文件能顯示的。符號文件的擴展名一般是pdb，調試器可以很好地解析這種文... 閱讀全文

posted @ 2014-05-15 10:22 逆心閱讀(2254) | 評論 (1) 編輯

jQuery 獲取 URL信息

摘要: jQuery獲取URL信息有不少方法，可是使用這個插件就很是爽了。託管地址在：http://github.com/allmarkedup/jQuery-URL-Parser // http: //localhost:19090/home/index?id=1 ... 閱讀全文

posted @ 2013-10-24 19:06 逆心閱讀(311) | 評論 (0) 編輯

jQueryEasyUI

摘要: 使用EasyUI最好的方法不是學會，全部的東西都敲一遍，你也沒辦法敲得完，而是找到一個好的文檔。 http://files.cnblogs.com/kissdodog/jQueryEasyUI%E4%B8%AD%E6%96%87%E5%B8%AE%E5%8A%A9%E6%89%8B%E5%86... 閱讀全文

posted @ 2013-09-09 13:01 逆心閱讀(2083) | 評論 (1) 編輯

AJAX - 跨域

摘要: 1、jsonp 其實我本覺得jsonp可以作到利用AJAX任意訪問別人的程序代碼，可是我發現實際並非我想象的那樣，由於jsonp要改動服務器端的代碼。別人的服務器端代碼怎麼改啊？除非別人願意，不然你仍是不能用AJAX獲取別人的數據。 Ajax直接請求普通文件存在跨域無權限訪問的問題，甭管你是靜態頁面、動態網頁、web服務、WCF，只要是跨域請求，一概不許；其實jsonp的原理就是遠程執行js。示例-服務器端代碼：namespace AJAXDomain.Controllers{ public class HomeController : Controller { ... 閱讀全文

posted @ 2013-06-21 16:16 逆心閱讀(302) | 評論 (0) 編輯

SWFUpload批量上傳插件

摘要: SWFUpload是一個批量上傳插件，在HTML4.1裏面，估計也只有Flash+javascript配合纔可以作到了。先複製個重要的網址，這個應該是官方的文檔了，至關齊全。http://leeon.me/upload/other/swfupload.html#uploadStart這個是格式比較好看的。http://www.cnblogs.com/2050/archive/2012/08/29/2662932.html算了，這個文檔的內容太多，各類屬性各類方法，記不了這麼多，直接貼上個實例算了。前臺是視圖javascript代碼： <script src="@Url.Cont 閱讀全文

posted @ 2013-01-24 22:09 逆心閱讀(9141) | 評論 (1) 編輯

jQuery工具函數

摘要: 1、$.browser對象屬性屬性列表說明 webkit webkit相關瀏覽器則返回true，不然返回false，如google，傲遊。 mozilla mozilla相關瀏覽器則返回true，不然返回false，如火狐 saf... 閱讀全文

posted @ 2012-12-27 13:39 逆心閱讀(1079) | 評論 (0) 編輯

jQuery之Jcrop

摘要: 頭像裁剪是一個常常用到的功能，實現原理也較爲簡單，就是在本地選擇好所需裁剪圖片的座標，將座標發送到服務器，由服務器執行圖片裁剪操做。jQuery插件Jcrop提供了強大的圖片裁剪座標選擇插件。一下來介紹它的用法。本處採用了AJAX本地上傳一張圖片的方法讓用戶裁剪。不少驗證沒有作，由於做爲一個關於Jcrop的例子，不少驗證不如與本文研究的範疇。服務器端採用MVC3實現。直接貼代碼，詳解註釋裏面有了。1、前臺頁面代碼。<link href="http://www.cnblogs.com/Content/jquery.Jcrop.css" rel="stylesh 閱讀全文

posted @ 2012-12-21 14:02 逆心閱讀(6630) | 評論 (0) 編輯

jQuery插件之jqzoom

摘要: jqzoom是一款基於jQuery的圖片方法插件。使用方法：1.引入jQuery與jqzoom,jqzoom.css 2.準備兩張一大一小大小相同的圖片，小圖片放在<img>標籤的"src"屬性裏，給img標籤加個<a>標籤，<a>標籤的"href"屬性鏈向大圖片參數說明：zoomWidht: 小圖片所選區域的寬度。 zoomHeight: 小圖片所選區域的高度。 zoomType: 默認值爲standard。若是設爲reverse，在小圖片仲，移入鼠標時，所選區域高亮，非選中區域淡灰色。 xOffset: 放大後的圖閱讀全文

posted @ 2012-12-15 22:40 逆心閱讀(6080) | 評論 (0) 編輯

jQuery插件之artDialog

摘要: artDialog是一個很是強大的彈出框插件。默認有兩個版本，一個是jQuery版，一個是javascript版。功能很是多，並且使用很是簡單。不寫了，直接貼上官網的預覽運行地址，之後用得着的時候去那裏找代碼就OK了。官網預覽地址:http://www.planeart.cn/demo/artDialog/_doc/API.html 閱讀全文

posted @ 2012-12-15 16:18 逆心閱讀(5201) | 評論 (0) 編輯

jQuery插件之ajaxFileUpload

摘要: 1、ajaxFileUpload是一個異步上傳文件的jQuery插件。傳一個不知道什麼版本的上來，之後不用處處找了。語法：$.ajaxFileUpload([options]) options參數說明：一、url 上傳處理程序地址。 2，fileElementId ... 閱讀全文

posted @ 2012-12-15 10:48 逆心閱讀(127878) | 評論 (13) 編輯

jQuery插件之Cookie

摘要: 1、jQuery.Cookie.js插件是一個輕量級的Cookie管理插件。特別提醒，今日發現一個特別的錯誤，google瀏覽器提示：has no method $.cookie。火狐瀏覽器提示:$.cookie is not a function;調試了半天，終於找到緣由，若是同一個頁面兩次或者屢次引入jQuery插件就會報此錯誤。使用方法：一、引入jQuery與jQuery.Cookie.js插件。 <script src="jQuery.1.8.3.js" type="text/javascript"></script> 閱讀全文

posted @ 2012-12-14 23:48 逆心閱讀(13937) | 評論 (2) 編輯

jQuery插件之Form

摘要: 1、jQuery.Form.js 插件的做用是實現Ajax提交表單。方法： 1.formSerilize() 用於序列化表單中的數據，並將其自動整理成適合AJAX異步請求的URL地址格式。 2.clearForm() 清除表單中全部輸入值的內容。 3.restForm 重置表單... 閱讀全文

posted @ 2012-12-13 22:28 逆心閱讀(13323) | 評論 (0) 編輯

jQuery_基礎

摘要: 1、jQuery與DOM對象的轉換。一、jQuery對象轉換爲DOM對象：$cr[0] 或 $cr.get(0) $cr爲jQuery對象二、DOM對象轉換爲jQuery對象：$(cr) cr爲Dom對象; 閱讀全文

posted @ 2012-12-13 22:22 逆心閱讀(149) | 評論 (0) 編輯

jQuery之AJAX

摘要: 1、load() 加載頁面數據 load(url,[data],[callback]) url:加載的頁面地址,[data]傳送的數據，[callback]加載完成時回調函數。設計一個load.html代碼以下：我是div1 我是div2　... 閱讀全文

posted @ 2012-12-09 22:38 逆心閱讀(7107) | 評論 (2) 編輯

jQuery之元素篩選

摘要: 一、eq() 篩選指定索引號的元素二、first() 篩選出第一個匹配的元素三、last() 篩選出最後一個匹配的元素四、hasClass() 檢查匹配的元素是否含有指定的類五、filter() 篩選出與指定表達式匹配的元素集合六、is() 檢查元素是否參數裏能匹配上的七、map()八、has() 篩選出包含指定子元素的元素九、not() 排除可以被參數中匹配的元素十、slice() 從指定索引開始，截取指定個數的元素十一、children() 篩選獲取指定元素的資源十二、closest() 從當前元素開始，返回最早匹配到的符合條件的父元素1三、find(... 閱讀全文

posted @ 2012-12-09 10:53 逆心閱讀(7140) | 評論 (0) 編輯

jQuery之位置

摘要: 一、offset()獲取匹配元素在相對瀏覽器窗口的偏移量返回一個對象，包括兩個屬性。left:相對瀏覽器窗口左邊的距離。top:相對瀏覽器頂部的距離。 $("#div1").offset().left; //返回id爲div1相對於瀏覽器窗口最左邊的距離 $("#div1").offset().top; //返回id爲div1相對於瀏覽器窗口最頂部的距離如下例子展現了，當點擊文本框時，在下方顯示一個日期div。牢牢貼住上面的文本框。而且不須要調div的css位置，不管上面的文本框位置若是變化，都可以牢牢且住上面的文本框，記得在前幾天搞愛的車輪戰報名系閱讀全文

posted @ 2012-12-09 10:24 逆心閱讀(6081) | 評論 (0) 編輯

jQuery之動畫效果

摘要: 一、show()顯示效果語法：show(speed,callback) Number/String,Function　speend爲動畫執行時間，單位爲毫秒。也能夠爲slow","normal","fast"　callback可選,爲當動畫完成時執行的函數。 show(speed,[easing],callback) Number/String easing默認是swing,可選linear; $("#div1").show(3000,function(){ alert("動畫顯示完成!"); }); 閱讀全文

posted @ 2012-12-08 14:13 逆心閱讀(12789) | 評論 (0) 編輯

jQuery插件之validate

摘要: 1、jQuery.validate簡介 jQuery.validate.js插件用於對錶單輸入進行驗證，其使用配置很是簡單。支持多事件觸發，自帶多種驗證規則，還支持自定義驗證規則。一、配置方法先導入jQuery庫，而後導入Validate插件，若是是中文提示還須要導入messages_z... 閱讀全文

posted @ 2012-12-05 23:15 逆心閱讀(5072) | 評論 (0) 編輯

jQuery開發經驗實例筆記

摘要: jQuery獲取文件選擇輸入框的擴展名var file=$("input[name='file']").val()var filename=file.replace(/.*(\/|\\)/, ""); //文件名var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : ''; //擴展名今天在用ajaxfileupload時，遇到一個要刷新一次頁面才能再次上傳，用live()方法來綁定<input type="f 閱讀全文

posted @ 2012-12-04 23:51 逆心閱讀(918) | 評論 (0) 編輯

jQuery之事件

摘要: 1、事件列表 1.blur() 當失去焦點時觸發。包括鼠標點擊離開和TAB鍵離開。 2.change() 當元素獲取焦點後，值改變失去焦點事觸發。 3.click() 當鼠標單擊時觸發。 4.dblclick() 當鼠標雙擊時觸發。 5.error() ... 閱讀全文

posted @ 2012-11-26 12:38 逆心閱讀(1062) | 評論 (0) 編輯

jQuery之DOM

摘要: 1.jQuery屬性。獲取元素屬性的語法:attr(name) 例子：$("#img1").attr("src");設置元素單個屬性的語法:attr(key,value) 例子：$("#img1").attr("src","2.jpg");設置元素多個屬性的語法：attr({key0:value0,key1:value1}) 例子：$("#img1").attr({src:"3.jpg",title:"jQuery換了一張圖片"});通閱讀全文

posted @ 2012-11-20 23:18 逆心閱讀(976) | 評論 (1) 編輯

jQuery之選擇器

摘要: 基本選擇器： #id 根據Id匹配一個元素 .class 根據給定的類名匹配一個元素 element 根據元素名匹配一個元素 * 匹配全部元素 selecttor1,selector2 並集，返回兩個選擇器匹配到的元素層次選擇器： ancestor descendant 根據祖先匹配全部的後代元素 parent>child 根據父元素匹配全部的子元素，直接後代 prev+next 匹配下一個兄弟元素至關於next()方法 prev~siblings ... 閱讀全文