草庐IT

html-webpack-plugin

全部标签

javascript - CSS/HTML5 :hover state remains after drag and drop

我正在使用html5的拖放功能在屏幕上重新排列dom元素-我在执行此操作时将css行为附加到拖放的各种状态,但我遇到的问题是悬停状态保持均匀在我拖放和鼠标移出DOM元素之后。这是我的代码:JavaScript:functionaddDragListeners(){$('.segmentListItem').each(function(index){$(this)[0].addEventListener('dragstart',handleDragStart,false);//rolloverforcurrent$(this)[0].addEventListener('drop',han

javascript - 如何让 javascript 在调用 QWebElement.appendInside ('some html code' 时工作)?

我正在为im客户端开发插件,它将在QWebView中显示聊天记录。插件必须支持html模板。现在我正在尝试通过调用QWebElement.appendInside(‘newmessage’)来附加新消息,如果模板中有javascript源,则它不起作用。例如模板可能是这样的类型: %time%%name%getitall('%text%','%name%','%cid%','%base%',meldungsart[0]);animation1();函数getitall()和animation1()不会被执行。我不能使用QWebElement.evaluatejavascrip

javascript - 如何使用 angularjs 对 HTML 列表进行渐进式增强?

假设我有一个可访问的网站,该网站将在禁用JS的情况下进行咨询。我有一个新闻列表,我可以这样总结:News1News2News3每次重新加载页面时,您都会添加最新的新闻,如果您获得超过10条新闻,则旧的新闻将被丢弃。现在,如果我使用AngulardJS,我必须将数据放入一个模型和一个ng-repeat,并摆脱我的静态HTML。该列表将动态填充,因此使用JS的人将看到几乎实时更新的列表。我需要的是让两者协同工作。我需要静态列表,如果JS被激活,我希望将当前元素插入到模型中并由angularjs管理。现在我目前的做法是:当我的模型初始化时,分离列表DOM,手动提取数据,并删除所有子列表在列表

javascript - 需要更简单的方法来用 HTML 等价物替换嵌套的自定义标签

我正在寻找一种方法来将嵌套的自定义标签正确替换为HTML等价物。例如,假设我们有以下文本:Thisis{b:boldtext}应该变成:Thisisboldtext我知道我可以——而且可能应该——使用带有“粗体”类的跨度之类的东西而不是旧的“b”标签,但我坚持使用“b”是有原因的这个例子。我可能有嵌套标签:Thisis{b:boldtextand{i:italic}}应该变成:Thisisboldtextanditalic但是,我有这些正则表达式(我将其与replace()函数一起使用):/\{b:([\s\S]*?)\}/gm/\{i:([\s\S]*?)\}/gm然后结果会变成:T

javascript - 使用 IPv6 地址和 javascript 从网页获取 html

我想知道是否有一种方法可以使用JavaScript从IPv6地址获取httpGet请求。我在家用电脑上使用cooja建立了一个虚拟网状网络,每个节点都有一个IPv6地址,格式为aaaa::0212:740x:000x:0x0x其中x是节点号。当使用普通的jquery请求时:$.ajax({url:url,success:function(data){console.log(data);}});网站,例如http://www.random.org/intergers/?etc,将得到一个随机数并记录它,但是当一个ipv6地址被放入即[aaaa::0212:740x:000x:0x0x]它

javascript - webpack-dev-server 的缓存问题

我在运行webpack-dev-server时遇到了一些问题。每当我保存文件并编译更改时,它们都不会反射(reflect)在浏览器中。(命令行没有错误)我正在运行以下命令:webpack-dev-server--progress--color但是,如果我每次更改时都运行webpack,这会反射(reflect)在我的浏览器中。我在我的Mac(最新版本的OSX)上运行Chrome,并且我启用了“Disablecachewhiledevtoolsisopen”选项。不用说,但是嘿-你永远不会知道,我打开了我的DevTools..:)我是不是漏掉了一个简单的步骤?

javascript - 将 node.js fs 与 Webpack 一起使用

我在js文件中执行以下操作varFS=require('fs');varTestGoogle=eval(FS.readFileSync('../loader.js','utf8'));我添加到我的webpack配置中:node:{fs:"empty"}webpack使用Babel编译,但我在js控制台中收到错误FS.readFileSyncisnotafunction这是为什么?我只想导入一个javascript文件。特别是为了使用谷歌的Material条形图。https://developers.google.com/chart/interactive/docs/gallery/ba

javascript - Angular 1.X、webpack 和 ngtemplate 加载器问题

最近有人向我介绍了Webpack,我一直在尝试为Angular1和带有ES6的Webpack制作一个入门包。到目前为止,上帝。我能够创建这样的东西:importangularfrom'angular';importuiRouterfrom'angular-ui-router';importngAnimatefrom'angular-animate';importngAriafrom'angular-aria';importngMessagesfrom'angular-messages';importngMaterialfrom'angular-material';importUserM

javascript - 将 webpack 和 babel 与父项目目录中的文件一起使用

我有一个这样设置的项目,我正在尝试从file-b.js中获取file-a.js。project-name/node_modules/src/file-a.jstools/tool-name/node_modules/src/file-b.jswebpack.config.jspackage.jsonpackage.json我的webpack1.13.0配置一直有效,直到我添加了babel-loader6.2.4和babel-preset-es20156.6.0.然后我开始收到错误消息。ERRORin/home/dan/dev/dan/project-name/src/file-a.js

javascript - Webpack - 在 webpack.config.json 中使用脚本加载器

我才刚刚开始涉足webpack的世界。我在vueify中使用了很棒的Vue.js,因此我的模块是ES6。我遇到的一个困难是加载一些第3方jQuery插件。我正在使用ProvidePlugin加载jQuery-效果很好。plugins:[newwebpack.ProvidePlugin({$:"jquery",jQuery:"jquery"})]然后我有一个名为plugins的目录,其中包含杂项jQuery插件。我的理解是脚本加载器只是将它们作为字符串加载到捆绑文件中,并在捆绑加载时对它们进行评估。然后可以像在常规脚本标记中加载这些脚本一样使用这些脚本(即不需要导入)。但我就是无法使用任