RequireJs

首页 > TAG信息列表 > RequireJs

浅谈requireJS 和nodejs

requireJS 异步模块加载器， 1，概念requireJS是基于AMD模块加载规范，使用回调函数来解决模块加载的问题。2，原理requireJS是使用创建script元素，通过指定script元素的src属性来实现加载模块的。3，特点1. 实现js文件的异步加载，避免网页失去响应2，管理模块之间的依赖，便于代码的编写和维护 4，

前端代码模块化之requireJS_Alice

第一步：下载require.js，创建HTML文件添加引用，确保自己的路径设置正确。 <script src="../ThirdParty/requirejs-2.1.20/require.js"></script> 第二步：创建功能模块.js文件，最好一个.js文件定义一个模块。 (function () { define('Singulation',[], function(){ 'us

AMD：RequireJS模块化教程

require.js使用教程专门用于浏览器端模块化的规范，模块的加载是异步的。下载require.js, 并引入官网: http://www.requirejs.cn/ github : https://github.com/requirejs/requirejs 将require.js导入项目: js/libs/require.js 创建项目结构|-js |-libs |-require.js |

RequireJS中的require如何返回模块

RequireJS中的require如何返回模块 2016-09-21 20:00 贺臣阅读(4208) 评论(1) 编辑收藏　　requirejs中定义AMD模块规则如下: define(function(){ var ProductManager={ Create:function(){ console.log("创建产品");

RequireJS shim 用法说明

RequireJS shim 用法说明 2016-09-20 10:13 贺臣阅读(10808) 评论(0) 编辑收藏　　RequireJS中如果使用AMD规范,在使用的过程中没有太多的问题,如果加载非AMD规范的JS文件,就需要使用Require中的shim. require.config({ paths:{ jquery:"/

requirejs的基本使用

基础定义： RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。优点： 1.防止js加载阻塞页面渲染2.使用程序调用的方式加载js，防出现如下丑陋的场景 <script type="text/javascript" src="a.js"></script> <script type="text/javascript" src="b.js

Magento 2.4 JS 按需加载 JavaScript高级配置

目录介绍 1、安装必备工具第1部分：获取网站依赖配置 1、获取RequireJs依赖项 A、使用PhantomJS： B、不想使用Pha

RequireJS被外部调用

/* $("#yt_direction_top").on('mousedown',function(){ upstart(); }); */ function upstart(){ require(['videoStart'],function(video){ video.upstart(); }); } /* $("#yt_direction_top").on('mouseup',functi

RequireJS（一）

为什么使用RequireJS 有效防止命名冲突声明不同js文件之间的依赖可以是我们的代码以模块化的方式组织 RequireJS常用的方法 reuqirejs.config 为模块设置别名 requirejs 将写好的模块进行引入 define 用来编写模块，相应地方进行引入实例：index.html:引入re

requirejs 使用

requirejs使用: **定义的模块要想其他文件能访问,需要最后添加return {键名:键值}的形式** 1、定义模块(一个js文件一个模块): (1)函数式定义 define(function(){...}) (2)对象定义 define({ name:..., age:... }) (3)存在依赖注入的函数式定

javascript-RequireJS：优化后包括jquery宽松包的问题

我想将jQuery宽松包包含到我的应用程序中.在requireJS文件被“优化”之前,它可以正常工作.现在,当我调用使用缓动的动画时,我正在使用优化的版本,但出现此错误： “ jQuery.easing [jQuery.easing.def]不是函数”(firefox) “未捕获的TypeError：对象#的属性’undefined’不是函数”(ch

javascript-Requirejs jQuery覆盖了wordpress加载的jQuery,如何避免这种情况(通过调用noConflict(true))？

我在我的wordpress插件中使用了require.js的jQuery版本,但是requirejs的jQuery覆盖了wordpress加载的jQuery. 我如何才能告诉requirejs所使用的jQuery本身调用noConflict(true),以便它不会覆盖wordpress加载的版本？解决方法:最后,我做了这样的事情：创建一个这样的配置文件 requirej

javascript-基于组件的大型Web项目的Backbone-RequireJs样板

我们有一个大型的Web项目,在这里我们需要可以互相通信的组件,这些组件可以放在不同项目的组件中央存储库中. 使用reuirejs和Backbone进行模块化开发.浏览了可用于主干和requirejs的不同样板,但没有一个符合我的要求.因此,我创建了以下目录结构.可以解释如下. ---resources |---cu

javascript-将SammyJs与RequireJs一起使用

我有些麻烦让sammyjs和requirejs一起玩.调用$.sammy失败,并且错误表明jQuery名称空间中未定义sammy. 这是我的要求配置 require.config baseUrl: '/Scripts' waitSeconds: 10 paths: bootstrap: './lib/bootstrap/bootstrap' domReady:

javascript-使用RequireJS加载jQuery插件—即使指定了deps后,jQuery也会间歇地未定义？

我正在尝试通过RequireJS加载jQuery.jstree.您可以在这里查看插件的确切来源：https://gist.github.com/MeoMix/7882144 据我了解,jQuery.jstree具有三个依赖项：jQuery,jQuery UI和jQuery.cookie. 首先,加载我的RequireJS垫片配置,然后调用初始的“ require”开始： require.config({

javascript-在Browserify中设置文件的自定义路径

我正在努力将当前的RequireJS工作流程更改为Browserify Watchify,仅用于前端Javascript(后端是Ruby).我遇到的唯一问题是,我没有一个容易的地方来配置所谓的“命名路径”.假设我的前端结构如下： app/ models/ ExampleModel.js views/ ExampleView.js main.js util/

javascript-Visual Studio Chutzpah使用AMD模块在不同项目上运行测试

在解决方案下,我有两个项目,一个是我的主要Web项目,例如MyProject,另一个是用于测试目的,例如MyProject.Tests. Solution MyProject MyProject.Tests 我想让我的JavaScript无头测试运行到第二个. 在第一个项目中,所有的javascript文件都在Scripts目录下,如下所示： Script

javascript-r.js-从编译/缩小过程中排除某些模块

在开发Web应用程序时,我更希望性能接近生产质量.目前,我的小项目基于Requirejs,因此我正在尝试通过使用r.js来实现我的目标.在一种情况下,我想从编译/缩小过程中排除一些模块(文件),但是我不知道该怎么做.目前,我有一个下一个构建脚本： ({ mainConfigFile : "../app/js/main.j

在Javascript AMD中,定义没有名称的模块为什么有用？

命名模块对我来说很有意义： define('myModule', ['dep1', 'dep2'], function (dep1, dep2) { //Define the module value by returning a value. return function () {}; }); 当我想使用此模块时,可以使用require导入它： require(‘myModule’,function(myModule){

javascript-使用RequireJS设置smooch-js

我遵循了Smooch instructions,但没有成功. 这是我失败的最小代码： <!doctype html><html> <head> <meta charset="utf-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.2.0/require.min.js"></script>

javascript-如何将Yii2与require.js一起使用？

我有一个普通的,不是REST应用程序.但是我不知道这是否相关.我要使用require.js,因为我有几个JS文件.我知道可以使用AssetBundles,但是我的应用程序不是以HTML-GET重新设置开始的,所以AFAIK我无法使用它们,因为将不会创建资产. 背景信息：我的应用程序的行为类似于REST应用程序.它提供

javascript-Coffeescript本地开发和Require.js插件性能

我们想试验coffeescript并最终将所有js代码转换为coffee.当我们使用require.js时,我认为关于本地开发的加载部件的最简单方法是使用require.js coffeescript plugin并相应地调整模块加载,例如 var myModule = require('cs!myModule'); 如果我的理解是正确的,那么此过程是否意味着

javascript-Jasmine和requireJs-不匹配的匿名define()模块：

我试图将Jasmine.js测试与require一起使用. 这是我的specRunner的一部分 <script type="text/javascript" src="<?php echo $rootRequirejs?>/require.js"></script> <script type="text/javascript"> require.config({ base

javascript-使用什么插件与jQuery Mobile和RequireJS国际化？

我正在将requireJS与Jquery Mobile一起使用,并且已经开始研究将应用程序国际化的选项. 现在,可从数据库中获取可用的语言(EN / DE / FR).当用户选择一种新语言时,我正在当前页面设置的jqm选项allowSamePageTransition = true上进行更改,这将重新获取页面并将其添加到DOM(它在DOM中

javascript-使用require.js加载spin.js

我最近开始了一个Javascript项目,现在将其移至require.js.到目前为止,除spin.js库外,其他所有程序都工作正常.当我尝试访问任何与spin.js相关的信息时,都会收到以下错误消息： Uncaught ReferenceError: Spinner is not defined 我的requirejs.config看起来像这样： requirejs.conf