草庐IT

Simple_HTML_DOM

全部标签

javascript - phantomjs 使用 src 图像在 canvas.toDataURL 上抛出 DOM 异常 18

我正在尝试使用phantomjs将svg转换为png图像:varpage=require('webpage').create();page.evaluate(function(){varsvg='';varsrc='data:image/svg+xml;base64,'+window.btoa(unescape(encodeURIComponent(svg)));varimg=newImage();img.src=src;img.onload=function(){varcanvas=document.createElement('canvas');canvas.width=img.w

javascript - 如何在插入 DOM 时重新编译指令(angularjs)

好的,所以我创建了一个指令让我们说它按照我的预期进行渲染,所以一切正常。现在,我的问题是插入DOM时如何(重新)渲染它?我不想一直在我的页面上使用它,我只想动态添加它并在需要时呈现它(它是模块的一部分),比方说,理想情况下我希望它看起来像$("body").append("")如何使用angularjs实现这一点? 最佳答案 你需要在任何你想将指令元素注入(inject)DOM的地方写下两行,不要忘记在你使用的任何地方添加$document&$compile依赖vartemplate='',body=$document.find('

javascript - RegExp 不适用于读取 HTML 文件

首先,我知道大多数RegExp问题是怎么来的;这不是“请编写我的代码”问题之一。我的困惑在于我的RegExp在regexr上工作,在轮询document.body.textContent时在chrome的开发工具中工作,但在HTML文件上不工作在我在io.js中阅读它之后。io.js是1.5.1版本,运行在windows8上为什么它在列出的两个地方都有效,但在io.js中却无效?我没有考虑到io.js读取文件的一些事情吗?我的RegExp应该匹配“@{each___->___}文本和换行符@{/each}”,就像下面的链接一样,但是相反,它返回null这是我正在尝试使用的:http:/

javascript - 我的 DOM 中的 Google Analytics(分析)像素在哪里?

我如何使用JavaScript识别已发送GoogleAnalytics(分析)像素(或与此相关的任何像素)并包含我正在寻找的URL参数?我想,因为它是一个跟踪像素,我可以在DOM中查找它,但它看起来不像是插入过的。有人能想出一种方法来分析google使用javascript(不是chrome扩展程序)发出的网络请求吗?有点像document.whenGooglePixelIsSentDoReallyCoolStuff(function(requestUrl){}); 最佳答案 一些事情:1)跟踪信标并不总是像素。有时他们是XHR,有

javascript - KonvaJS:文本对象中的 HTML

我目前正在研究KonvaJS以创建类似废料预订应用程序,并且我正在尝试像项目符号列表一样显示。我尝试使用文本形状并向文本添加html以查看它是否会呈现它,但没有成功。这可能吗?如果是这样,如何?如果没有,KonvaJS还必须通过哪些其他方式来显示花哨的文本,例如列表、粗体……vartext=newKonva.Text({text:'thisisnormaltext\n\nThisisBOLD',fontSize:8,fontFamily:'Calibri',fill:'#555',width:300,padding:20,align:'center',stroke:'black',st

javascript - html5视频播放器与视频js的关系

我开始使用HTML5和javascript,我对video.js关于HTML5播放器/html“video”标签和video.js之间的关系以及video.js的目的有一个基本的怀疑。我的具体问题是:video.js是在内部使用HTML5原生播放器还是创建并使用自己的播放器?如果是,那么:一个。除了它提供的更好的外观和控件之外,还有其他使用Video.js的原因吗?我知道有适用于video.js的插件具有播放HLS和DASH视频等附加功能,但这里我说的是核心video.js模块。是否需要使用HTML5播放器,或者可以更改为使用video.js中的自定义播放器如果Q1的答案是否定的,那么

javascript - react-dom 爆出 webpack 包的大小

这一定是我遇到过的最奇怪的webpack问题之一......查看此bundle分割:react116.01KB-足够公平react-dom533.24KB-真的是WTF我认为这可能是我的依赖项中的一个损坏,但核对node_modules并重新安装没有任何效果。我想这与webpack捆绑它的方式有关,但我迷失了想法。我处理.js导入的方式非常标准。//webpack.config.jsconstpath=require('path');//constBundleAnalyzerPlugin=require('webpack-bundle-analyzer').BundleAnalyzer

javascript - Vue 在用 webpack 编译时用注释替换 HTML

我遇到的问题是,一旦我importvue,vue的包装元素(在我的例子中是#app)将被替换为以下注释控制台中没有错误,webpack编译正常,但是我确实从vue的mounted方法获取了控制台日志。我的index.htmlDocumentsomecontent{{test}}webpack.config.jsconstpath=require('path');module.exports={entry:'./src/app.js',output:{filename:'bundle.js',path:path.resolve(__dirname,'dist')}}源/app.jsimp

javascript - 如何在 HTML 中使 vim 缩进 JavaScript?

Vim7.0.237的indentexpr=HtmlIndentGet(v:lnum)让我抓狂.当我在中编辑JavaScript时标签缩进以匹配周围的html并按回车键,它将上一行移动到第0列。当我自动缩进整个文件时,脚本移回右侧。vim的JavaScript-in-HTML/XHTML缩进在哪里? 最佳答案 Here是类似的问题,接受的答案带有两个vim插件的链接:htmlimprovedindentation:AbetterindentationforHTMLandembeddedjavascriptmentionedbyMan

javascript - 谷歌地图 : How to add HTML elements to specific coordinates?

我想知道如何以及是否可以将标准HTML元素(div、按钮)添加到map上的一组特定坐标?例如我有一组坐标,我想给它们附加一个自定义气球通知当我从坐标平移时,元素应该消失,当我平移回到它们时,元素应该重新出现。是否可以使用Googlemap做到这一点? 最佳答案 您可以使用自定义覆盖-https://developers.google.com/maps/documentation/javascript/customoverlays为此 关于javascript-谷歌地图:HowtoaddH