草庐IT

导入github项目

全部标签

javascript - 将现有的 AMD 模块导入 ES6 模块

我有一个现有的应用程序,其中我使用RequireJS定义了AMD模块。我在我的项目中广泛使用requirejs的“text”和“i18n”插件。我最近一直在试验ES6模块,并希望在我的应用程序中创建新模块时使用它们。但是,我想重用现有的AMD模块并在定义我的ES6模块时导入它们。这可能吗?我知道Traceur和Babel可以从ES6模块创建AMD模块,但这只适用于不依赖于现有AMD模块的新模块,但我找不到重用现有AMD模块的示例。任何帮助将不胜感激。这是我现在开始使用所有ES6好东西的障碍。谢谢 最佳答案 是的,这是可以做到的。创建

javascript - 架构:组合几个 JavaScript 项目(模块化)

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭3年前。Improvethisquestion我想为我的JavaScript项目创建一个干净的架构。该项目由一个Node.js服务器和两个具有不同用途的独立Angular.js前端组成。为了构建前端,我分别使用自定义的grunt构建。构建结果为每个项目生成一个HTML文件和两个缩小/丑化的CSS和JavaScript文件。然后,每个前端都在一个单独的最小版本的节点服务器上运行(仅提供静态文件)。到目前为止,很清楚。现在的目标是可以将插

javascript - 我们如何在 Nuxt?Vuejs 项目中仅包含来自 lodash 的必需模块?

我们已经构建了一个Nuxt/VueJS项目。Nuxt有自己的名为nuxt.config.js的配置文件,我们可以在其中配置webpack和其他build设置。在我们的package.json中,我们包含了lodash包。在我们的代码中,我们一直小心地只加载导入我们需要的内容,例如:importorderByfrom'lodash/orderBy'在nuxt.config.js中,lodash被添加到vendor列表中。然而,当我们创建构建时,webpack总是包含整个lodash库,而不是仅包含我们在代码中使用的内容。我已经阅读了很多教程,但还没有找到答案。如果它只是一个webpack

javascript - Babel 不转译从 'node_modules' 导入的模块

我在从node_modules导入模块时遇到问题。由于某种原因,Babel不会转译从node_modules导入的模块,而是转译从src导入的模块。这是一个示例repo:https://github.com/NikitaKA/babeltestma​​in.js//resultcodecontainsconstandlet,butitshouldn't.:(index.jsimportqsfrom'query-string;//nottranspiledimportlibfrom'./lib'//transpiledconstquery=qs.parse(window.location

javascript - 如何使用 JavaScript/jQuery 对数组或对象中的多个项目进行索引?

背景我在Ajax调用返回的结果对象中有一个数据数组。数据如下所示:{Name="User1Name1",FirstName="User1",Id="005400000001234567",more...}{Name="User2Name1",FirstName="User2",Id="005400000001234568",more...}每个项目看起来像这样:{Id:"005400000001234567",Name:"UserName",FirstName:"User",LastName:"Name",Title:"Manager"}问题我希望能够通过Id(返回单个用户)或通过Ti

javascript - Angular UI Bootstrap Slider 每张幻灯片多个项目

我正在连接到Web服务,并希望为每张幻灯片填充4个项目的UIBootstrap轮播。我正在使用|limitTo:4,但我需要一种方法来限制总共10张幻灯片中的每张幻灯片4张。这是HTML{{event.title}}引用Controllerapp.controller("eventsController",function($scope,$http){varevents=$http.get('/events');events.success(function(data){$scope.eventData=data.events["event"];console.log($scope.e

javascript - Owl Carousel 滚动到点击的项目

我有一个简单的OwlCarousel,HTML:123456789101112JavaScript:$('.owl-carousel').owlCarousel({items:5,loop:true,nav:true,margin:10})包括:owl.carousel.jsowl.carousel.min.cssJSFiddlehttp://jsfiddle.net/93cpX/62/如何强制轮播滚动到点击的项目? 最佳答案 .owl-carousel.item{height:80px;background:#4DC7A0;}12

javascript - 未捕获的类型错误 : System. 导入不是函数

这段代码应该显示一个包含HelloWorld的div,但我却收到错误UncaughtTypeError:System.importisnotafunction。我正在观看ng-book2的入门教程视频,其中在index.html中包含以下代码:Angular2System.import('js/app');和app.ts:///import{Component,View,bootstrap}from'angular2/angular2';//Annotationsection@Component({selector:'hello-world'})@View({template:'Hel

javascript - 仅在某些 promise 已解决后才导入/导出

假设我有一个包含某些promise的文件,当按顺序执行时,它会准备一个输入文件input.txt。//prepareInput.jsvarstep1=function(){varpromise=newPromise(function(resolve,reject){...});returnpromise;};varstep2=function(){varpromise=newPromise(function(resolve,reject){...});returnpromise;};varstep3=function(){varpromise=newPromise(function(r

Javascript:有效地将项目移入和移出固定大小的数组

如果我想要一个固定大小的数组N以便缓存最近的N项,那么一旦限制N已达到,我必须在添加最新项的同时删除最旧的项。注意:我不关心最新的项目是在数组的开头还是结尾,只要项目按照添加的顺序被删除即可。最明显的方法是:push()和shift()(以便cache[0]包含最旧的项目),或者unshift()和pop()(以便cache[0]包含最新的项目)基本思路:varcache=[],limit=10000;functioncacheItem(item){//Incasewewanttodoanythingwiththeoldestitem//beforeit'sgoneforever.va