JavaScript

項目中常用的JS方法整理，項目js整理驗證是否為圖片格式複製代碼 代碼如下: function IsImgType(src) {     var rFilter =

jquery實現拖拽調整Div大小，jquery拖拽div大小今天寫了一天這個jquery外掛程式：可以實現對div進行拖拽來調整大小的功能。複製代碼 代碼如下:(function ($) {    $.fn.dragDivResize = function () {        var deltaX, deltaY, _startX,

jQuery實現帶滾動線條導航效果的方法，jquery線條本文執行個體講述了jQuery實現帶滾動線條導航效果的方法。分享給大家供大家參考。具體分析如下：最早見到這種導航是在魅族的官網，當時（去年）覺得挺不錯的但自己不會JavaScript，因此那時“可望而不可及”。今日去手機QQ for Android官網，又發現類似這樣的導航，反正自己也沒啥事，所以就嘗試用jQuery做出這樣的效果。效果如下：首頁說說日誌相簿    CSS：body,ul,li{margin:

js實現螢幕自適應局部代碼分享，js螢幕自適應局部有小夥伴留言說需要一個js實現螢幕自適應局部的代碼，這裡簡單整理了下，放出來給大家。複製代碼 代碼如下:<!doctype html><html><head><meta charset="utf-8"><title>無標題文檔</title><style>*{margin:0;padding:0;list-style:none;}div{margin:0

jQuery知識點整理，jquery知識點slideUp();向上滑動//改變元素的高度的屬性 直到高度為0從而將元素隱藏slideDown();slideToggle();fadeOut();淡出//從不透明變透明fadeIn()複製代碼

javascript中sort()的用法執行個體分析，javascript執行個體分析本文執行個體分析了javascript中sort()的用法。分享給大家供大家參考。具體分析如下：函數的文法：arrayObject.sort(sortby)you think this is not the right way but you love

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;}

javascript中cookie對象用法執行個體分析，cookie執行個體分析本文執行個體講述了javascript中cookie對象用法。分享給大家供大家參考。具體如下：屬性name          唯一必須設定的屬性，表示cookie的名稱expires      

javascript中鍵盤事件用法執行個體分析，javascript執行個體分析本文執行個體分析了javascript中鍵盤事件用法。分享給大家供大家參考。具體如下：鍵盤事件包含onkeydown、onkeypress和onkeyup這三個事件事件初始化function keyDown(){} document.onkeydown = keyDown; //論按下鍵盤上的哪個鍵，都將調用KeyDown()函數。 DOM標準下function keyDown(e) { var keycode =

angular簡介和其特點介紹，angular簡介特點以前開發（web或者移動端）前端主要使用jQuery+原生js,如果使用某些前端UI架構的話，它自己還可能提供一些API可以使用。而且目前很多UI架構都是基於jQuery的，所以說一下由jQuery跨到angularjs跨度較大，研究了一段時間的angularjs

JavaScript中實現單體模式分享，javascript單體單體模式作為一種軟體開發模式在眾多物件導向語言中得到了廣泛的使用，在javascript中，單體模式也是使用非常廣泛的，但是由於javascript語言擁有其獨特的物件導向方式，導致其和一些傳統物件導向語言雖然在單體模式的思想上是一致的，但是實現起來還是有差異的。首先來看看傳統物件導向語言對於單體模式的定義：單體模式是只能被執行個體化一次並且可以通過一個眾所周知的訪問點來訪問的類。這個定義有兩點突出了傳統物件導向語言的特徵，即類和執

AngularJS中的模組詳解，AngularJS模組詳解在講angularjs的模組之前，我們先介紹一下angular的一些知識點：AngularJS是純用戶端技術，完全用Javascript編寫的。它使用的是網頁開發的常規技術(HTML,CSS,Javascript)，目的是讓網頁應用開發更快更容易。AngularJS簡化應用開發的一個重要方法是，將一個些通用的低級開發操作封裝起來提供給開發人員。AngularJS會自動處理好這些低級操作。它們包括：1.DOM操作2.設定事件的監聽3.輸入驗

JQuery非同步擷取傳回值中文亂碼的解決方案，jquery傳回值用jqgrid非同步擷取列表值，遇到個問題，伺服器端從資料庫取到的資料沒有出現中文亂碼問題（日誌打出來是沒有亂碼的），但是非同步傳到客戶的時候卻出現了亂碼。 伺服器端已經編碼過了（UTF-8編碼）。開始一直懷疑是用戶端的問題，比如用戶端和伺服器端編碼不一致啊，也懷疑是不是jqGrid工具函數中少配了 contentType: "application/x-www-form-urlencoded;

IE中滑鼠經過option觸發mouseout的解決方案，optionmouseout本文執行個體講述了IE中滑鼠經過option觸發mouseout的解決方案。分享給大家供大家參考。具體分析如下：要實現的功能：有一個DIV，當滑鼠經過時此DIV完全展開，當滑鼠移開時DIV收縮回去，其中DIV裡面有一個select選擇框；操作select的時候在IE中會出現一個問題，當滑鼠經過option時，DIV會收縮回去，而在其他瀏覽器中無此現象。解決的方法：在IE中，當滑鼠移到option時

jQuery顯示和隱藏 常用的狀態判斷方法，jquery判斷顯示：show()  display:block;隱藏：hide()   display:none;當顯示和隱藏切換的時候，需要判斷此刻是顯示還是隱藏，那判斷條件常用以下幾種方法：1.if(thisNode.is(':hidden')){......}else{.......}2.首先給thisNode的Dom元素加class標識，例如改標識為class="showFlag",判斷如下 

行動裝置web開發首選架構：zeptojs介紹，webzeptojs最近看到了一篇文章，是介紹一種新的js架構，名為zepto.js，他適用於行動裝置已經案頭瀏覽器除了ie系列的。。他相容jquery的API，所以學起來或用起來並不吃力。他比jquery的優勢在於1.他夠小，只有21k左右。。功能俱全。2.增加了行動裝置的觸摸等事件，不需要再次引入其他手機架構如jquery mobile。3.雖然不相容ie但是提供了一個相容方法：複製代碼 代碼如下:<script>document.

jQuery中$.each使用詳解，jquery.each通過它，你可以遍曆對象、數組的屬性值並進行處理。使用說明each函數根據參數的類型實現的效果不完全一致：1、遍曆對象(有附加參數)$.each(Object, function(p1, p2) { this; //這裡的this指向每次遍曆中Object的當前屬性值 p1; p2; //訪問附加參數}, ['參數1', '參數2']);2、遍曆數組(有附件參數)$.each(Array, function(p1, p2)

jquery通過load擷取檔案的內容並跳到錨點的方法，jquery本文執行個體講述了jquery通過load擷取檔案的內容並跳到錨點的方法。分享給大家供大家參考。具體分析如下：昨天在做一個類似於協助文檔型的頁面，左邊是導航，右邊顯示的是內容。本來打算右邊內容顯示地區用iframe來實現，但由於要做iframe的適應高度所以就換了一種方法，使用jquery的ajax中的load方法。擷取遠程檔案中的內容很容易實現，直接使用jquery的load方法：$("#content").load("xxx

js操作捲軸事件執行個體，js捲軸執行個體本文執行個體講述了js操作捲軸事件的方法。分享給大家供大家參考。具體分析如下：之前一直很納悶，如何監視捲軸的事件，今天終於有點明白了。下邊代碼，是監聽捲軸只要移動，下方的返回頂部的div顯示與隱藏的代碼window.onscroll = function () { var t = document.documentElement.scrollTop || document.body.scrollTop; if (t > 0) { $(

jQuery實現流動虛線框的方法，jquery實現流動虛線本文執行個體講述了jQuery實現流動虛線框的方法。分享給大家供大家參考。具體分析如下：在百度UEditor的首頁看到一個流動的虛線框的效果，所以自己用jQuery嘗試也寫一個，效果如下：css:.dashed-box{width:500px;height:100px;overflow:hidden;position:relative;}.dashed-top{width:2000px;height:0px;border-bottom:2