Time of Update: 2015-02-01
項目中常用的JS方法整理,項目js整理驗證是否為圖片格式複製代碼 代碼如下: function IsImgType(src) { var rFilter =
Time of Update: 2015-02-01
jQuery實現帶滾動線條導航效果的方法,jquery線條本文執行個體講述了jQuery實現帶滾動線條導航效果的方法。分享給大家供大家參考。具體分析如下:最早見到這種導航是在魅族的官網,當時(去年)覺得挺不錯的但自己不會JavaScript,因此那時“可望而不可及”。今日去手機QQ for Android官網,又發現類似這樣的導航,反正自己也沒啥事,所以就嘗試用jQuery做出這樣的效果。效果如下:首頁說說日誌相簿 CSS:body,ul,li{margin:
Time of Update: 2015-02-01
js實現螢幕自適應局部代碼分享,js螢幕自適應局部有小夥伴留言說需要一個js實現螢幕自適應局部的代碼,這裡簡單整理了下,放出來給大家。複製代碼 代碼如下:<!doctype html><html><head><meta charset="utf-8"><title>無標題文檔</title><style>*{margin:0;padding:0;list-style:none;}div{margin:0
Time of Update: 2015-01-31
jquery結合CSS使用validate實現漂亮的驗證,jqueryvalidate自己結合了在網上找的驗證功能和漂亮的提示同能後做出來的驗證 希望大家喜歡<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML
Time of Update: 2015-01-31
jQuery中$.click()無效問題分析 今天做表格前台匯出到xls時,想自動觸發a的點擊。但失敗。最後找到這個檔案。我嘗試過多次用jQuery類比使用者點擊a標籤的功能,但都沒有成功,並且困擾了很久。前段時間的一次發獃,冒出了新的想法,於是就動手進行了測試。先看下邊的代碼:代碼如下:<html><head>磨途歌-A標籤測試1<head><body><a
Time of Update: 2015-01-31
JavaScript中實現單體模式分享,javascript單體單體模式作為一種軟體開發模式在眾多物件導向語言中得到了廣泛的使用,在javascript中,單體模式也是使用非常廣泛的,但是由於javascript語言擁有其獨特的物件導向方式,導致其和一些傳統物件導向語言雖然在單體模式的思想上是一致的,但是實現起來還是有差異的。首先來看看傳統物件導向語言對於單體模式的定義:單體模式是只能被執行個體化一次並且可以通過一個眾所周知的訪問點來訪問的類。這個定義有兩點突出了傳統物件導向語言的特徵,即類和執
Time of Update: 2015-01-31
js閉包總結一、變數的範圍要理解閉包,首先必須理解Javascript特殊的變數範圍。變數的範圍無非就是兩種:全域變數和局部變數。Javascript語言的特殊之處,就在於函數內部可以直接讀取全域變數。Js代碼 var n=999; function f1(){ alert(n); } f1(); // 999另一方面,在函數外部自然無法讀取函數內的局部變數。Js代碼 function f1(){ var n=999; } alert(n); //
Time of Update: 2015-01-31
推薦一個自己用的封裝好的javascript外掛程式,封裝javascript外掛程式具體內容請看注釋,這裡就不多BB了,奉上代碼:/// <reference path="vendor/jquery-1.4.1-vsdoc.js" />///檢測表單中的不可為空(.notnull)的驗證/* 時間:2012-6-6 作用:一對form標籤下有多個(包括一個)表單需要提交時,使用js準確的判斷當前按鈕對那些元素做判斷 用法:在form標籤下 找到當前 表單的容器
Time of Update: 2015-01-31
javascript物件導向程式設計(一),javascript物件導向注釋裡講解的十分細緻了,這裡就不多廢話了,直接上代碼:<script type="text/javascript"> //ECMA-262把對象定義為:“無序屬性的 集合,其屬性可以包含基本值、對象或者函數” //理解對象,最簡單的方式就是通過建立一個Object的執行個體,然後為它添加屬性和方法 var person = new Object(); person.name = "Xulei";
Time of Update: 2015-01-31
JQuery非同步擷取傳回值中文亂碼的解決方案,jquery傳回值用jqgrid非同步擷取列表值,遇到個問題,伺服器端從資料庫取到的資料沒有出現中文亂碼問題(日誌打出來是沒有亂碼的),但是非同步傳到客戶的時候卻出現了亂碼。 伺服器端已經編碼過了(UTF-8編碼)。開始一直懷疑是用戶端的問題,比如用戶端和伺服器端編碼不一致啊,也懷疑是不是jqGrid工具函數中少配了 contentType: "application/x-www-form-urlencoded;
Time of Update: 2015-01-30
JavaScript Math和Number對象 1. Math 對象1.1 介紹Math 對象,是數學對象,提供對資料的數學計算,如:擷取絕對值、向上取整等。無建構函式,無法被初始化,只提供靜態屬性和方法。1.2 建構函式無 :Math 對象無建構函式,無法被初始化,只提供靜態屬性和方法。1.3 靜態屬性1.3.1 Math.E :常量e。返回自然對數的底數:2.7182818284590451.3.2 Math.PI :常量π。返回圓周率的值 :3.141592653
Time of Update: 2015-01-31
行動裝置web開發首選架構:zeptojs介紹,webzeptojs最近看到了一篇文章,是介紹一種新的js架構,名為zepto.js,他適用於行動裝置已經案頭瀏覽器除了ie系列的。。他相容jquery的API,所以學起來或用起來並不吃力。他比jquery的優勢在於1.他夠小,只有21k左右。。功能俱全。2.增加了行動裝置的觸摸等事件,不需要再次引入其他手機架構如jquery mobile。3.雖然不相容ie但是提供了一個相容方法:複製代碼 代碼如下:<script>document.
Time of Update: 2015-01-31
JS清除選擇內容的方法,js清除內容本文執行個體講述了JS清除選擇內容的方法。分享給大家供大家參考。具體分析如下:今天在做一個DIV拖動的效果,發現在拖動的時候會選中頁面中的文本,於是找了一下JS清除選擇的內容的相關資訊。在得到的結果中發現:
Time of Update: 2015-01-30
JavaScript使用自訂事件實現簡單的模... WEB前端最常見驅動方式就是事件了, 所有互動等等都是通過事件,前端的常見事件有:UI事件;焦時間點事件;滑鼠事件;滾輪事件;文本事件;鍵盤事件;變動事件;現在網頁上有一個輸入框, 如果我們要對使用者輸入的字串進行過濾, 或者是截獲使用者的輸入進行處理的話, 我們要腫麼辦 同學們紛紛舉手說:“老師,我知道,是使用添加事件“,老師也很欣慰地點了點頭,
Time of Update: 2015-01-31
jquery通過load擷取檔案的內容並跳到錨點的方法,jquery本文執行個體講述了jquery通過load擷取檔案的內容並跳到錨點的方法。分享給大家供大家參考。具體分析如下:昨天在做一個類似於協助文檔型的頁面,左邊是導航,右邊顯示的是內容。本來打算右邊內容顯示地區用iframe來實現,但由於要做iframe的適應高度所以就換了一種方法,使用jquery的ajax中的load方法。擷取遠程檔案中的內容很容易實現,直接使用jquery的load方法:$("#content").load("xxx
Time of Update: 2015-01-31
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
Time of Update: 2015-01-30
用js控制沒有名字的表單 進行提交 在BS前台設計中,某些地方提交表單是非常方便的。 但是表單的也是有很多中形式的。 表單的建立形式: 1、用進行建立 2、直接設定表單的屬性建立一個沒有名字的表單 1、對於有名字的表單,可以直接寫js事件進行提交//設定表單提交方式 $('#importMethod').form({ url: "/QuestionType/FuzzyQueryQuestionType",
Time of Update: 2015-01-30
HTML使用Angular JS載入銀行資訊遍曆成Radio1.工程結構2.bankInfo.json[ { code: BOC, name: 中國銀行 }, { code: ICBC, name: 中國工商銀行 }, { code: CCB, name: 中國建設銀行 }, { code: ABC, name: 中國農業銀行 }, { code: CMBC, name: 中國民生銀行 }, { code:
Time of Update: 2015-01-30
jQuery Tween緩動演算法參考:Javascript Tween演算法及緩動效果做了個簡單的外掛程式,以後慢慢重構: /** * * 描述:javascript緩動 * jQuery Tween演算法:演算法來源: www.bkjia.com * @author:xuzengqiang * @since :2015-1-23 11:17:51 * 兩種比較複雜的沒有收錄進來 * Elastic:指數衰減的正弦曲線緩動; * Back:超過範圍的三次方緩動((s+1)*t^3
Time of Update: 2015-01-30
javascript代碼複用模式代碼複用有一個著名的原則,是GoF提出的:優先使用對象組合,而不是類繼承。在javascript中,並沒有類的概念,所以代碼的複用,也並不局限於類式繼承。javascript中建立對象的方法很多,有建構函式,可以使用new建立對象,並且可以動態修改對象。javascript的非類式繼承(可稱為現代繼承模式)複用方法也很多,例如,利用其它對象組合成所需要的對象,對象混入技術,借用和複用所需要的方法。 類式繼承模式-預設模式 兩個建構函式Paren