Time of Update: 2015-07-30
標籤:1. 中介者模式中介者模式的作用就是用來解除對象與對象之間的緊耦合關係,增加中介者後,所有相關對象都通過中介者來通訊,而不再相互引用1.1中介者模式的例子以泡泡堂遊戲為例,先定義一個玩家建構函式,它有三個原型方法Player.prototype.win,Player.prototype.lose,Player.prototype.die 當只有兩個玩家時,一個玩家死亡時遊戲結束,同時通知他的對手勝利function Player(name){ this.name=
Time of Update: 2015-07-07
標籤:跳躍陳述式,從名稱上就可以看出,它使得Javascript的執行可以從一個位置跳轉到另一個位置。break語句是跳轉到迴圈或者其他語句的結束,continue語句是終止本次迴圈的執行並開始下一次迴圈的執行。Javascript中的語句可以命名或帶有標籤,break和continue可以標識目標迴圈或者其他語句標籤。
Time of Update: 2015-06-08
標籤: GitHub:https://github.com/alvarotrigo/fullPage.js FullPage.js是一個基於JQuery的外掛程式,可以很方便的製作出全屏網站; 一
Time of Update: 2016-08-22
AngularJS過濾器詳解及範例程式碼,angularjs範例程式碼過濾器是用來更改修改資料,並且可以在運算式或使用管道符指令將其歸入。以下是常用的過濾器的列表。 S.No. 名稱 描述 1 大寫 轉換文本為大寫文本。 2 小寫 轉換文本為小寫文本。 3 貨幣 貨幣格式格式文本。 4
Time of Update: 2016-07-01
jQuery實現尋找連結文字替換屬性的方法,jquery連結本文執行個體講述了jQuery實現尋找連結文字替換屬性的方法,分享給大家供大家參考,具體如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2016-06-17
淺談如何?easyui的datebox格式化,淺談easyuidatebox看了網上有很多的解決方案,我也寫一個比較簡單方法。實現easyui的datebox格式化。效果如下,用“++”隔開,看你喜歡用什麼都可以。 1、html<span class="span1">證件有效期間至:</span> <span><input id="passvali" name="hotel.passvali"></span> 2、js/*
Time of Update: 2016-06-12
建立基於Bootstrap的下拉式功能表的DropDownList的JQuery外掛程式,dropdownlistjqueryBootstrap是當下流行的前端UI組件庫之一。利用Bootstrap,可以很方便的構造美觀、統一的頁面。把設計師從具體的UI編碼中解放出來。Bootstrap提供了不少的前端UI組件。帶下拉式功能表的文字框就是其中之一,如下(真要自己完全設計,還得費一番功夫)關於該組件的詳情參看Bootstrap官網、帶下拉式功能表的文字框看到上面的,使我想到WinForm編程中的D
Time of Update: 2016-05-21
Node.js返回JSONP詳解,node.jsjsonp詳解在使用JQuery的Ajax從伺服器請求資料或者向伺服器發送資料時常常會遇到跨域無法請求的錯誤,常用的解決辦法就是在Ajax中使用JSONP。基於安全性考慮,瀏覽器會存在同源策略,然而<script/>標籤卻具有跨域訪問資料的能力,這就是JSONP工作的基本原理。有關同源策略以及什麼是JSONP。在Node.js中實現JSONP非常簡單,通過下面的代碼我們從伺服器返回並運行一個JavaScript函數,這個JavaScri
Time of Update: 2016-05-12
innerHTML/outerHTML; innerText/outerText; textContent,outerhtmloutertextinnerHTML v.s. outerHTMLElement.innerHTML Reference: https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML Functionality Get serialized HTML code describing&
Time of Update: 2016-04-18
快速解決jquery.touchSwipe左右滑動和垂直捲軸衝突,touchswipe捲軸衝突本文為大家分享了jquery.touchSwipe左右滑動和垂直捲軸衝突問題的解決方案,具體內容如下正好需要Html5做一個左右可以切換的功能,但是要保留上下捲軸功能。我在移動端使用的jquery.touchSwipe外掛程式,上網找了好久沒有看到對應的解決方式,只能自己修改了,最後是能用了。先上個圖:解決方式是,我把左右滾動的事件添加到了Body上面,而上下活動的使用了DIV的垂直滾動。上代碼:$("
Time of Update: 2016-03-10
基於JavaScript實現快速轉換文本語言(繁體中文和簡體中文),javascript文本一般商業網站都有一個語言的需求,就是為了照顧使用正體中文的國人,會特地提供一個切換到正體中文的選項(或曰“繁體中文”)。傳統做法是在服務端完成的,即通過某些控制項或者過濾器轉換文本語言。這裡筆者介紹一種簡單可行的方法,不是在服務端而是利用前端的 JavaScript 就可以切換正體中文。如,我們把切換按鈕放在頁尾(當然你也可以放置在“導航”或者其他更醒目的位置)。由於頁面假設設定均使用 Unicode
Time of Update: 2016-02-15
FineReport實現根據點擊次數奇偶性排序的方法,finereport點擊次數使用FineReport報表軟在進行排序的時,很多時候您可能想實現根據點擊的次數進行升降序排序,也就是說點擊第一次點擊標題升序排序,再次點擊就降序,以此類推,而不是通過選擇升序進行升序排列,選擇降序進行降序排列。由擴充後排序可知,可以根據參數值的不同來決定升序還是降序,這裡也可以此思路進行實現,定義一個參數,如果參數值為1的時候,就升序,參數值為0的時候,按照資料列的負數進行升序排序,即資料列降序。本文所提供的方法
Time of Update: 2016-01-16
詳解iframe與frame的區別,詳解iframeframe開門見山了,大家需要注意的地方:HTML5不再支援使用frame,iframe只有src
Time of Update: 2015-12-28
IE6-IE9使用JSON、table.innerHTML所引發的問題, 一、在IE相容模式中以及各具有IE核心的瀏覽器安全色模式中使用 jQuery 中的JSON函數時出現“JSON未定義” 而切換到瀏覽器高速模式則正常顯示解決方案 : 1.直接在使用的頁面中引入json2.js (https://github.com/douglascrockford/JSON-js/blob/master/json2.js)引入方法不再贅述。2.在頁面的公用js方法裡判斷
Time of Update: 2015-10-20
HTML之marquee(文字滾動)詳解,文法:<marquee></marquee>以下是一個最簡單的例子:代碼如下:<marquee><font size=+3 color=red>Hello, World</font></marquee>下面這兩個事件經常用到:onMouseOut="this.start()"
Time of Update: 2015-09-22
基於jQuery實現多層次的手風琴效果附源碼,jquery手風琴基於jQuery多層次的手風琴是一款經過美化的多級多層次手風琴特效代碼。如下: 線上預覽 源碼下載html代碼:<aside class="accordion"> <h>News</h> <div class="opened-for-codepen"> <h>News Item #</h> <div
Time of Update: 2015-09-17
阮一峰:網頁效能管理詳解(轉),阮一峰你遇到過效能很差的網頁嗎? 這種網頁響應非常緩慢,佔用大量的 CPU
Time of Update: 2015-06-10
Web緩衝基礎:術語、HTTP前序和緩衝策略,web前序 簡介 對於您的網站的訪問者來說,智能化的內容緩衝是提高使用者體驗最有效方式之一。緩衝,或者對之前的請求的臨時儲存,是HTTP協議實現中最核心的內容分發策略之一。分發路徑中的組件均可以緩衝內容來加速後續的請求,這受控於對該內容所聲明的緩衝策略。 在這份指南中,我們將討論一些Web內容緩衝的基本概念。這主要包括如何選擇緩衝策略以保證互連網範圍內的緩衝能夠正確的處理您的內容。我們將談一談緩衝帶來的好處、副作用以及不同的策略能帶來的效能和靈活
Time of Update: 2015-06-09
JavaScript中的anchor()方法使用詳解,javascriptanchor 此方法建立一個用作超文本目標的HTML錨。文法string.anchor( anchorname )下面是參數的詳細資料: anchorname: 定義了錨的名稱傳回值: 返回其錨標記的字串例子:<html><head><title>JavaScript String anchor()
Time of Update: 2015-05-26
JS和css實現檢測行動裝置方向的變化並判斷橫豎螢幕 這篇文章主要介紹了JS和css實現檢測行動裝置方向的變化並判斷橫豎螢幕,本文分別給出實現代碼,需要的朋友可以參考下 方法一:用觸發手機的橫屏和豎屏之間的切換的事件 代碼如下: window.addEventListener("orientationchange", function() { // 宣布新方向的數值 alert(window.orientation); },