Time of Update: 2017-01-19
CSS3充分吸收多年了web發展的需求,吸收了很多新穎的特性。例如border-radiuscss3特性中最令人興奮的莫過於選取器的增強,例如屬性選取器可以根據某個屬性值來選擇標記,位置選取器可以根據子項目的位置來選擇標記。在目前很多使用的很多瀏覽器,例如IE7,主要支援css2.大部分屬性選取器都不理想。正是因為瀏覽器對css3的相容性問題。各個瀏覽器都未對其做更好的標準支援。jQuery通過預先的javascript編程,提供了幾乎所有css3標準下的選取器。開發人員可以利用這些選取器輕鬆選
Time of Update: 2017-01-19
複製代碼 代碼如下: <DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <style> body{ font:12px/1.5 Tahoma; } #gannt_left{ width:500px; } #left-scroll-panel{
Time of Update: 2017-01-19
1.JS中的是是非非 JS是一門電腦程式設計語言,是一門動態語言也稱為指令碼語言,是解析型程式設計語言。為什麼是指令碼?因為他本身不能執行,就是沒有main函數或主程式的入口,必須被他的宿主環境,也就是解析環境解析執行他。為是什麼是解析型?因為JS不會進行編程,連結,彙編等一系統的過程產生某個檔案,再執行,他就是以字串形式載入執行.. 2.JS中的真真假假 空,null,undefined,false,0,””,'',NaN都為假,其他都為真 3.函數,類,對象,構造器有什麼區別?
Time of Update: 2017-01-19
js拖拽 採用簡單的閉包實現方式 複製代碼 代碼如下: /** * Created with JetBrains WebStorm. * User: lsj * Date: 12-11-24 * Time: 下午12:59 * To change this template use File | Settings | File Templates. */ var dragmanager=(function() { //標識移動元素z軸座標 var index_z=1; //當前的拖拽元素
Time of Update: 2017-01-19
本文執行個體講述了jQuery應用之jQuery鏈用法。分享給大家供大家參考。具體分析如下:很多時候我們可以將jQuery語句連結在一起,這不僅可以縮短代碼長度,而且很多時候可以實現特殊的效果。先看如下代碼:複製代碼 代碼如下:<script type="text/javascript"> $(function() { $("div").addClass("css1").filter(function(index)
Time of Update: 2017-01-19
看了jQueryUI Dialog的例子,效果還不錯,就是用起來有點兒彆扭,寫出的代碼有點擰巴,需要再封裝一下!於是就有了下面這個簡單的DialogHelper輔助類,因為這篇文章分享的重點是思路,所以目前版本的代碼也還非常粗糙。思路對了,後續再封裝成什麼樣都不過是形式而已,希望這個思路能給大家點啟迪,同時歡迎大家開拓思維,提出更好的改進意見。複製代碼 代碼如下://require ScrollHelper.jsfunction DialogHelper()
Time of Update: 2017-01-19
後台從資料庫取出時間,JSON格式化後再傳到gridpanel,這時時間變成了:/Date(32331121223)/這樣的格式,那麼這時需要以下處理才可以正常顯示: 在 複製代碼 代碼如下: var record = Ext.data.Record.create([ { name: 'PublicDate', mapping: 'PublicDate', dateFormat: 'Y-m-d', convert: function (v) { if (v == null) { return
Time of Update: 2017-01-19
knockoutjs 簡稱 ko ko的動態屬性是指,ViewModel不確定的屬性,而後期卻需要的屬性。 什麼是不確定屬性,比如ListModel如果 編輯某一項,想把這一項的狀態變更為Edit。資料並不包括Edit屬性,mvvm綁定時,會發現報錯。 那麼一定需要拓展ko才能達到我們的目的。 首先來認識有值屬性綁定,和 無值屬性綁定: 一、有值屬性綁定: JS模型: 複製代碼 代碼如下: $(function () { var viewModel = function () { var
Time of Update: 2017-01-19
在我這幾天的工作中遇到了一個問題,google了一下找到瞭解決方案,不過是英文的,我簡單翻譯下讓更多的人能看懂 譯文如下: 我有一個可編輯的div,並且在DIV裡面還有一個可編輯的span,我想要讓span能響應鍵盤事件, 這裡是測試JS代碼: 複製代碼 代碼如下: $(function() { $('#someid').keypress(function(event){alert('test');}); }); 這裡是測試html代碼: 複製代碼 代碼如下: <div
Time of Update: 2017-01-19
本文執行個體講述了jquery調取json資料實現省市級聯的方法。分享給大家供大家參考。具體如下:使用jQuery mobile作為建立移動web的架構,需要實現省市級聯的功能,具體代碼如下(還需要最佳化的地方):Html代碼:jQuery mobile中,有input list屬性,下方緊跟<datalist >標籤,中間包含的<option
Time of Update: 2017-01-19
網站首頁沒有一點動畫怎麼可以,我以前用過Flash As3做過圖片切換,效果非常不錯,可是麻煩,改變起來麻煩。一直都想自己做個圖片轉場效果,總認為比較麻煩,今天自己實踐了一下,其實還比較簡單。不過有個小問題,IE8不相容模式下 設定有透明效果的div 樣式添加失效了,但是我用Google,IE8相容測試都ok。反正是給自己記錄的,也不多話了,js沒有與頁面分離,也沒有做出外掛程式。一個網站要不了幾個這種效果,先實現了再說吧。最後的效果還是很高大上的。頁面+JS代碼複製代碼
Time of Update: 2017-01-19
使用jQuery實現。所用圖片:1、嘗試滾動 此頁面到底部即可出現go2top按鈕。2、go2top-inner暫未使用。HTML&JS定義:複製代碼 代碼如下:<a id="go2top" class="go2top" href="#header"><span class="go2top-inner"></span></a><script type="text/javascript">$(function(){
Time of Update: 2017-01-19
本文執行個體講述了限制上傳檔案大小和格式的jQuery外掛程式。分享給大家供大家參考。具體分析如下:在用戶端上傳檔案,通常需要限制檔案的尺寸和格式,最常用的做法是使用某款外掛程式,一些成熟的外掛程式的確介面好看,且功能強大,但美中不足的是:有時候會碰到瀏覽器安全色問題。本篇就來寫一個"原生態"的jQuery外掛程式,使之能限制上傳檔案的大小和格式。首先,寫一個名稱為checkFileTypeAndSize.js的外掛程式。通過判斷當前檔案的尾碼名是否被包含在預先設定所允許的尾碼名數組中,來限制檔
Time of Update: 2017-01-19
本文執行個體講述了jQuery中DOM操作的方法。分享給大家供大家參考。具體分析如下:這裡主要設計的dom操作包括:dom對象的建立(JS方式和jquery方式)、屬性的修改、樣式的修改、動態綁定事件代碼如下:複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><script type="text/javascript"
Time of Update: 2017-01-19
jBox 是個不錯的對話方塊組件。 在 ASP.NET Form 中使用 jBox 的時候,在按鈕註冊的用戶端點擊事件中,會發現不能彈出對話方塊問題。 表現為頁面一閃就提交了,導致對話方塊一閃而過,甚至根本看不到。導致強制回應對話方塊失敗。 首先,按鈕會有預設處理,對於普通的 ASP.NET 按鈕來說,會導致表單的提交,提交表單導致了頁面的重新整理。所以,為了不提交表單,就需要阻止按鈕預設的行為,這可以通過下面的代碼實現。 複製代碼 代碼如下: function stopDefault( e )
Time of Update: 2017-01-19
這裡是seajs loader的核心部分,有些IE相容的部分還不是很明白,主要是理解各個模組如何依賴有序載入,以及CMD規範。 代碼有點長,需要耐心看: 複製代碼 代碼如下: /** * The core of loader */ ;(function(seajs, util, config) { // 模組緩衝 var cachedModules = {} // 介面修改緩衝 var cachedModifiers = {} // 編譯隊列 var compileStack = [] //
Time of Update: 2017-01-19
JS控制項的生命週期跟其他平台UI的生命週期類似,但是又有自己的特點,我們只有將控制項的生命週期劃分清晰,所有的控制項編寫、mixins的編寫和plugin的編寫才能遵循控制項的生命週期做統一的管理。在這裡我把JS的生命週期定義為4部分: 1.initializer: 初始化,做一些不牽扯DOM操作的初始化操作 2.createDom: 建立 DOM,在這個過程中我們建立控制項需要的DOM結構 3.renderUI: 產生控制項的內部元素,在這裡調用子控制項的渲染方法,開啟子控制項的生命週期 4
Time of Update: 2017-01-19
從前文的執行個體中,我們按到jQuery語句可以連結在一起,這不僅可以縮短代碼長度,而且很多時候可以實現特殊的效果。複製代碼 代碼如下: <script type="text/javascript"> $(function()
Time of Update: 2017-01-19
jQuery是繼Prototype之後的又一款優秀的JavaScript架構,深受廣大開發人員熱愛,使用者甚廣。而jQuery一個很好的地方在 於使用者的自訂,即我們可以書寫自己的外掛程式來完善jQuery的各項功能,定製自己所需要的功能,剔除冗餘的代碼,在頁面載入時候可以有一定程度上的提
Time of Update: 2017-01-19
本文執行個體講述了jQuery中trigger()方法用法。分享給大家供大家參考。具體分析如下:此方法觸發匹配元素指定類型的事件。文法結構一:規定匹配元素被觸發的事件類型。複製代碼 代碼如下:$(selector).trigger(event,param1,param2,...)參數列表: 參數 描述 event 規定指定元素要觸發的事件。 可以是自訂事件(使用 bind() 函數來附加),或者任何標準事件。