草庐IT

前端构建

全部标签

javascript node module.exports/require() 前端代码

我一直在研究使用像SVGO这样的库能够在前端清理用户提交的SVG代码。SVGO是一个基于node.js的库,通常在后端运行,所以我一直在努力思考如何将SVG代码从前端发送到后端,然后将清理过的代码反刍到前端。正是在我试图弄清楚这一点的时候,我检查了他们的webappexample,经检查,在链接脚本中运行代码,我通常会在前端的后端看到这些代码。特别是,它们的许多函数都具有签名(fullscript):1:[function(require,module,exports){"usestrict";varloadScripts=require("./load-scripts"),...mo

Javascript:object[method]() 不工作或如何为纯 Javascript 代码构建 jQuery 插件

我需要帮助为我的一个vanillaJS脚本制作一个jQuery插件,thishere是当前的jQuery插件,但下一个版本可以使用更多方法,我需要以某种方式解决所有这些问题。目前我正在研究这个(function($){vart;$.fn.KUTE=function(method,start,end,ops){//methodcanbeAnimate(),fromTo(),to(),stop(),start(),chain(),pause(),stop(),etcreturnthis.each(function(){if(method==='to'){t=newKUTE[method](

javascript - 如何使用 div 元素构建 Recurly.js 表单?

我的团队正在使用Recurly.js在我们的网站中构建一个支付页面。我们一直在关注来自https://docs.recurly.com/js的文档.根据文档,Buildaformhoweveryoulike.Usethedata-recurlyattributetoidentifyinputfieldtargetstoRecurly.js.ToidentifywhereRecurly.jswillinjectcarddatafields,werecommendusingsimpledivelements.问题在于div元素实际上并未显示在表单中。这是一个基于文档的可重现的简短示例:re

javascript - 使用清晰设计系统构建 Angular 2 应用程序

从他们的官方tutorial添加ClarityDesignSystem后,我收到此错误到Angular25minquickstart.浏览器控制台中的错误并没有多大帮助,有什么建议吗?zone.js:1382GEThttp://localhost:3000/clarity-angular404(NotFound)Error:(SystemJS)XHRerror(404NotFound)loadinghttp://localhost:3000/clarity-angular(…)应用程序模块.tsimport{NgModule}from'@angular/core';import{Bro

asp.net - 可以与 ASP.NET 应用程序的构建集成的 JavaScript 压缩器

灵感来自thisanswer..你们能给我指点类似的东西吗?可以集成到构建脚本或直接集成到VisualStudio中的东西? 最佳答案 VisualStudio项目使用MSBuild,因此您可以集成一个MSBuild任务,该任务使用您喜欢的任何javascript压缩器。这已在博客中广泛讨论,因此我不会费心在这里提出具体细节......但快速谷歌搜索产生了一些不错的帖子。http://www.coderjournal.com/2008/05/how-to-create-a-yui-compressor-msbuild-task/ht

javascript - 结合 JS 和 CSS 文件作为构建的一部分

我想将我所有的JS文件连接到reducethenumberofHTTPrequests当浏览器访问我的网站时。当然,在开发过程中将这些文件分开仍然很有值(value)。广泛接受的解决方案是将连接作为构建的一部分执行。连接部分非常简单..但是所有仍然有一堆的HTML文件呢?标签引用预连接的js文件?他们现在需要指向单个串联的javascript文件。如何在构建过程中换掉这些引用? 最佳答案 基于Ant的解决方案可能源自此示例。我将插入标准免责声明,即使用正则表达式“解析”HTML可能不是一个好主意。想法是:全部删除或转换为评论标签。插

javascript - 如何测试前端 JavaScript 库并与 Travis 集成?

我已经尝试过使用Jasmine或Mocha测试NodeJS库,但我不知道如何测试前端项目。我在网上找到了教程,但所有内容都在工作流程中包含一个任务管理器,我想知道如何在没有任务管理器的情况下执行此操作。我发现以下问题与我要问的很接近:UsingTravis-CIforclient-sideJavaScriptlibraries?就我而言,我正在使用Jasmine并且已经设置了JasmineSpecRunner.html、Jasmine库和spec/mylibSpec.js。当我在浏览器上运行SpecRunner.html时,测试通过了。现在,我如何将它与Travis集成,没有Grunt

javascript - electron-builder - 只为 mac 构建,但设置为构建 mac 和 win

这是我第一次构建electronjs应用程序,所以很可能我不知道自己在做什么。我按照github中的说明进行操作和this.这是我的package.json:{"name":"ExampleApp","productName":"ExampleApp","version":"1.0.0","description":"Funapp.","license":"MIT","repository":"user/repo","author":{"name":"sooon","email":"Example@gmail.com","url":"Example.com"},"build":{"ap

javascript - yarn 无法使用 node 12.1.0 构建 node-sass

我正在尝试使用yarninstall安装我的包我安装了node12.1.0,据我所知,node-sass需要至少版本4.12+才能工作Node12我的package.json文件是这样的:{"name":"redacted","private":true,"dependencies":{"@rails/webpacker":"3.5","babel-preset-react":"^6.24.1","bootstrap":"^4.1.2","font-awesome":"^4.7.0","js-md5":"^0.7.3","moment":"^2.22.2","prop-types":"

javascript - js在属性赋值中构建对象路径

有没有一种方法可以在构造后自动在赋值中创建子对象,即varobj={};obj.a.b.c=13;上面给了我一个“obj.aisundefined”错误我写了一个函数来做这个,但想知道是否有更简单的方法_setObjectProperty(obj,13,['a','b','c']);function_setObjectProperty(obj,value,loc){if(loc.length>1){obj[loc[0]]=obj[loc[0]]||{};_setObjectProperty(obj[loc[0]],value,loc.splice(1));}elseif(loc.len