草庐IT

html-webpack-plugin

全部标签

javascript - 使用 Angular.js 从现有 HTML 中提取数据

angular.js非常适合基于客户端JavaScript的复杂Web应用程序,但我也在考虑将它用于更小的简单JavaScript任务。例如我有一个包含一些项目的列表:FooBar现在我想向HTML添加一些按钮,这些按钮应该在一些用户输入后过滤和/或排序列表,这应该是一个简单的任务。有什么方法可以从现有的HTML元素中提取数据以将它们与angular.js一起使用吗?数据需要在HTML中,这样搜索引擎也可以得到什么为清楚起见编辑:最终结果是ul列表中的数据将被推送到处理该列表的Controller模型中。([{id:1,text:"Foo"},{id:2,text:"Bar"}])如果

javascript - 从 HTML 生成 Emmet 代码 - 反向操作

我说的是Emmet.io(前ZenCoding)。是否有相反的JavaScript代码或jQuery插件?例子:emmet('ul>li*3')=>''我想要这样的东西:emmet('')=>'ul>li*3' 最佳答案 HTML.js正是您要找的http://nbubna.github.io/HTML/ 关于javascript-从HTML生成Emmet代码-反向操作,我们在StackOverflow上找到一个类似的问题: https://stackover

javascript - 使用文本区域利用 jQuery HTML 解码

跟进mylastquestion...如果攻击者可以访问encodedText,则可以利用此代码:return$('').html(encodedText).text();例如$("").html('').text()显示警报。Thisanswer建议使用textarea而是为了避免XSS漏洞:return$('').html(encodedText).text();这能够安全地处理之前的漏洞。然而,thisanswer表示使用textarea时仍然存在XSS漏洞:Isuggestusingasafer,moreoptimizedfunctiondon'tusejQuery.html(

javascript - 使用 html2canvas 和 jsPDF 保存页面的 PDF

我想从一个div的内容创建一个PDF。我正在使用jsPDF.问题是我的样式都没有通过,因此PDF看起来不对。然后我遇到了article使用html2canvas截取页面的屏幕截图。当我尝试提供的示例时,它给了我这个错误:uncaughtexception:Invalidorientation:[objectobject]我该如何解决这个问题?这是我正在使用的JS:(function(){varcontent=$('#content'),cache_width=content.width(),a4=[595.28,841.89];//fora4sizepaperwidthandheigh

javascript - HTML 页面中的 Sharepoint 上下文信息

我正在通过将javascript和html文件上传到文档库来在Sharepoint2013中构建一个SPA。我试图通过sp.js库访问上下文信息来获取当前用户信息。但是我得到这个错误:_spPageContextInfoisnotdefined在我的index.aspx文件中,我包含以下js:我还在index.aspx文件的顶部包含了这个:在我的js文件中,我有以下代码:$(document).ready(function(){//waitforthesharepointjavascriptlibrariestoload,thencallthefunction'Initialize'E

javascript - 如何处理 $(document).foundation() 调用和 WebPack?

根据基金会的documentation:AfteryouhaveincludedtheFoundationJavaScript,justaddasimplecalltoinitializeallpluginsonyourpage.WerecommendthatyouinitializeFoundationattheendofthepage.$(document).foundation();我的应用使用WebPack,因此模块加载是异步。这意味着正文底部的经典脚本会在ui-view被模板填充之前运行。(使用Angular)。如果我将脚本放在底部,DOM会在被Foundation的脚本解析

javascript - 在 Webpack 和 React.js 中设置代码拆分

我正在尝试在我的应用程序中设置代码拆分/分块-通过路由,使用require.ensure。所以这是我的路线:{require.ensure([],(require)=>{cb(null,require('attendee/containers/Profile/').default)},'attendee')}}/>以下是我的webpack配置中的相关行:constPATHS={app:path.join(__dirname,'../src'),build:path.join(__dirname,'../dist'),};constcommon={entry:[PATHS.app,],o

javascript - 从本地网络访问 Webpack Dev Server? (在手机上 React 热重载)

我想通过本地网络上的设备测试React网站。它适用于其他PC,但不适用于我的手机。你们有什么想法可能导致这种情况吗?这是我的配置文件的样子:constwebpack=require('webpack');constpath=require('path');module.exports={entry:{mainFeedPage:['webpack/hot/only-dev-server','./src/mainFeedPage.js'],venues:['webpack/hot/only-dev-server','./src/venues.js'],artists:['webpack/h

javascript - 如何将文件附加到 Webpack 中的 bundle ,或注入(inject)所需的代码?

我正在尝试构建一个将模块/文件注入(inject)客户端包的插件。入口配置可能如下所示:entry:{'main':['some-stuff'],}我想像这样使用我的插件:functionSomePlugin(options){this.entryToAppendTo=options.entryToAppendTo}...plugins:[newSomePlugin({entryToAppendTo:'main'})]在我的插件中,我想像在Webpack本身中完成一样要求该文件,例如:SomePlugin.prototype.apply=function(compiler){compi

javascript - 在 webpack 中包含第三方库

我正在尝试使用webpack将插件(freezeframeplugin)添加到我的应用程序中,但我无法理解如何操作。我从我的应用程序本地提供这个文件,而不是从cdn或npm/bower。我已经进行了全面搜索以尝试解决这个问题,但一直无法接近。我的webpack文件如下所示:constwebpack=require('webpack');constconf=require('./gulp.conf');constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constautoprefi