Time of Update: 2016-01-25
AngularJS使用ngOption實現下拉式清單的執行個體代碼,angularjsngoption下拉式清單的簡單使用ng-option指令使用很簡單,只需要綁定兩個屬性:一個是ng-model用於擷取選定的值;另一個是ng-options用於確定下拉式清單的元素數組。<select ng-model="engineer.currentActivity" class="form-control" ng-options="act for act in
Time of Update: 2016-01-25
AngularJS中監視Scope變數以及外部調用Scope方法,angularjsscope在AngularJS中,有時候需要監視Scope中的某個變數,因為變數的改變會影響一些介面元素的顯示。有時,也希望通過jQuery調用Scope的某個方法。比如以下情境:<div><button id="jQBtn">jQ Button</button></div><div id="ngSection" ng-controller="NGCtrl"&
Time of Update: 2016-01-25
jQuery form外掛程式之formDdata參數校正表單及驗證後提交,jqueryformddataForm Plugin API 裡提供了很多有用的方法可以讓你輕鬆的處理表單裡的資料和表單的提交過程。測試環境:部署到Tomcat中的web項目。一、引入依賴js<script src="jquery-1.3.1.js" type="text/javascript"></script><script src="jquery.form.js"
Time of Update: 2016-01-25
基於JavaScript簡訊驗證碼如何?,javascript驗證碼我們在使用移動、電信等電訊廠商網上營業廳的時候,為確保業務的完整和正確性,經常會需要用到簡訊的驗證碼。最近因為某省業務需要,也做了個類似的功能。原理很簡單,就是在使用者點擊"擷取驗證碼"的時候,Ajax擷取一串固定位元的數字,然後寫資料庫發簡訊,寫Cookie設定驗證碼的有效期間。JS請求驗證碼如下: $.ajax({type: "GET",url:
Time of Update: 2016-01-25
jQuery form外掛程式之ajaxForm()和ajaxSubmit()的選擇性參數項對象,jqueryajaxformForm Plugin API 裡提供了很多有用的方法可以讓你輕鬆的處理表單裡的資料和表單的提交過程。測試環境:部署到Tomcat中的web項目。本文示範的是:jQuery form外掛程式之ajaxForm()和ajaxSubmit()的選擇性參數項對象ajaxForm()和ajaxSubmit()的選擇性參數項對象ajaxForm 和 ajaxSubmit
Time of Update: 2016-01-24
屬於你的jQuery提示框(Tip)外掛程式,jquerytip外掛程式可以滿足常用的提示顯示,支援12個方向,支援邊框、背景色、文本顏色自訂,支援位置微調、層級微調、寬度間距等參數調整。先看看效果:tips:提示資訊組件參數: msg:'asdf',內容 dire:2,方向 w:250,寬度 _x:0,橫向位移 _y:0,縱向位移 zIndex:100000,層級 borderColor:#FFF,邊框顏色 bgColor:#FFF,背景顏色
Time of Update: 2016-01-24
JS擷取滑鼠座標位置執行個體分析,js執行個體分析本文執行個體分析了JS擷取滑鼠座標位置的方法。分享給大家供大家參考,具體如下:取滑鼠座標位置有這些:滑鼠在視口的座標位置(clientX,clientY),滑鼠在頁面的座標位置(pageX,pageY),滑鼠在螢幕的座標位置(screenX,screenY),其中滑鼠在視口的座標位置(clientX,clientY),以及滑鼠在螢幕的座標位置(screenX,screenY)在所有的瀏覽器中都支援,但是滑鼠在頁面的座標位置(pageX,pageY
Time of Update: 2016-01-24
html和css基礎,htmlcss基礎1,HTML 全稱Hyper Text Markup Language(超文字標記語言 (HTML))擴充XML:Extendsible Markup Language(可擴充性標記語言)2,CSS是一種表現樣式3,js則是一種行為,控制網頁的行為。 編寫html 文檔的注意點01.所有標籤字母均小寫。02.有開始就要有閉合標籤03.每個層次的標籤有一定程度的縮排。注意:如果發現body
Time of Update: 2016-01-25
詳解JS物件導向編程,js物件導向編程因為JavaScript是基於原型(prototype)的,沒有類的概念(ES6有了,這個暫且不談),我們能接觸到的都是對象,真正做到了一切皆為對象所以我們再說對象就有些模糊了,很多同學會搞混類型的對象和對象本身這個概念,我們在接下來的術語中不提對象,我們使用和Java類似的方式,方便理解方式一類(函數類比)function Person(name,id){ //執行個體變數可以被繼承 this.name = name; //私人變數無法被繼承 var
Time of Update: 2016-01-24
js實現的二分尋找演算法執行個體,js二分演算法執行個體本文執行個體講述了js實現的二分尋找演算法。分享給大家供大家參考,具體如下:<!DOCTYPE html><html> <head> <title>demo</title> <style type="text/css"> </style> <script type="text/javascript"> var
Time of Update: 2016-01-24
學習JavaScript設計模式之模板方法模式,javascript設計模式一、定義模板方法是基於繼承的設計模式,可以很好的提高系統的擴充性。 java中的抽象父類、子類 模板方法有兩部分結構組成,第一部分是抽象父類,第二部分是具體的實現子類。二、樣本Coffee or Tea (1) 把水煮沸 (2) 用沸水浸泡茶葉 (3) 把茶水倒進杯子 (4) 加檸檬/* 抽象父類:飲料 */var Beverage = function(){};// (1)
Time of Update: 2016-01-24
angularjs表格分頁功能詳解,angularjs表格分頁接上一次,這次主要介紹表格分頁功能,由於項目需要這個案例是關於前端分頁的方式,現在很少會這麼用了,但如有需要可以參考其中的思路html:1.通過UL來展示頁標,其中每個頁標的li是通過非同步載入從擷取到不同的表格式資料來動態產生的。 <div class="pagination"> <ul style="float:right"> <li id="previous"><
Time of Update: 2016-01-24
jQuery prototype衝突的2種解決方案(附demo樣本下載),jqueryprototype本文執行個體分析了jQuery
Time of Update: 2016-01-24
jQuery類比物體自由落體運動(附示範與demo源碼下載),jquery源碼下載本文執行個體講述了jQuery類比物體自由落體運動的方法。分享給大家供大家參考,具體如下:運行效果如下:點擊此處查看線上示範效果。完整執行個體代碼點擊此處本站下載。具體代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Time of Update: 2016-01-24
json格式資料的添加,刪除及排序方法,json排序本文執行個體講述了json格式資料的添加,刪除及排序方法。分享給大家供大家參考,具體如下:js資料格式和json資料格式,各有各的用處,就個人而言,json更好用一點,js自身的數組和對像限制比較多。以js的數組舉例:var a = ['1'];a[5] = 52;a.length //這兒的結果是6,也就是說,中間的key會自動補全,而值呢,是undefined一、添加和刪除1、一維數組test = {};
Time of Update: 2016-01-24
jQuery validate外掛程式實現ajax驗證重複的2種方法,jqueryvalidate本文執行個體講述了jQuery validate外掛程式實現ajax驗證重複的2種方法。分享給大家供大家參考,具體如下:jquery validate
Time of Update: 2016-01-24
基於JS實現新聞列表無縫向上滾動執行個體代碼,js新聞列表當新聞較多,並且空前有限的時候,使用滾動是一個不錯的選擇,本章節就通過代碼執行個體介紹一下如何?此效果。代碼執行個體如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.bkjia.com/"
Time of Update: 2016-01-24
CSS或者JS實現滑鼠移至上方顯示另一元素,css懸停想達到滑鼠移至上方到元素a上,顯示另一個元素b,可以通過css實現也可以通過js實現。js:寫兩個函數:mouseenter,mouseleave,例如:其中$("#a").mouseenter(function() {$("#b").show("normal");});$("#a").mouseleave(function()
Time of Update: 2016-01-24
jquery mobile開發常見問題分析,jquerymobile本文執行個體分析了jquery mobile開發常見問題。分享給大家供大家參考,具體如下:jquery mobile功能很強大,有了它,不用在程式中,寫方法去判斷,是什麼手機了,完全可以用js來實現各種智能手機的的相容性。也是因為功能強大,jquery mobile外掛程式,200多K,min也有140多K。1、jquery
Time of Update: 2016-01-24
jQuery彈層外掛程式jquery.fancybox.js用法執行個體,fancybox用法本文執行個體講述了jQuery彈層外掛程式jquery.fancybox.js用法。分享給大家供大家參考,具體如下:fancybox是jquery的外掛程式,功能強大。支援對放大的圖片添加陰影製作效果,對於一組相關的圖片添加導航操作按紐,除了能展示層外,還可以展示iframed內容,