Time of Update: 2014-06-27
不說廢話,直接上代碼,最好將on.png和off.png也使用jquery mobile裡的圖片//仿jQuery mobile Select控制項//用法box為容器id,_id指控制項id,selectvalue為選中值,Value為當前值function SelectBox(box,_id,selectvalue,Value){if(Value != selectvalue){$("#" + box).html("");$("#off" + _id).css("width","82px")
Time of Update: 2014-06-27
許多的JS架構類庫都選擇使用$符號作為函數或變數名,而且在實際的項目開發中,使用範本語言的話有可能"$"符號即為該範本語言的關鍵字。例如Veclocity範本語言,$是關鍵字.與jQuery一起使用可能會存在衝突(頁面中直接寫jq代碼,引入的js檔案不存在該問題)。吐槽下為啥這麼多js庫喜歡用$($ is money?)。
Time of Update: 2014-06-26
小菜偶然在某網站中看到一款非常華麗的按鈕特效,感覺十分有必要抄襲下來,以備日後使用。 簡單描述一下按鈕的效果:滑鼠移到按鈕上的時候,會出現燈光閃過的效果,非常的高端。 但遺憾的,這麼牛逼的效果,僅僅相容Google瀏覽器,連Firefox都識別不了。
Time of Update: 2014-06-26
DIV+CSS有兩種盒模型標準w3c盒模型IE盒模型如何讓瀏覽器能夠按標準盒模型來處理,就是在網頁的頂部加上DOCTYPE聲明。如果不加
Time of Update: 2014-06-19
如果你是一個 WordPress 編碼器或開發人員,下載一些方便的 WordPress 備忘單尋找你的工作然後你在正確的地方。我們已經列出了25個有用的和方便的 WordPress 速查手冊。WordPress 備忘單後將協助你發展你的 WordPress 主題和外掛程式以及這些有助於搜尋引擎最佳化你的部落格。享受! !1. WP-CheatSheet 2. Complete WordPress Cheat Sheet 3. Cheat Sheet SEO for
Time of Update: 2014-06-19
在網路編程領域,常用的解決方案就是JSP(SSH)、ASP.NET、PHP加上LAMP這種架構。不過,現在這個大家庭加入了NodeJS,這個輕量級的基於JavaScript服務端庫的平台可以使用非同步I/O的方式來提升整體的效能。I/O操作是網路傳輸中佔用資源最大的模組。當Apache伺服器接收到請求時,它會將它傳輸到PHP解譯器來執行任何動態指令碼的模組。這也是最棘手的模組,如果PHP指令碼需要從磁碟或者資料庫中讀寫資料,這回成為整個環節中最慢的一環。如果調用PHP中的file_g
Time of Update: 2014-06-17
引言: 原生的 alert 樣子看起來很粗暴,網上也有一大堆相關的外掛程式,但是基本上都是大而全,僅僅幾句話可以實現的東西,可能要引入好幾十k的檔案,所以話了點時間自己寫了個彈出效果,放到項目上去發現效果還不錯,這裡貼出來,做個備忘,有需要的同學可以拿去,也可以作為一個參考。 複製代碼 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Time of Update: 2014-06-17
需求描述:頁面上可以動態添加資料,比如table,點擊按鈕可以動態添加行。又或頁面載入時table資料是通過ajax從後台擷取的。而這時我們想要擷取其中的某個值,又該如何擷取呢?如果是要通過某個事件來擷取的比如click,mouseover等等,則可以使用live()方法$(".button").live("click",function(){ console.info($("#mytd").html()); })
Time of Update: 2014-06-16
複製代碼 代碼如下: <span style="font-size:14px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta
Time of Update: 2014-06-17
現在有這樣一種需求,需要選出所有有背景圖片的元素.這個問題有點棘手.我們無法使用選擇運算式來完成這個問題了.使用jQuery的DOM過濾方法filter(),可以根據函數中表達的任何條件選擇元素.jQuery中的過濾器方法允許傳遞一個字串(也就是選取器運算式)作為參數.或者傳遞的是一個函數.它的返回值將定義某個元素是否被選中.傳遞的函數將對當前選擇集中的每個元素運行.當函數返回假時,對應的函數就從選擇集中被刪除掉.每當返回值為真的時候,對應的元素不受影響.jQuery
Time of Update: 2014-06-16
現在有這樣一種需求,需要選出所有有背景圖片的元素. 這個問題有點棘手.我們無法使用選擇運算式來完成這個問題了. 使用jQuery的DOM過濾方法filter(),可以根據函數中表達的任何條件選擇元素. jQuery中的過濾器方法允許傳遞一個字串(也就是選取器運算式)作為參數. 或者傳遞的是一個函數.它的傳回值將定義某個元素是否被選中. 傳遞的函數將對當前選擇集中的每個元素運行. 當函數返回假時,對應的函數就從選擇集中被刪除掉.每當傳回值為真的時候,對應的元素 不受影響. 複製代碼 代碼如下:
Time of Update: 2014-06-17
動機】 之前寫網路通訊協定的時候,使用的是google protobuf,protobuf不但在效能和擴充性上有很好的優勢,protoc自動產生c++類代碼的工具,這點確實給程式員帶來了很多便利。 做後面一項目使用的json格式來傳輸,然後就萌生了實現像protoc這樣的工具,根據json檔案來產生c++類代碼,並且產生序列化代碼,這樣在寫網路的時候就無需把jsonvalue序列化散落在各處。 【思路】
Time of Update: 2014-06-18
在使用bootstrap和easyui的時候,發現很多有衝突的地方,包括datagrid控制項和combo等,以下進行的問題修正,保證easyui正常顯示/*bootstrap相容問題和easyui的bug*/.panel-header, .panel-body {border-width: 0px;}.datagrid,.combo-p{border:solid 1px #D4D4D4;}.datagrid *{-webkit-box-sizing: content-box;-moz-box-
Time of Update: 2014-06-17
複製代碼 1 $(document).on('scroll', function() { 2 varscroll = parseInt($(document).scrollTop()); 3 if
Time of Update: 2014-06-16
一般就是改自己的函數名:比較省事也簡單,直接批量替換就可以了。先上代碼:複製代碼 代碼如下:var $= function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; 這段代碼是模仿jquery自訂id選取器的方法,但是因為jquery選取器也是用的這個“$”,如果你引用jquery並且使用這個方法,那麼頁面就會報錯,解決大辦法就是修改自己的方法把"$"改成"getId(id)";複製代碼
Time of Update: 2014-06-16
js判斷瀏覽器類型$.browser 對象$.browser.version 瀏覽器版本 複製代碼 代碼如下: var binfo = ''; if ($.browser.msie) { binfo = "Microsoft Internet Explorer " + $.browser.version; } else if ($.browser.mozilla) { binfo = "Mozilla Firefox " + $.browser.version; } else if
Time of Update: 2014-06-16
複製代碼 代碼如下: <ul id=“newslist”> <li> <span class="fr w160 tl">2013-06-24</span> <span class="news_list_icon fl mr8 icon" ></span> <span class="fl"><a href="{href}" onmouseover="javascript:changeReadIconOver(
Time of Update: 2014-06-16
標準瀏覽器下: height:高度 innerHeight:高度+補白 outerHeight:高度+補白+邊框,參數為true時:高度+補白+邊框+邊距 html代碼: 複製代碼 代碼如下: <div class="width: 150px;height:20px;float: left;border: 2px solid red;margin: 10px;margin: 10px;padding: 10px;" id="test">jjjjj</div> js代碼:
Time of Update: 2014-06-16
這篇部落格必須寫了,它浪費我了一個上午的時間。為了以後能快速尋找到這方面的錯誤,節約更多的時間。 情況是這樣的:我寫了一個後台管理系統是引用Marix Admin的,因為這個系統包含了很多很多架構,如jquery,bootstrap,還有它自身的架構系統marix,一大堆的js和css檔案。你想引入外面的架構時,就會和原來的庫檔案產生衝突,還有就是書寫的格式問題。 針對上面兩大問題,解決方案如下:
Time of Update: 2014-06-16
需要擷取一些HTML的對象的座標來更靈活的設定目標層的座標,這裡可以通過用到document.body.scrollTop等屬性,但是這些屬性在xhtml的標準網頁中或更簡單的說就是帶<!DOCTYPE...>的標籤中得到的值是0;如果不要此標籤則一切正常,那麼在xhtml中如何擷取body的座標呢?當然有辦法了,我們使用document.documentElement來取代document.body例如可以這樣寫: 複製代碼 代碼如下: var