草庐IT

html-imports

全部标签

javascript - Webpack 2 和 Angular 1 : exporting and import modules

希望得到一些澄清,说明为什么以下内容没有按预期工作,希望这是我可能忽略的容易的事情。如果没有Webpack,当前的实现会按预期工作。理想情况下,想要保持当前的实现,我觉得注册组件/Controller/等应该在它自己的文件中完成,并且只指向相关模块。但是,如果这不是最佳做法,我还希望看到另一个建议。文件root.module是我定义根模块的地方,然后在root.component文件中我将组件附加到该模块。不导入模块的当前实现://root.component.js'usestrict';varroot={template:require('./root.html')};module.

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 - gulp-sass @import CSS 文件

使用gulp-sass我可以包含.scss文件@import'filepath.scss';但是当我尝试使用@import'filepath.css'导入普通的css文件时,它只是添加了importurl(filepath.css);的导入行到输出css文件,而不是实际导入代码。如何导入CSS文件和SCSS文件?我想这样做以包含来自凉亭的文件。这是我的gulp函数://includegulpvargulp=require('gulp');//includedepsvarminifyCSS=require('gulp-minify-css'),autoprefix=require('gu

javascript - Babel 将 'import' 转译为 'require' ,但 'require isn' t 在 ecma5 中可用

据我了解,使用Babel允许您通过转译在ecma5环境中使用ecma6javascript。但是,当我使用“导入”时,“导入”被转换为“需要”。“require”不是ecma5,需要库“require.js”。因此,您不能在没有附加依赖项的情况下使用“导入/导出”,对吗? 最佳答案 是的,Babel只是为了翻译新的语言特性以与现代javascript引擎兼容。Babel不会编译为require.js模块导入语法。相反,它使用Node.js使用的CommonJS模块语法。因此,您可以直接运行代码,而无需在Node.js中进一步构建依赖

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

javascript - angularJS - 将 ng-repeat 拆分为多个 HTML 元素

这是我今天发布的第三个问题,请原谅我,但我遇到了一些我似乎无法弄清楚的事情。这是我的Angular代码:angular.module('ngApp',[]).factory('authInterceptor',authInterceptor).constant('API','http://appsdev.pccportal.com:8080/ecar/api').controller('task',taskData)functiontaskData($scope,$http,API){$http.get(API+'/tasks').success(function(data){$sco

javascript - HTML 元素的值未定义但已设置

我想在页面渲染到后端的匹配状态后设置复选框。我为此目的实现了这个功能,到目前为止的工作是什么已根据用户建议更新cbs[i].dataset.thvalue或cbs[i].dataset.value无关紧要functionupdateCheckboxes(){letactiveCheckbox=''letinactiveCheckbox=''letcbs=document.getElementsByTagName('td')for(leti=0;iHTML部分,使用Thymeleaf但是浏览器通过打印出该值声称它是未定义的,即使该值已设置,如您在浏览器中实时看到的图片所示。根据文档,我的