ExtJS 4 学习(1)环境配置及注意点
2012-02-18 14:07
260 查看
安装VS2008+VS2008 SP1
下载下载ExtJS 4.0 安装:注意点:新手Extjs学习过程中的低级错误积累
安装extJS插件 For VS2008:Ext智能提示 - Spket(Visual Studio 2008 插件)
下载ExtDesigner(extjs设计器破解程序及开发调试工具)
搞javascrip调试的最好用火狐的浏览器,里面的Firebug比MS脚本调试器好用点[仅个人观点](调试ExtJs利器 - Firebug(Firefox插件)
开始写脚本时的主意点:
脚本的引用顺序问题
<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>
为了支持仍然在IE下直接调试脚本,我们可以在bootstrap.js后添加以下信息,不进行调试时把isDevelopment
//isDevelopment = false;
document.write('<script type="text/javascript" src="' + path + 'ext-all' + ((isDevelopment) ? '-debug' : '') + '.js"></script>');
更改对空图片的引用位置
首先要保证脚步不会在DOM未建立之前就去访问DOM(图片此时是并行下载的),否则就会出现找不到元素的问题。为避免这个现象发生我们可使用Ext.onReeady方法,如下例:
注意脚本的第一行引用图片的路径,这样子做能够避免直接从ext网站上面(www.sencha.com/s.gif')下载该文件,从而加快下载页面的速度。
下载下载ExtJS 4.0 安装:注意点:新手Extjs学习过程中的低级错误积累
安装extJS插件 For VS2008:Ext智能提示 - Spket(Visual Studio 2008 插件)
下载ExtDesigner(extjs设计器破解程序及开发调试工具)
搞javascrip调试的最好用火狐的浏览器,里面的Firebug比MS脚本调试器好用点[仅个人观点](调试ExtJs利器 - Firebug(Firefox插件)
开始写脚本时的主意点:
脚本的引用顺序问题
<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>
为了支持仍然在IE下直接调试脚本,我们可以在bootstrap.js后添加以下信息,不进行调试时把isDevelopment
//isDevelopment = false;
document.write('<script type="text/javascript" src="' + path + 'ext-all' + ((isDevelopment) ? '-debug' : '') + '.js"></script>');
更改对空图片的引用位置
首先要保证脚步不会在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')下载该文件,从而加快下载页面的速度。
相关文章推荐
- Eclipse IDE for C/C++ Developers和MinGW安装配置C/C++开发学习环境详解
- hadoop学习笔记3 hadoop2.5.2单机模式环境配置和eclipse运行
- WP8 学习笔记(001_环境配置)
- Cocos2d-x 3.x环境配置视频教程(新手必看)特别注意MAC系统
- ROS学习(一)开发环境配置
- Cocos2d-x学习笔记一__开发环境配置(Win7 64+VS2013+Eclipse+Cocos3.4+Python 2.7.9+jdk 1.7.0)
- Nginx学习以及PHP+Nginx的环境安装与配置
- OpenGL学习入门之VS2010环境配置
- 深度学习主机环境配置: Ubuntu16.04 + GeForce GTX 1070 + CUDA8.0 + cuDNN5.1 + TensorFlow
- 深度学习框架caffe在ubuntu上无GUP编译环境详细配置
- Eclipse开发Javascript环境配置(含EXTJs配置)
- ios高德地图SDK配置环境学习
- 配置JSP环境--安装J2SDK时应注意的问题
- net-snmp配置开发及注意事项(win32环境)
- Kotlin学习一环境配置
- cocos2d-x 3.x游戏开发学习笔记(1)--mac下配置cocos2d-x 3.x开发环境
- Mocha ES6学习记录 - 1 - 环境配置和初步执行测试
- Go学习之Go语言开发环境配置
- Spark环境配置与学习
- QT安装QML环境配置与QML学习指南