草庐IT

html-webpack-plugin

全部标签

javascript函数获取html中的所有图像

我想要一个javascript函数来基本上返回页面中所有imgsrc的数组,我该怎么做? 最佳答案 您可以通过document.getElementsByTagName()轻松获得包含所有img元素的数组。:varimages=document.getElementsByTagName('img');varsrcList=[];for(vari=0;i除了document.getElementsByTagName('img'),您还可以使用document.images集合。如果您使用的是jQuery,您还可以使用$('img'),

javascript - Webpack 4、postcss-loader 和 autoprefixer 插件

我对让自动前缀器工作感到非常沮丧。这是我的webpack.config.jsconstHtmlWebPackPlugin=require("html-webpack-plugin");constMiniCssExtractPlugin=require("mini-css-extract-plugin");constconfig={module:{rules:[{test:/\.js$/,exclude:/node_modules/,use:{loader:"babel-loader"}},{test:/\.(scss)$/,use:[MiniCssExtractPlugin.loade

javascript - 避免 HTML 文档回流

我有几百个像这样的“行”元素:我需要在它们已经呈现在页面上之后获取它们的clientHeight。我知道“clientHeight”属性强制回流,这会影响我的性能,因为它们太多了。但是-它们已经被渲染并且我知道它们的大小在它们被渲染的时间和我查询它们的高度的时间之间没有变化。有没有办法告诉浏览器在查询高度时不要重排?此外-webkit检查员说:Layouttreesize5901LayoutscopeWholedocument而且div位于绝对定位的祖先中-难道不应该只回流绝对定位的元素吗?编辑:所以提供的答案是正确的。我实际上弄脏了布局,因为我有这个循环:rows.each(func

javascript - 如何在 javascript 中获取特定 HTML 标记的所有元素?

除了具有特定ID的元素之外,我需要在我的文档中隐藏所有“部分”类型的元素。在jquery中这很容易$("section").hide();$("section#myId").show();如果没有jquery,我该怎么做?(我需要它在页面加载后立即发生并且不引人注目)。我还需要它才能跨浏览器工作。谢谢。 最佳答案 DOMElement.getElementsByTagName是你的friend:varsections=document.getElementsByTagName('section');varmySection=null

javascript - HTML 报告中的 Istanbul 尔覆盖嵌套目录

来自Istanbul的单元测试覆盖率报告以HTML格式显示index.html中项目的每个文件夹。它实际上扁平化了目录结构。是否可以选择使用嵌套文件夹呈现html报告? 最佳答案 正在复制myanswer来自潜在duplicatequestion:Maybetrythe--reporter=html-spaoption.Seeavailableoptions. 关于javascript-HTML报告中的Istanbul尔覆盖嵌套目录,我们在StackOverflow上找到一个类似的问题:

javascript - 带有连字符的 Webpack 外部模块名称

我正在尝试将angular-ui-router作为外部依赖加载到Webpack中。模块名称是“angular-ui-router”。这是一个例子:module.exports=webpackMerge(commonConfig,{...externals:{'angular':true,'angular-ui-router':true},...});问题是Webpack在我的app.bundle.js中创建了一个模块,如下所示:/***/},/*1*//***/function(module,exports){module.exports=angular;/***/},/*2*//**

javascript - 不正确的行号 - sourcemaps,Webpack 2 Typescript

此问题出现在Chrome59.0.3071.115和Firefox54.0.1我一直在做大量研究,尝试使用Webpack2.2.1和open-browser-webpack-plugin为我的Typescript源代码获取正确的行号。我试过设置devtool到以下不同的选项://https://webpack.js.org/configuration/devtool///devtool:'eval',//evalvertfastbutlinenumberswillbewrong//devtool:'eval-source-map',//startsoffslowbutfastrebui

javascript - Ckeditor 选择的 html 在 chrome 浏览器中无法正常工作

我正在使用mvc应用程序并使用ckeditor3.6.2版本。我使用以下代码从ckeditor获取选定的html。CKEDITOR.editor.prototype.getSelectedHtml=function(){if(CKEDITOR.env.ie){this.focus();selection=this.getSelection();}else{selection=this.getSelection();}if(selection){varbookmarks=selection.createBookmarks(),range=selection.getRanges()[0],

javascript - Chromecast HTML 按钮

是否可以通过HTML按钮调用chromecast?我编写了一个使用自定义接收器的网页,基本上允许用户以统计数据/图表的形式向一屋子的人显示报告,但他们会在屏幕上看到控件。但是因为这纯粹是一个转换应用,所以我想在网页上显示一个按钮,当用户不转换时显示,然后在他们不转换时消失。所以像这样:StartStop然后是一些JS,例如:if(CASTAVAILBLE){if(CASTING){$('#castStart').hide();$('#castStop').show();}else{$('#castStart').show();$('#castStop').hide();}$('#cas

javascript - Webpack - 没有输出文件,没有错误报告

我正在学习Webpack并一次又一次地学习它。在最新版本中,发生了一些非常奇怪的事情。CLI报告一切正常,输出文件dress_aphrodite.jsemitted,但在文件夹中找不到它。日志如下:来自CLI:http://localhost:8080/webpack-dev-server/webpackresultisservedfrom/app/contentisservedfrom./appHash:5334867c12acfa65ba90Version:webpack1.12.9Time:1966msAssetSizeChunksChunkNamesdress_aphrodit