草庐IT

html_url

全部标签

javascript - angular2路由器避免url编码

我是Angular2的新手,不知道要搜索正确的术语才能获得我需要的内容。我在我的应用程序中使用Angular2RC5和RouterModule。当我为要导航到的路由传递参数时,Angular2Router会自动对其进行URL编码。现在虽然这是一件好事,但有没有办法防止某些参数发生这种情况?例如,我想在URL中添加逗号分隔值:http://localhost:4200/appcomponent/?data=abc1,abc2,abc3angular2的作用:http://localhost:4200/appcomponent/;data=abc1%2Cabc2%2Cabc3(看起来比较乱

javascript - Safari 画中画 - 自定义 HTML5 视频 Controller

带有画中画(PiP)的SafariHTML5自定义视频Controller在WWDC15上,Apple推出了Safari9(适用于MacOS的Safari10),现在支持画中画。然而,他们只是说:IfyouusecustomHTML5videocontrols,youcanaddPictureinPicturefunctionalityusingtheJavaScriptpresentationmodeAPI.但没有说明如何或在哪里可以找到它的文档。默认视频Controller有按钮,但我如何通过javascript触发它? 最佳答案

javascript - AS3 : How do I get dynamic loader URL from LoaderInfo in Event Listener Function?

我正在加载很多图片,并且正在使用一个数组来执行此操作。loader[i].load(newURLRequest(picture[i]));我的事件监听器功能是这样启用的:loader[i].contentLoaderInfo.addEventListener(Event.COMPLETE,onComplete);我的onComplete事件处理程序显示了这一点:trace(e.target);//OUTPUT:[objectLoaderInfo]我在LoaderInfo中寻找了一些属性,这些属性可能会识别哪个加载器启动了监听器(“i”的值),这样我就可以具体地处理每个加载器,如下所示:

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 - AngularJS ui-router $state.go ('^' ) 仅更改地址栏中的 URL,但不加载 Controller

我正在尝试使用angularjsui-router创建一个“TodoApp”。它有2列:第1列:待办事项列表第2列:Todo详细信息或Todo编辑表单在保存Todo后的编辑和创建Controller中,我想重新加载列表以显示适当的更改。问题:在创建或更新Todo时调用$state.go('^')后,浏览器中的URL变回/api/todo,但是ListCtrl未被执行,即$scope.search未被调用,因此Todo列表(包含更改的项目)未被检索,第2列中第一个Todo的详细信息也未显示(而是,它变成空白)。我什至尝试过$state.go('^',$stateParams,{reloa

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 - 使用 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