91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

ExtJS2.0開發與實踐筆記[0]——初識ExtJS

發布時間：2020-04-01 20:18:06 來源：網絡 閱讀：910 作者：cping 欄目：web開發
ExtJS2.0開發與實踐筆記[0]——初識ExtJS
簡短的前言：
隨著網絡技術的發展，良好的用戶體驗及豐富的客戶端功能已成為Web程序所共同追逐的目標，并扮演非常重要的一環。基于Ajax應用思想的盛行，prototype、ext、dojo、yui、mootools等越來越多的第三方開源Javascript Library開始涌現，雖然這極大地增加了我們對web應用的擴展可能性，但同時也或多或少的增加了我們的學習難度。
為此，我準備在blog中逐步整理學習心得，已備查找需要及看客指正。
什么是ExtJS?
按照Ext開發團隊的說法，ExtJS從應用角度上講是一個用戶界面庫，而不是一個JavaScript Library。原本作為Yahoo! UI Library(也就是YUI)的擴展而被開發出來，但從1.1版本開始由于支持者的增多，已經得到了必要的擴充，不再依賴于YUI。ExtJS可以與prototype.js和jquery等成熟的js庫一起使用，也可以作為單獨的應用部署到開發中去，Adobe AIR與iPhone開發工具都提供了對Ext的支持。
就我個人的觀點而言，在業務處理上講ExtJS2.0已非常完備，足以滿足絕大多數web表示層應用的需求；但是對于解釋執行的javascript來講性能損耗問題卻始終無法避免，因此個人不建議在要求響應速度的項目中使用ExtJS進行開發。
ExtJS并不是一個完全免費的項目，他以普通開源版及企業版共存的方式發行，企業版收費標準如下圖：
ExtJS2.0開發與實踐筆記[0]——初識ExtJS
我們可以通過[url]http://extjs.com/download[/url]來獲得最新版本的ext框架。
 
發展簡史：
YUI-Ext
「Yahoo! UI Library」 的擴展。
Ext 1.0
「Yahoo! UI Library」 的擴展，同時也支持prototype.js和jquery等。
Ext 1.1
不再依賴「Yahoo! UI Library」，能夠不依賴任何第三方組件而單獨使用。
Ext 2.0
極大豐富界面庫的一版，還在繼續擴充中。
 
運行效果圖：
ExtJS2.0開發與實踐筆記[0]——初識ExtJS
 
 
如何開發ExtJS2.0應用？
針對ExtJS2.0，由于其通過瀏覽器解釋執行，所以我們即可以使用記事本、EditPlus、UltraEdit等方式直接編輯文本文件，也可以通過IDE進行調試開發。

目前Eclipse上已經有很多能夠支持ExtJS2.0的插件，如Spket等，此處不一一例舉。本人在此僅以自己常用的Aptana IDE作為開發平臺。
Aptana是一個專注于javascript的開源IDE環境，它提供了豐富的javascript開發及調試資源，本人從0.2版本開始試用，目前最新版本為1.1，我們可以通過[url]http://www.aptana.com/download[/url]獲得其最新版本。
 
原始版本的Aptana1.1只支持Ext1.1版本，所幸Aptana論壇有人提供了第三方的升級插件，我們可以通過[url]http://support.aptana.com/asap/browse/STU-547[/url]或[url]http://orsox.mocis.at/download.php?list.1[/url]進行下載，直接copy到Aptana的plugins文件夾下重啟Aptana即可運行。
 
此時我們可以通過Aptana的[Window]項下[Preference]選項調整Aptana的設置選擇支持Ext2.0。
ExtJS2.0開發與實踐筆記[0]——初識ExtJS
 
ExtJS2.0的“Hello World”
 
在Aptana中使用ExtJS2.0，我們至少需要ExtJS2.0中的如下文件：
 
Adapter文件夾
框架及外部資源適配器，我們需要其中ext文件夾下的ext-base.js文件控制ExtJS全局。
Resources文件夾
一個文件夾，包含了css,p_w_picpath等Ext必須的資源
ext-all.js文件
一個壓縮的單文件ExtJS文件集合
 
ExtJS2.0開發與實踐筆記[0]——初識ExtJS
實際如下圖：
ExtJS2.0開發與實踐筆記[0]——初識ExtJS
 
首先，我們在helloworld.js中建立如下內容
ExtJS2.0開發與實踐筆記[0]——初識ExtJSExtJS2.0開發與實踐筆記[0]——初識ExtJS/**//**
ExtJS2.0開發與實踐筆記[0]——初識ExtJS * 通過Ext輸出Hello World,[Ext.onReady是ExtJS所定義的,當頁面加載完畢之后,會自動調用
ExtJS2.0開發與實踐筆記[0]——初識ExtJS * Ext.onReady]
ExtJS2.0開發與實踐筆記[0]——初識ExtJS * 
ExtJS2.0開發與實踐筆記[0]——初識ExtJS * @param {Object} ''
ExtJS2.0開發與實踐筆記[0]——初識ExtJS * @param {Object} 'Hello World!'
ExtJS2.0開發與實踐筆記[0]——初識ExtJS */
ExtJS2.0開發與實踐筆記[0]——初識ExtJSExtJS2.0開發與實踐筆記[0]——初識ExtJSExt.onReady(function() ...{
ExtJS2.0開發與實踐筆記[0]——初識ExtJS    //以Ext的alert打印'Hello World!'
ExtJS2.0開發與實踐筆記[0]——初識ExtJS    Ext.MessageBox.alert('','Hello World!');
ExtJS2.0開發與實踐筆記[0]——初識ExtJS});

而后，我們建立helloworld.html文件，內容如下
ExtJS2.0開發與實踐筆記[0]——初識ExtJS<html>
ExtJS2.0開發與實踐筆記[0]——初識ExtJS<head>
ExtJS2.0開發與實踐筆記[0]——初識ExtJS    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
ExtJS2.0開發與實踐筆記[0]——初識ExtJS    <title>HelloExt</title>
ExtJS2.0開發與實踐筆記[0]——初識ExtJS    <!--ExtJS資源加載-->
ExtJS2.0開發與實踐筆記[0]——初識ExtJS    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
ExtJS2.0開發與實踐筆記[0]——初識ExtJS    <script type="text/javascript" src="adapter/ext/ext-base.js"></script>
ExtJS2.0開發與實踐筆記[0]——初識ExtJS    <script type="text/javascript" src="ext-all.js"></script>
ExtJS2.0開發與實踐筆記[0]——初識ExtJS    <!--我的js文件-->
ExtJS2.0開發與實踐筆記[0]——初識ExtJS    <script type="text/javascript" src="helloworld.js"></script>
ExtJS2.0開發與實踐筆記[0]——初識ExtJS</head>
ExtJS2.0開發與實踐筆記[0]——初識ExtJS<body>
ExtJS2.0開發與實踐筆記[0]——初識ExtJS    "ExtJS的Hello World測試"
ExtJS2.0開發與實踐筆記[0]——初識ExtJS</body>
ExtJS2.0開發與實踐筆記[0]——初識ExtJS</html>

在Aptana中選擇如下圖，將自動調用您所選擇的瀏覽器進行測試。
ExtJS2.0開發與實踐筆記[0]——初識ExtJS
 
輸出運行效果如下圖：
ExtJS2.0開發與實踐筆記[0]——初識ExtJS
 
怎么樣，超級簡單，是人就會吧？下一回，我將針對ExtJS的特性開始做深入講解。
向AI問一下細節

免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。

AI
助
手
涿州市| 葵青区| 南江县| 天门市| 黄陵县| 涡阳县| 延吉市| 平乡县| 资兴市| 新沂市| 张掖市| 吉安市| 会泽县| 左贡县| 玉屏| 商河县| 恩施市| 思南县| 延安市| 宁城县| 沁水县| 大冶市| 湖北省| 邳州市| 海伦市| 阿拉善右旗| 北安市| 旬阳县| 上思县| 宁波市| 张家川| 洛南县| 揭阳市| 辽源市| 邯郸县| 田林县| 军事| 上杭县| 格尔木市| 会昌县| 绥江县|