Time of Update: 2015-04-19
Get a snapshot by using phantomJSHere is the source code about obtain a snapshot of a website by using phantomJS. var webPage = require("webpage"), address, filename, height, width; // generate webPage objectvar page = webPage.create()
Time of Update: 2015-04-19
node.js架構StrongLoop學習筆記(一)node.js架構StrongLoop學習筆記(一)本人在用node.js做手機後台,尋找架構發現StrongLoop挺適合,可是卻發現沒有中文教程,於是在自己學習時,做一下筆記,以方便其他像我一樣的人蔘考(本人的英語水平非常差,只能一點點試著做,並記錄下來,如果大家發現問題,請通知我好更正,謝謝了!)。所有操作都是在CentOS7-x64,Node.js 0.12.2下完成的。nodejs架構StrongLoop學習筆記一
Time of Update: 2015-04-19
jQuery中toggle()函數的使用執行個體,jquerytoggle今天遇到一個有趣的例子,將它記錄下來。一個一級菜單,裡邊有一個二級菜單,二級菜單是通過錨點來連結頁面元素的。想要實現的效果是當點擊錨點時,頁面連結到相應錨點,同時二級菜單隱藏,再點擊一級菜單時,繼續執行。。其中試了很多種方法都不行,最後通過讀jquery的toggle函數實現了。 //這樣寫可以 $(".nav").toggle(function(){
Time of Update: 2015-04-19
js物件導向之公有、私人、靜態屬性和方法詳解,js物件導向現下,javascript大行其道,對於網站開發人員來說,javascript是必需掌據的一門語言,但隨著jquery等架構的流行和使用,許多人對於原生javascript缺乏深入的理解,習慣了函數式的編輯風格,對於閉包、原型總是說不清道不明.對於js物件導向蹩腳的用著,而要瞭解js物件導向,就必需先瞭解js中什麼是公有方法、特權方法、靜態方法方法/步驟1.公有屬性和公有方法function User(name,age){
Time of Update: 2015-04-19
JavaScript實現簡單圖片翻轉的方法,javascript實現翻轉本文執行個體講述了JavaScript實現簡單圖片翻轉的方法。分享給大家供大家參考。具體如下:這裡先取兩個命名smirk1.jpg和smirk2.jpg同樣大小的映像然後運行下面的代碼,可以實現簡單的圖片翻轉<script type="text/javascript">var revert = new Array();var inames = new Array('smirk');// Preloadif
Time of Update: 2015-04-19
淺談js之事件流這些日子我就把js的相關知識梳理一下,今天來說javascript中的事件流。 1.事件流 事件流:從頁面中接收事件的順序。也就是說當一個事件產生時,這個事件的傳播過程,就是事件流。 IE的事件流 IE中的事件流叫事件冒泡;事件冒泡:事件開始時由最具體的元素接收,然後逐級向上傳播到較為不具體的節點(文檔)。對於html來說,就是當一個元素產生了一個事件,它會把這個事件傳遞給它的父元素,父元素接收到了之後,還要繼續傳遞給它的上一級元素,就這樣一直傳播
Time of Update: 2015-04-19
解析angularjs中的三種資料繫結策略 匯入:我們想要實現這樣的效果:當我們點擊標題的時候展示下面的內容,再點擊則收回去。 一、首先回顧一下有哪些繫結原則?看這個實在是有點抽象了,我們來看具體的執行個體分析吧! 二、簡單的Demo執行個體@綁定:傳遞一個字串作為屬性的值。比如 str : ‘@string’ 控制器中代碼部分樣本:myDirec.controller('MyCtrl3',['$scope&
Time of Update: 2015-04-19
原生js實現移動開發輪播圖、相簿滑動特效,js滑動使用方法:分別引用css檔案和js檔案 如:<link rel="stylesheet" type="text/css" href="css/photoSlider.min.css" /><script src="js/photoSlider.min.js" type="text/javascript" charset="utf-8"></script>html:<li><a href="/"
Time of Update: 2015-04-19
JavaScript實現為指定對象添加多個事件處理常式的方法,javascript多個本文執行個體講述了JavaScript實現為指定對象添加多個事件處理常式的方法。分享給大家供大家參考。具體如下:如果你希望對象點擊的時候同時處理多個事情,可以使用下面的代碼/* Start of the multihandle Object...*/function MultiHandle(owner){ var my_handlers = new Array(); var my_owner = owner;
Time of Update: 2015-04-19
JavaScript實現將xml轉換成html table表格的方法,xmltable本文執行個體講述了JavaScript實現將xml轉換成html table表格的方法。分享給大家供大家參考。具體如下:function ConvertToTable(targetNode){ // if the targetNode is xmlNode this line must be removed // i couldnt find a way to parse xml string to xml
Time of Update: 2015-04-19
深入分析Javascript跨域問題,深入分析javascript跨域是什嗎?假設a.com/get.html需要擷取b.com/data.html中的資料,而這裡a.com和b.com並不是同一台伺服器,這就是跨域跨域會涉及到Javascript的同源策略,簡單來說就是為了保護網站的安全,不被外域(非同源)伺服器的js修改本網站內容。引用一個表格,看一下引起跨因的條件有哪些:但是有時候我們確實需要這麼做,那麼我們有哪些方法呢?1、JsonP提到跨域不能不先提及jsonp。jsonp其實是Jav
Time of Update: 2015-04-19
js實現touch移動觸屏滑動事件,jstouch滑動事件移動端觸屏滑動的效果其實就是圖片輪播,在PC的頁面上很好實現,綁定click和mouseover等事件來完成。但是在行動裝置上,要實現這種輪播的效果,就需要用到核心的touch事件。處理touch事件能跟蹤到螢幕滑動的每根手指。以下是四種touch事件touchstart: //手指放到螢幕上時觸發touchmove: //手指在螢幕上滑動式觸發touchend: //手指離開螢幕時觸發touchcancel:
Time of Update: 2015-04-19
jQuery外掛程式slides實現無縫輪播圖特效,jqueryslides初始化外掛程式:slides是一款基於jQuery無縫輪播圖外掛程式,支援圖內元素動畫,可以自訂動畫類型$(".slideInner").slide({slideContainer: $('.slideInner a'),effect: 'easeOutCirc',//動畫類型autoRunTime: 5000,//自動輪播時間slideSpeed: 1000,//速度nav:
Time of Update: 2015-04-19
javascript類比命名空間,javascript命名空間在 C++ 和 C# 中,命名空間用於儘可能地減少名稱衝突。例如,在 .NET Framework 中,命名空間有助於將 Microsoft.Build.Task.Message 類與 System.Messaging.Message 區分開來。JavaScript 沒有任何特定語言功能來支援命名空間,但很容易使用對象來類比命名空間。如果要建立一個 JavaScript
Time of Update: 2015-04-19
JS替換字串中空格方法,js替換字串中空複製代碼 代碼如下:<input type=hidden name=“space” value=“ ”>通常情況下輸入欄位當中的 替換不掉(原始碼當中有 ,頁面上顯示為空白格),如果想替換掉,可以用另外手段。增加一個隱藏欄位,值為 ,然後再替換複製代碼 代碼如下:var sp=document.getElementById("space").value;strData = document.all(
Time of Update: 2015-04-19
JavaScript對象反射用法執行個體,javascript用法執行個體本文執行個體講述了JavaScript對象反射用法。分享給大家供大家參考。具體如下:這裡講述JavaScript對象反射用法,涉及反射DOM對象和自訂對象<html><head><title>JavaScript反射工具</title><style type="text/css">#show{width:400px;height:300px;border:red
Time of Update: 2015-04-19
js擷取當前日期時間及其它操作匯總,js擷取當前匯總js擷取當前日期時間及其它操作匯總var myDate = new Date();myDate.getYear(); //擷取當前年份(2位)myDate.getFullYear(); //擷取完整的年份(4位,1970-????)myDate.getMonth(); //擷取當前月份(0-11,0代表1月)myDate.getDate();
Time of Update: 2015-04-19
JS擷取圖片高度寬度的方法分享,js擷取圖片寬度一般擷取圖片高度寬度的寫法:複製代碼 代碼如下:var img = new Image();img.src = imgsrc;var imgWH = CalcImgTiple(img.width, img.height);但chrome中測試 無法擷取到。img.width, img.height都為0原因:當圖片不是本地圖片,而是網狀圖片onload
Time of Update: 2015-04-19
jQuery實現自訂事件的方法,jquery自訂事件本文執行個體講述了jQuery實現自訂事件的方法。分享給大家供大家參考。具體分析如下:jQuery是一個非常強大的工具。jQuery非常有用的功能之一是可以實現事件綁定。你可以實現建立,綁定事件,可觸發自己定義的jQuery事件。自訂事件觸發下面的代碼是它自訂事件觸發。你可以綁定到這個自訂事件。$event.trigger("myEventName");自訂事件綁定下面的代碼建立了一個綁定到自訂事件和自訂事件觸發時將被執行。$(this).bi
Time of Update: 2015-04-19
JS解析XML檔案和XML字串詳解,js解析xml字串JS解析XML檔案<script type='text/javascript'>loadXML = function(xmlFile){var xmlDoc=null;//判斷瀏覽器的類型//支援IE瀏覽器if(!window.DOMParser && window.ActiveXObject){var xmlDomVersions =