草庐IT

webpack-html-loader

全部标签

javascript - 如何使用 phantomjs 呈现 html 元素

我想将图像保存在代码中指定的div中。但是使用下面的代码我正在渲染其他部分。这是正确的方法吗?我只是phantomjs的初学者。所以请帮忙。varpage=require('webpage').create();page.open("http://n1k0.github.io/casperjs/#phantom_Casper_captureSelector",function(status){if(status!=='success'){console.log('Unabletoloadtheaddress!');}else{varclipRect=page.evaluate(func

javascript - 使用 2d html5Canvas 和 ctx.rotate 函数沿其面向的方向移动对象

标题说明了一切,我正在尝试根据物体所在的Angular向前移动物体。这是我的相关代码:xView=this.x-this.width/2;yView=this.y-this.height/2;playerCtx.drawImage(imgSprite,0,0,this.width,this.height,xView,yView,this.width,this.height);playerCtx.save();playerCtx.clearRect(0,0,game.width,game.height);playerCtx.translate(xView,yView);playerCtx

javascript - Webpack [url/file-loader] 没有解析 URL 的相对路径

我在Webpack中遇到了一个关于相对路径的问题。让我试着解释一下这个场景:我在Workspace目录中有2个单独的项目:Project-A[使用Gulp捆绑]:稳定且有效项目-B[使用Webpack捆绑]:新项目由于这两个项目都使用相同的样式,所以我想重用ProjectA到ProjectB的SCSS文件[由标准变量、预定义布局、模态、类等组成].现在,如果我尝试将项目Aindex.scss导入项目Bindex.scss作为另一个部分[注释掉背景图像URL依赖性],webpack能够生成所需的CSS输出文件。//ImportProjectASCSS[CommonVaribles,Cla

javascript - 在 webpack 中创建全局函数

我正在用webpack制作一个typescript插件。一切正常,但我无法从外部看到它。例如,我有文件:/*./src/a.ts*/classA{constructor(args){...}}exportdefaultA;/*./src/app.ts*/importAfrom"./a.ts";functioninit(args){newA(args);}export{init};/*./index.html*/......init({...});有了这个,我得到了UncaughtReferenceError:initisnotdefined。在捆绑文件中,我可以看到这个函数不是全局函数

javascript - 使用 jQuery 从 HTML 中删除数据属性

似乎无法让这个工作...我有一个隐藏某些链接的页面。加载DOM后,我使用jQuery切换其中一些元素。这是通过使用如下数据属性驱动的:然后,我有代码:$.each($(".d_btn"),function(){varbtn=$(this).data('usr');if(btn=='48'){$(this).children('.hidden_button').toggle();}以上所有工作都按计划进行。问题是,一旦评估了if语句,我就试图从类.d_btn中删除data-usr。我已经尝试了以下但没有任何效果(即,在页面加载后,源代码仍然显示data-usr属性:$(this).rem

javascript - 使用 safari 在 Canvas 中绘制包含 html 的 svg

我正在尝试为网站创建一些动态创建页面的缩略图,我找到了一个解决方案,方法是在svg中添加html,然后我在Canvas内的图像上绘制图像,然后在绘制图像后调整大小.此解决方案适用于firefox和chrome,但不适用于safari,svg似乎没有绘制我只是得到一个空白页面。即使我trycatch并且我在网上找不到解决方案,我也没有收到任何错误。我的html只是一个带有Canvas的基本测试页面,我试图在头部添加一个meta标签但是也没用。这是我写的代码:varcanvas=document.getElementById('canvasTest'),context=canvas.get

javascript - 选择后插入 HTML

我希望能够双击以选择div中的一些文本,然后触发一个JavaScript函数在所选文本之后插入一些HTML,就像GoogleWave中的“编辑/回复”功能一样。我已经确定了如何在双击时触发一个函数,它正在定位选择并随后在它之后插入HTML,这就是问题所在。 最佳答案 以下函数将在所有主流浏览器中选择的末尾插入一个DOM节点(元素或文本节点)(请注意,Firefox现在默认允许多选;以下仅使用第一个选择):functioninsertNodeAfterSelection(node){varsel,range,html;if(windo

javascript - angularJS - 将 ng-repeat 拆分为多个 HTML 元素

这是我今天发布的第三个问题,请原谅我,但我遇到了一些我似乎无法弄清楚的事情。这是我的Angular代码:angular.module('ngApp',[]).factory('authInterceptor',authInterceptor).constant('API','http://appsdev.pccportal.com:8080/ecar/api').controller('task',taskData)functiontaskData($scope,$http,API){$http.get(API+'/tasks').success(function(data){$sco

javascript - 如何使用 webpack 导出函数

我打算使用webpack捆绑我所有的.js。我尝试了一个非常简单的示例,如下所示。捆绑在test.js文件中的函数:functiontest(){console.log('hello');}网络包配置:module.exports=[{{output:{filename:'test.js',path:__dirname+'/public/javascript/dist'},entry:['./public/javascript/test.js']}]测试代码:window.onload=function(){test();}但我收到以下错误:UncaughtReferenceError

javascript - HTML 元素的值未定义但已设置

我想在页面渲染到后端的匹配状态后设置复选框。我为此目的实现了这个功能,到目前为止的工作是什么已根据用户建议更新cbs[i].dataset.thvalue或cbs[i].dataset.value无关紧要functionupdateCheckboxes(){letactiveCheckbox=''letinactiveCheckbox=''letcbs=document.getElementsByTagName('td')for(leti=0;iHTML部分,使用Thymeleaf但是浏览器通过打印出该值声称它是未定义的,即使该值已设置,如您在浏览器中实时看到的图片所示。根据文档,我的