[Ext JS6]Microloader - 微加载器

最新推荐文章于 2024-05-24 09:57:11 发布
最新推荐文章于 2024-05-24 09:57:11 发布
阅读量704 收藏 1
点赞数
分类专栏： 130-Web语言 文章标签： ExtJS Microloader
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oscar999/article/details/89250071
版权

Microloader - 微加载器。
数据驱动的动态加载JavaScript和CSS。

The　Manifest　－清单

Microloader包括的清单：
app.json
用来配置应用的细节。

Ext.manifest
启动应用的时候，会根据app.json加载应用清单。
Loading app json manifest

使用Microloader

默认状况，这个代码会被构建程序自动替代。
在开发的时候可以用来加载应用。 data-app是为了防止数据冲突。

默认配置和自定义

app.json 由cmd命令产生。

indexHtmlPath -

相对与app.json文件的html文件，除了html,也可以是PHP， JSP和ASP等
“indexHtmlPath”: “…/page.jsp”

framework - 框架名字： ext 或者是 touch

“framework”: “ext”

theme - 页面主题名字

“theme”: “ext-theme-crisp”

了解本专栏 订阅专栏 解锁全文 超级会员免费看
oscar999
关注
专栏目录
订阅专栏
Ext JS 之Microloader(微加载器)
oscar999的专栏
08-23 520
“Microloader”是 Sencha 数据驱动的 JavaScript 和 CSS 动态加载器的名称。
js加载器动态加载外部Javascript文件
qq_15117745的专栏
06-20 955
js加载器动态加载外部Javascript文件 JsLoader.jsvar var MiniSite=new Object(); /** * 判断浏览器 */ MiniSite.Browser={ ie:/msie/.test(window.navigator.userAgent.toLowerCase()), moz:/gecko/.te
微加载器
清静致远
12-08 237
微加载器是Sencha的数据驱动器，以及JS与CSS的动态加载器的合称。它是由Sencha Cmd提供，能提供生成程序的部分功能。这份指南将让你对微加载器的功能以及如何调节它以满足特殊需求有一个透彻的理解。 必须说明的是，现在Ext 6使用的微加载器，与之前Ext 5或Sencha Touch使用的相比，有很大的改进与扩展。Ext JS 6的微加载器提供了Sencha Touch微加载器的所有功
JavaScript加载器
技术通道
11-20 1233
    今天无意间看到Scriptaculous项目，大概留意了以下他的加载器。    此项目一共有5个JS文件，当要用此项目到自己的项目中时只需要："javascripts/prototype.js" type="text/javascript">"javascripts/scriptaculous.js" type="text/javascript">就可以引入其他的四个JS了，这
我的js模块加载器
11-30
自己写的javascript模块加载器 里面有清楚的注释
Webpack常见静态资源处理-模块加载器（Loaders）+ExtractTextPlugin插件
08-30
在使用这些加载器时，我们需要在 webpack.config.js 文件中配置 module loaders。 例如，我们可以使用以下配置来加载 CSS 文件： ``` module: { loaders: [ { test: /\.css$/, loader: 'style-loader!css-...
ol-ext：Openlayers的很酷的扩展（ol）-动画集群，CSS弹出窗口，真棒字体渲染器，统计图图表（piebar），层切换器，维基百科层，动画，画布过滤器
02-14
ol-ext作为ES6模块（ ）和纯js（ ）存在。 在Webpack中使用ol-ext 要与webpack，Rollup，Browserify或其他模块捆绑程序一起使用，请安装npm 并链接到node_modules目录： npm install ol-ext 有关将OpenLayers与您...
前端开源库-style-ext-html-webpack-plugin
08-30
接下来，在Webpack配置文件（通常是`webpack.config.js`）中引入并配置该插件： ```javascript const StyleExtHtmlWebpackPlugin = require('style-ext-html-webpack-plugin'); module.exports = { // 其他配置.....
js动态加载器(只限JS)
08-19
动态加载js文件,让js文件实现用不到绝不加载的功能!
requireJS模块加载器
12-11
RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用, 它非常适合在浏览器中使用，但它也可以用在其他脚本环境, 就像 Rhino and Node. 使用RequireJS加载模块化脚本将提高代码的加载速度和质量。
JavaScript模块加载器Melchior.js.zip
07-18
Melchior.js 是一个模式加载器，提供通过链式模块定义的API，让你可以远离那些长长的AMD定义和重复的模块名。它起步非常容易，定制方便，而且压缩版只有3KB。 在线演示 示例代码： // create modulemelchiorjs.module('yourModule')// define dependencies.require('dependencyUno') .require('dependencyDuo', 'duo')// define module body.body(function () {    // `dependencyUno` is available here!     dependencyUno.doSomething();    // aliased `dependencyDuo` is available as `duo`!     duo.doSomething();    // return methods for other modules     return {         method: function () { ... },         anotherMethod: function () { ... }     }; }); 配置： melchiorjs.config({     paths: {        'jQuery': 'path/to/jquery',        'underscore': 'path/to/underscore',        'myModule': 'path/to/myModule'     },    // provide shim to non-melchior modules if needed     // declare globals returned by libraries and deps     shim: {         underscore: {             exports: '_'         }     } }); 支持的浏览器： 1 ✔ 2 ✔ 8 ✔ 10 ✔ 3 ✔ 标签：Melchior
JavaScript模块加载器DefineJS.zip
07-18
DefineJS 是一个轻量级的异步模块定义 AMD 的实现，是一个 JavaScript 的模块加载器。 支持的浏览器包括： Google Chrome (latest) Opera (latest) Firefox 4 Safari 5 Internet Explorer 8 标签：DefineJS
JavaScript模块加载器lodJS.zip
07-17
JavaScript模块加载器，基于AMD。迄今为止，对AMD理解最好的实现。100%支持AMD规范，支持模块化开发，当定义好模块后，便可使用模块，无需维护依赖的模块，仅需写好依赖就可以了，lodJS会负责依赖注入。特性：模块化开发支持异步加载依赖注入灵活的自定义功能兼容性：Safari 6 (Mac)iOS 5 SafariChrome 23 (Windows, Mac, Android, iOS, Linux, Chrome OS)Firefox 4 (Windows, Mac, Android, Linux, Firefox OS)Internet Explorer 6 (Windows, Windows Phone)Opera 10 (Windows, linux, Android)定义模块使用lodJS的全局函数define定义一个模块，例如在 mod.js中有如下代码：define(function () {     return 123; });使用模块使用lodJS的use方法使用一个模块，下面的代码可以使用上面定义的模块：lodjs.use('mod', function (mod) {     console.log(mod);//输出 123 }); 标签：lodJS
JsLoader：动态JavaScript加载器，安全与灵活性的完美结合
最新发布
gitblog_00033的博客
05-24 477
JsLoader：动态JavaScript加载器，安全与灵活性的完美结合 项目地址:https://gitcode.com/Hzllaga/JsLoader 1、项目介绍 JsLoader 是一个巧妙设计的开源库，它允许开发者在Web应用程序中灵活地加载和执行JavaScript代码，同时还能实现一定程度的安全性规避常见的安全检测机制。这个项目源于安全领域的实践，旨在提供一种免杀的shellcod...
js/css动态加载器
asfcz的博客
01-24 743
在某个页面单独加载一个外部的资源文件，确保文件加载完成之后，执行一些逻辑
手写js模块加载器
brokenkay的博客
01-09 695
前言 前端模块化已经成为了当下主流的开发模式.模块化能将不同页面的逻辑分别写在对应的文件中管理,其次还能将一些公共的函数或插件单独封装成模块.页面要调用相关功能只需在代码中引用一遍就可以使用.通过模块化可以使大型复杂的项目拆分成不同的模块管理,有助于后期维护和拓展. 本文将手写一遍模块加载器的核心代码,整个过程要实现以下功能. 设计模块加载器的整体架构 父模块如何一步步加载子模块和后代 子模块加载完毕了如何通知父模块 调用方式 先从用户的角度设计好模块加载器的调用方式,再从结果反推实现过程.假设当前页面
js实现简易模块加载器
玉案轩窗的博客
10-10 2338
前言前一段时间分析过require.js源码，整体的分析有些泛泛而，谈内容有些空洞，没有把握住requirejs依赖处理的精髓, 这是分析require.js源码最为失败的地方。虽然没有真正的理解其实现细节，但是对其源码组织以及基本的逻辑执行有了整体的了解。本文是参考网上的源码，分析其思想实现的简易的模块加载器，旨在加深对于require.js的认知与理解。实现思路首先明确的几点如下： 每调用一次r
Ext JS 6实战：构建现代Web应用
Ext JS 6是Sencha公司推出的一个重要版本，它最大的变革是将原本独立的Ext JS和Touch框架融合为一个单一的框架，实现了核心功能的统一，如数据管理、控制器、模型等。这一变化使得开发人员能够更有效地共享数据和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

oscar999

送以玫瑰，手留余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值