extjs 项目中文件的加载过程
来源:互联网 发布:java游戏编程入门pdf 编辑:程序博客网 时间:2024/06/05 01:50
js类加载过程。如下图所示:
1、首先:浏览器中输入 localhost:8080/ProjectName ,调用 index.html;
在这里面只引入了一个文件:bootstrap.js。这是一个神奇的文件,他根据配置文件bootstrap.json来设置extjs的类的调用路径、引入css,最后再根据配置文件中的信息,加载app.js。这个文件只要知道这些功能就行了,要了解具体的内部实现,可以去搜索一下相关文章。
2、app.js文件的说明
上面的类中会根据类加载的设置信息,自动为类 app.Application加载文件 /app/Application.js,同样也为app.view.main.Main类找到js文件并加载。
3、Application.js文件
4、Main.js 文件
上面的类是继承自Container的一个容器类,这个类使用了extjs5的mvvm的新特性,
上面的属性controller表示当前Main类的控制器为"main",这个类里没有引用控制器的语句,因此控制器的类名可能是有其默认的加载规则,应该是在当前路径中加载“Main”+"Controller.js",这个文件作为控制器。viewModel属性定义了VM的类型,其加载类的规则和上面控制器是一样的。
由于此类是作为一个 autoCreateViewport 属性被加载,加载完成后会立即生成一个实例,并渲染,就是我们看到的网页。
extjs中类的动态加载机制很灵活,这里也不能全部讲到,有不明白的可以查找相关资料。在用sencha cmd 对js 进行编译以后,会将所有的js ,包括用户手工写的和extjs5 sdk中用到的类全部放在一个文件中,发布的时候就只有一个大的js文件。
阅读全文
0 0
- extjs 项目中文件的加载过程
- 跟我一起学extjs5(03--项目中文件的加载过程)
- 开发过程中文件的读写
- 如何获取项目中文件的路径
- Java web 项目中文件的下载
- web项目中文件的导入导出
- 读取项目中文件的内容
- 10. PHP中文件加载
- Unity中文件流和WWW的方式加载图片
- .NET项目中文件后缀名
- IOS读取项目中文件
- EXTJS的Store加载
- web项目的启动时文件加载顺序
- 关于jsp项目中文件的存放位置
- eclipse打开项目中文件所在的目录
- 间接获取Web项目中文件的绝对路径
- 怎样获取java项目中文件读取的相对路径
- VS2013编辑cocos2d-x项目时文件筛选器中文件不能包含的问题
- jsp中的指令标识
- Servle的线程安全问题
- 简易printf打印实现,占用内存非常小------<嵌入式开发自学笔记>
- IDEA 反撤销(还原)快捷键及新版IDEA使用教程
- Android8.0 ZenMode 静音模式
- extjs 项目中文件的加载过程
- AsyncTask的相关任务总结
- OpenGL中Camera类的设计以及使用
- Mac vmWare 找不到可以连接的有效对等进程
- 第一次使用maven创建web项目
- SQL 语法
- eclipse Clean 项目不生成class文件
- 代码创建 UI 组件时出现的错误 UILayoutConstraint translatesAutoresizingMaskIntoConstraints: Bool
- github restful api v3学习梳理