Time of Update: 2014-12-23
7個提高效率的JavaScript調試工具現在的JavaScript事實上已然成為了流行的web語言,即使它並不完美。很多程式員不喜歡用JavaScript寫代碼,是因為寫到後來總會出現各種莫名其妙的bug,而且在開發大型應用程式的過程中很容易犯錯。而且鑒於當今此類工具的現狀,要想在瀏覽器上做JavaScript調試也不是那麼方便。下面這幾個基於案頭和WEB的JavaScript調試工具,能讓你更高效地調試JavaScript代碼,這樣就可以: 更有效地處理動態類型
Time of Update: 2014-12-22
一款基於css3的散子3D翻轉特效,css33d翻轉特效css3使我們能夠跳出2d空間,實現3維空間的動畫效果,這裡給出一個自動翻轉的3d色子動畫效果製作過程。第一步,首先進行HTML的布局,對於3D效果,布局有一定的規律,代碼如下:<body><div id="outer"> <div id="group"> <div class="page" id="page1">.</div> <div
Time of Update: 2014-12-22
nodejs中操作mysql資料庫樣本,nodejsmysql引言: 繼前面的NodeJS的Hello,World!我們還可以看到其他強大之處,NodeJS現在社區的火熱,以及大批工程師對它的支援之下,現在已經陸續的引出了大量的module出來了。內容: 下面這個所示範的是NodeJS與Mysql 的互動。這時需要為NodeJS加入Mysql 的Module了,這時前一章說到的npm(Node package manager)啟到作用了。把Mysql Module裝到NodeJS中:複製代碼
Time of Update: 2014-12-22
JS+CSS實現彈出全屏灰黑色透明遮罩效果的方法,css遮罩本文執行個體講述了js+CSS實現彈出一個全屏灰黑色透明遮罩效果的方法。分享給大家供大家參考。具體分析如下:在眾多的網站都有這樣的效果,當進行一定的操作之後,會彈出一個灰黑色的半透明的遮罩,在上面可以操作指定的內容,例如可以彈出一個登陸框之類的內容,下面就介紹一下如何?此種效果,代碼執行個體如下:複製代碼 代碼如下:<!DOCTYPE html>
Time of Update: 2014-12-22
Node.js中調用mysql預存程序樣本,node.jsmysql例子僅在windows下測試通過,沒有放在linux下測試。如有問題,可以電郵給我~1、安裝node.js、mysql,此處略(自行搜尋吧)…;2、建立一個名為test的資料庫,然後建一張名為user_info的表(僅供測試)…這裡假定mysql使用的使用者名稱為root,密碼為123456相應的mysql如下:複製代碼 代碼如下:/*** 建立名為test的資料庫*/DROP DATABASE IF EXISTS
Time of Update: 2014-12-22
javascript中parseInt()函數的定義和用法分析,javascriptparseint本文執行個體講述了javascript中parseInt()函數的定義和用法。分享給大家供大家參考。具體分析如下:此函數可以解析一個字串,並返回一個整數。文法結構:複製代碼 代碼如下:parseInt(string, type)參數列表: 參數 描述 string 必需。要被解析的字串。
Time of Update: 2014-12-22
javascript刪除一個html元素節點的方法,javascript節點本文執行個體講述了利用原生javascript實現刪除一個指定的html元素的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.bkjia.com/"
Time of Update: 2014-12-22
javascript中Number對象的toString()方法分析,javascripttostring本文執行個體講述了toString()方法的定義和用法。分享給大家供大家參考。具體分析如下:此方法可以把Number對象轉換成字串,並返回此字串。文法結構如下:複製代碼 代碼如下:NumberObject.toString(radix)參數列表: 參數 描述 radix 可選。規定表示數位基數,使2 ~ 36
Time of Update: 2014-12-22
Node.js實現批量去除BOM檔案頭,node.js去除bom之前的同事寫了一個工具,但有bug,就是在替換檔案後原檔案的格式變成utf8 BOM了,這種帶BOM的XML在Mac下可能讀取不出來,所以就需要寫個工具處理一下。其實思路比較簡單,首先遍曆目錄,然後讀取目錄,將檔案頭三個位元組去除掉,然後儲存為utf-8格式的檔案即可,直接上代碼吧 :)複製代碼 代碼如下:var fs = require('fs');var path = "目標路徑..";function
Time of Update: 2014-12-22
jquery實現將擷取的顏色值轉換為十六進位形式的方法,jquery十六進位本文執行個體講述了jquery實現將擷取的顏色值轉換為十六進位形式的方法。分享給大家供大家參考。具體分析如下:大家或許已經注意到了,在Google、Firefox和IE8以上瀏覽器中,擷取的顏色值是RGB形式,例如rgb(255,255,0),感覺非常不適應,或者在實際編碼中不方便使用,這個時候就需要進行轉換,下面就提供一段相關轉碼。具體代碼如下:複製代碼 代碼如下:<!DOCTYPE html>
Time of Update: 2014-12-22
jQuery中click事件的定義和用法,jqueryclick本文執行個體講述了jQuery中click事件的定義和用法。分享給大家供大家參考。具體分析如下:當滑鼠指標在匹配元素上方,然後按下並鬆開滑鼠左鍵或者調用click()方法都會觸發click事件。click()方法也可以綁定事件處理方法。文法結構一:觸發click事件。複製代碼 代碼如下:$(selector).click()文法結構二:為click事件綁定事件處理方法。複製代碼
Time of Update: 2014-12-22
javascript中String對象的slice()方法分析,stringslice本文較為詳細的分析了javascript中String對象的slice()方法。分享給大家供大家參考。具體分析如下:此方法截取字串中的一段,並返回由被截取字元組成的新字串。注:原字串不會發生改變,傳回值是一個新產生的字串。文法結構:複製代碼 代碼如下:stringObject.slice(start,end)參數列表: 參數 描述 start
Time of Update: 2014-12-22
jQuery的text()方法用法分析,jquerytext本文執行個體講述了jQuery的text()方法用法。分享給大家供大家參考。具體分析如下:此方法返回或者設定匹配元素的常值內容。如需瞭解更多相關內容可參閱參考手冊text()方法。特別說明:HTML內容就是內容中可以包含HTML標籤,並且能夠被瀏覽器渲染。常值內容是先將內容中的HTML預定義字元轉換成html字元實體,這樣HTML標籤就不會被渲染。text()方的使用:用法一:此方法不帶參數時候,功能是取得所有匹配元素的常值內容,並且結
Time of Update: 2014-12-22
javascript關於繼承的用法匯總,javascript匯總本文執行個體匯總了javascript關於繼承的用法。分享給大家供大家參考。具體如下:例子:複製代碼 代碼如下:/*** 實現子類繼承父類,但不會產生多餘的屬性和方法* @returns {Function}*/define(function(){return function(subType, superType){var proto = new
Time of Update: 2014-12-22
不使用ajax實現無重新整理提交表單,ajax重新整理提交表單HTML代碼:複製代碼 代碼如下:<iframe id="fra" name="frm" style="display: none;"></iframe><form id="frm" method="post" action="@Url.Content("~/Backstage/MachineMng/RoadSet/SaveTrackRoad")?roadId=@ViewBag.roadId"
Time of Update: 2014-12-22
使用JavaScript鏈式編程實現類比Jquery函數,javascriptjquery代碼很簡單,主要是給大家提供個思路,也算是學習javascript這麼長時間的一個小小的練手。鏈式編程 是將多個操作(多行代碼)通過點號"."連結在一起成為一句代碼。鏈式代碼通常要求操作有傳回值,但對於很多操作大都是void型,什麼也不返回,這樣就很難鏈起來了,當然也有解決辦法,可能不太優雅。鏈式編程的新思想在jQuery中已流行使用複製代碼
Time of Update: 2014-12-22
編寫簡單的jQuery提示外掛程式,編寫jquery外掛程式很簡單的代碼,就不多廢話了。代碼:複製代碼 代碼如下:/*** 2014年11月13日* 提示外掛程式*/(function ($) { $.fn.tips = function (text) { var divtipsstyle = "position: absolute; left: 0; top: 0;
Time of Update: 2014-12-22
webapp架構AngularUI的demo改造之路,webappangularui目的:把AngularUI的模板應用到現有項目上步驟如下:按功能表修改demo介面學習angularUI如何載入全部頁面,為了設定自訂載入模板,在demo/demo.js中找到這一段複製代碼 代碼如下://當#為/,/scroll等等,請求index.html中<base href=""> + home.html的頁面app.config(function($routeProvider)
Time of Update: 2014-12-21
js中匿名函數的建立與調用方法分析,js匿名本文執行個體分析了js中匿名函數的建立與調用方法。分享給大家供大家參考。具體實現方法如下:匿名函數就是沒有名字的函數了,也叫閉包函數(closures),允許 臨時建立一個沒有指定名稱的函數。最經常用作回呼函數(callback)參數的值,很多新手朋友對於匿名函數不瞭解。這裡就來分析一下。function
Time of Update: 2014-12-22
使用jQuery簡單實現類比瀏覽器搜尋功能,jquery搜尋功能寫的匆忙,示意一下,有待完善。把以下代碼複製到文字檔中,把副檔名改為.html就可以運行了。複製代碼 代碼如下:<html><head> <style type="text/css"> .res