Ext Core3.0 Beta發佈了

 爲慶祝Ext發佈了三週年,我們給出Ext Core 3.0 給大家下載。所謂ExtCore,那就是提供了一系列針對Web頁面日常開發使用的這一個API,ExtCore採用MIT的許可,——該許可,,沒啥大問題,直接用就是了。

創建富界面的這番過程,告訴了我們,在增強當前/新Web頁面的時候,哪些功能是尤其有用的,有了這些經驗的累積,我們把他們歸納出來便是ExtCore 部分。Ext Core相當於Ext JS 3.0的一個子集,在速度與文件體積上作了優化。這樣,熟悉ExtJS的開發者就可以在他們的Web網頁上發揮着他們已學會的技能。

Ext Core概述  
Ext Core以定義良好的面向對象知識體系來劃分其自身與其他JavaScript庫的關係,讓你的代碼達至一種清晰、便於複用的效果。Ext Core提供了跨瀏覽器的抽象層面:

  •     操控&遍歷DOM
  •     CSS管理
  •     事件的處理
  •     Ajax與JSON
  •     動畫

除了以上DOM層面的內容,Ext Core還包括了Ext JS原來一些有用的功能:

  •     基於類的繼承方案
  •     觀察者類
  •     產生HTML標籤與模板
  •     時控代碼
  •     URL編碼與解碼


庫大小
對於動態網頁又或者小型一點的網頁程序來說,ExtCore就是一個好選擇。實不相瞞,我們搞來搞去、重構來重構去不就是爲了那壓縮比出來得好一點。考慮帶有了這些功能在內,ExtCore已經小得不能再小了,壓縮並且GZip過後大小是25kb左右。

Ext Core手冊
另一方面我們從標準庫劃分開來的還有Ext Core的手冊。它由Ext Core作者本身來寫,還讓社區一衆高手過目一番,儘可能爲初學者和老手都提供精緻深入的用法指南。這本迷你書囊括了全部的類和類方法(A4->75頁),並融合至API文檔中。既然說到這裏,我們還想鼓勵每一位、包括Ext Js用戶在內,都閱讀一下這份手冊,爲的是,用起JavaScript與Ext更得心應手。

Ext Core的例子
爲演示ExtCore能力,我們團隊在頁面上就做了幾款相當有用的擴展來說明問題。希望方便您在創建自己的擴展的時候參考一下。既然有了體積不大的ExtCore,直接嵌入在貴博客就可以。下面這些例子都可以順便分享。

DomQuery與CompositeElementLite
DomQuery提供高性能、基於選擇符(Selector)的元素定位,支持大多數CSS規範的選擇符、自定義選擇符和簡單的XPath。一個常見的例子就是控制一羣DOM元素的時候。利用CompositeElementLite處理集合元素時允許我們好像單獨一個元素那般處理。這裏是加入樣式的例子:



更簡單的事件控制
Ext Core事件的抽象層解決了跨瀏覽器的難題和提供了制定事件的功能。統一地,它提供了諸如延時、緩衝、委託等配置項參數。如下例,我們點擊了元素就觸發這樣的事件:


結束語
超過七萬名註冊會員的論壇,如此澎湃的激情使我們不得不再體現一下“a foundation you can buildon”意義所在。希望此核心庫能去開拓越來越多的動態網頁,做出活潑的應用而又是一段令人愉快的開發過程。

發佈了15 篇原創文章 · 獲贊 5 · 訪問量 35萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章