ExtJS 4 学习(1)环境配置及注意点

  1. 安装VS2008+VS2008 SP1
  2. 下载下载ExtJS 4.0 安装:注意点:新手Extjs学习过程中的低级错误积累
  3. 安装extJS插件 For VS2008:Ext智能提示 - Spket(Visual Studio 2008 插件)
  4. 下载ExtDesigner(extjs设计器破解程序及开发调试工具
  5. 搞javascrip调试的最好用火狐的浏览器,里面的Firebug比MS脚本调试器好用点[仅个人观点](调试ExtJs利器 - Firebug(Firefox插件)
  6. 开始写脚本时的主意点:
    1. 脚本的引用顺序问题
      <link href="your extjs framework address/extjs4.0.7/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
      <script src="your extjs framework address/extjs4.0.7/bootstrap.js" type="text/javascript" ></script>
    2. 为了支持仍然在IE下直接调试脚本,我们可以在bootstrap.js后添加以下信息,不进行调试时把isDevelopment

          //isDevelopment = false;
        document.write('<script type="text/javascript" src="' + path + 'ext-all' + ((isDevelopment) ? '-debug' : '') + '.js"></script>');

    1. 更改对空图片的引用位置

      首先要保证脚步不会在DOM未建立之前就去访问DOM(图片此时是并行下载的),否则就会出现找不到元素的问题。为避免这个现象发生我们可使用Ext.onReeady方法,如下例:

      Ext.BLANK_IMAGE_URL = 'http://www.cnblogs.com/ext4/resources/images/default/s.gif';

      //我在EXtJS的解压的包里没有发现该文件,所以我们可以从网站上下载保存到自己的机器上,再引用
      Ext.onReady(function()

      //we put all our code here

      });

      注意脚本的第一行引用图片的路径,这样子做能够避免直接从ext网站上面(www.sencha.com/s.gif')下载该文件,从而加快下载页面的速度。

原文地址:https://www.cnblogs.com/dwfbenben/p/2357044.html