Time of Update: 2014-05-10
js中的round函數可以用來對數字進行四捨五入處理,它針對的是小數點後面的第一位元字進行計算。round函數可以對數字取整,它是一個四捨五入函數,下面來看看round的文法:複製代碼 代碼如下:Math.round(number)下面來看幾個範例:複製代碼 代碼如下:document.write(Math.round(2.65));// print 3document.write(Math.round(7.05));// print 7document.write(Math.round(-2.
Time of Update: 2014-05-09
今天我們想與大家分享一組創意的頁面切換熊效果集合。我們已經在樣本中羅列了一組動畫,可以被應用到頁面切換過程中,創造出很有趣的導航效果。雖然有些效果都非常簡單,只是簡單的滑動動作,但另外的一些則是利用了視角(Perspective)和 3D 轉換(3D Transforms)來創造一些立體動感的效果。 線上示範 溫馨提示: CSS 動畫根據它們的實現的效果分為不同的組。為展示頁面過渡效果,我們使用以下結構:<div id="pt-
Time of Update: 2014-05-09
複製代碼 代碼如下:<html><head><script language="javascript" type="text/javascript">function MakeExcel(){var i,j; try { var xls = new ActiveXObject ( "Excel.Application"
Time of Update: 2014-05-09
在jquery中處理JSON數組的情況中遍曆用到的比較多,但是用添加移除這些好像不是太多。今天試過json[i].remove(),json.remove(i)之後都不行,看網頁的DOM對象中好像JSON資料是以數組的形式出現的,查閱了下相關JS中數組的操作一試果然很爽。記錄下來。1、數組的建立複製代碼 代碼如下:var arrayObj = new Array(); //建立一個數組var arrayObj = new
Time of Update: 2014-05-09
在js中如果打算使用setInterval進行倒數,計時等功能,往往是不準確的,因為setInterval的回呼函數並不是到時後立即執行,而是等系統計算資源空閑下來後才會執行.而下一次觸發時間則是在setInterval回呼函數執行完畢之後才開始計時,所以如果setInterval內執行的計算過於耗時,或者有其他耗時任務在執行,setInterval的計時會越來越不準,延遲很厲害. 下面的代碼可以說明這個問題 複製代碼 代碼如下: var startTime = new
Time of Update: 2014-05-09
在ECMAScript v3中,給Function原型定義了這兩個方法,這兩個方法的作用都是一樣的:使用這兩個方法可以像調用其他對象方法一樣調用函數,這句話是從書上抄的,至少我是沒讀明白這是什麼意思。 下面說簡單易懂的,先看段代碼: 複製代碼 代碼如下:function Introduce(name,age) { document.write("My name is "+name+".I am "+age); } var p=new People();
Time of Update: 2014-05-09
複製代碼 代碼如下: /** * lowerValue 最小值 * upperValue 最大值 */ function selectFrom(lowerValue, upperValue){ //取值範圍總數 var choices = upperValue - lowerValue + 1; return Math.floor(Math.random() * choices + lowerValue); } var num = selectFrom(2, 10); alert(num);//
Time of Update: 2014-05-08
1.如果是模組,可以這樣首碼: 標題:title,tit 提示:hint 菜單:menu 資訊:info 預覽:pvw &
Time of Update: 2014-05-08
iframe子頁面與父頁面通訊根據iframe中src屬性是同域連結還是跨域連結,通訊方式也不同。 一、同域下父子頁面的通訊 父頁面parent.html 複製代碼 代碼如下: <html> <head> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say();
Time of Update: 2014-05-09
本屌絲最近工作要求重寫網站所有代碼,so...極其蛋疼的事情出現了,管我的人要求不能用網上的外掛程式,oh~~~my god!! 這是多麼能讓千萬隻草原上的馬兒奔騰的要求~~~先實現一個比較簡單的功能:需求:網頁遮罩層/彈出層,相容IE6幸好本屌絲以前聰明收集了個js的版本,so,自己改寫成了jQuery外掛程式形式的,方便以後使用。屁話不多放,無碼無真相!/******************************* * @name Layer跨瀏覽器安全色外掛程式 v1.0 *******
Time of Update: 2014-05-09
一、前言 requireJS(一) 本篇主要整理requirejs的一些用法,相對比較零散。 執行個體目錄 二、最佳化 requirejs建議我們給每一個模組書寫一個js檔案。但是這樣會增加網站的http請求,這時可利用工具打包,詳情求戳連結查看。 三、關於define自訂模組 之前說到自訂模組define()可接收三個參數,其中第一個參數為模組的名字。即我們可以顯式的定義模組的
Time of Update: 2014-05-08
WordPress是一個免費和開源部落格工具和一個內容管理系統(CMS)基於 PHP 和 MySQL,它運行在一個 虛擬主機服務。每個月的 WordPress 主題是由開發人員,其中使用者喜歡使用 WordPress 雜誌主題的網站。雜誌的主題包括滑塊,網格布局,豐富多彩的內容、分頁、菜單和許多功能讓你的wordpress網站美麗和眼部感染。 今天,我們展示25美麗自由WordPress雜誌主題與我們的觀眾。這些 WordPress
Time of Update: 2014-05-08
fiddle的功能相當的強悍,使用者也非常廣,不過今天我就教大家用fiddle進行前端調試。首先下載軟體fiddle,點擊對應的版本下載安裝。安裝成功後開啟看到右側的導覽列:點擊AutoResponder接下來出現的三個選項全部都要勾選,具體什麼意思就是英文翻譯了。然後:添加一個rule在rule editor中第一個文字框裡粘貼你要替換的原地址,比如:然後進行下一步,在第二個框中點擊選擇find a
Time of Update: 2014-05-08
css是一種讓html與樣式分離解析而出現的代碼,它的出現大大提高了程式員的工作效率,和後期進行維護的效率。但是發展至今,由於起死板單調的寫法,越來越不能滿足程式員們靈活的思維,很多時候是種恨鐵不成鋼的心情來寫css,於是,有一些聰明的程式員就發明了less。 less是為了簡化css開發,靈活css開發而出現的,其功能非常強大,靈活性也很高,上手也很快,所以越來越受到前端開發的青睞,其中的基本文法我就不講了,相信度娘上有無數的教程可以參閱,我就來講點利用less靈活的特點做的一些東西。
Time of Update: 2014-05-08
今天幫同事解決了用jQuery獲得動態手機螢幕寬高的問題。 問題的起因是,當同事用了一個需要全屏滾動的圖片控制項時,需要獲得螢幕的高度來設定圖片為全屏。但是他用$(window).height()始終無法第一次拿到高,重新整理一下後就可以,我嘗試了使用window.onload=function(){}來解決,發現依然無法成功。 最後,我認為一定是因為第二次重新整理時,瀏覽器有了緩衝,所以就可以拿到了高,那麼肯定是頁面載入DOM的時間差,導致了這個問題,於是就使用了setTimeout(方法名,
Time of Update: 2014-05-07
karma啟動時出現了很多問題: 1.安裝karma前提條件安裝karma首先要安裝nodejs,npm然後才可以安裝karma.nodejs,npm的安裝過程可以參考文章:Angularjs學習---angularjs環境搭建,ubuntu 12.04下安裝nodejs、npm和karma 2.安裝karma步驟karma官方指導教程 1).首先執行下面命令: npm install -g karma2).安裝karma-cli $
Time of Update: 2014-05-06
以下代碼在IE8下運行通過,在IE9中出錯:複製代碼 代碼如下:document.createElement('<iframe id="yige-org-iframe" src="yige.org.logo.gif" style="position:absolute;top:0;left:0;width:1px;height:1px;visibility:hidden;"></iframe>');錯誤提示:exception : SCRIPT5022: DOM
Time of Update: 2014-05-06
1、方法一 複製代碼 代碼如下: var tree = L5.getCmp('edocOutfileRelationTree'); //增加選擇樹,節點自動摺疊 tree.on("click", function(node,e){ node.getUI().toggleCheck(true); }); tree.root.expand(); 2、方法二 複製代碼 代碼如下: var tree = L5.getCmp('orgstrutree'); //增加選擇樹,節點自動摺疊 tree.on(
Time of Update: 2014-05-03
formpanel可以這樣使用,api上的例子: 複製代碼 代碼如下: var panel=Ext.create('Ext.form.Panel', { title: 'Simple Form', bodyPadding: 5, width: 350, // 將會通過 AJAX 請求提交到此URL //url: 'save-form.php', // 表單域 Fields 將被豎直排列, 佔滿整個寬度 layout: 'anchor', defaults: { anchor: '100%' },
Time of Update: 2014-05-03
繼續我的上一篇,設定好cookie後,將他們取出來 複製代碼 代碼如下: var userName = Ext.util.Cookies.get('userName'); var userAuthority = Ext.util.Cookies.get('userAuthority');//0,1,2 接下來就可以用了 複製代碼 代碼如下: //樹形菜單根據不同許可權顯示 var treeUrl='../store/ccTree'+userAuthority+'.json'; var