草庐IT

HTML+CSS+JS

全部标签

vue.js not detected问题解决

 最近在看vue的时候,发现之前装过的vuedevtools提示vue.jsisnotdetected。重装了一次后,发现对于没有应用vue框架的页面,的确是检测不到vue.js,所以报这个很正常;切换到有vue.js资源的页面,调试界面就会自动检测出vue插件(如果还是报错,具体下文有讲)。如果你跟我一样上不了chrome商店,那么希望下面的步骤可以帮到你。首先下载插件:Installation|VueDevtools(vuejs.org)https://devtools.vuejs.org/guide/installation.html然后点击InstallonChrome 之后打开chr

javascript - 使用 Strophe.js 自定义 XMPP 消息

如何使用StropheJS通过XMPP发送自定义消息图书馆?我知道使用$msg(...);我可以创建一个聊天消息元素并connection.send(m);通过XMPP连接发送它。我需要一种发送消息的方式,不是为了聊天,而是为了“命令”(或其他目的)。 最佳答案 使用Strophe.js你可以简单地做:functionsendCustomMessage(to,from,body,field1,field2){varm=$msg({to:to,from:from,type:'chat'}).c("body").t(body);//cu

javascript - 如何根据容器尺寸的变化调整 Morris.js 图表的大小

我尝试将Morrisjs圆环图放入具有2个flex项目的flex容器中,我希望flex:1容器中的图表会调整大小,但它不会。有谁知道如何使图表在弹性项目中响应?这是我的例子example尝试调整它的大小JS:$(function(){Morris.Donut({element:'container',resize:true,data:[{label:"DownloadSales",value:12},{label:"In-StoreSales",value:30},{label:"Mail-OrderSales",value:20}]});CSS:html,body{height:10

javascript - 如何让导入的 css 字体/图标对 shadow dom 中的元素产生影响?

假设我想使用shadowdom创建一个自定义元素。模板中的某些元素具有在链接的css文件中指定的类名。现在我想让css规则对元素产生影响。但由于shadowdom样式边界,我无法实现。DreamLineTourBlogContactErrorSearchvarimportDoc=document.currentScript.ownerDocument;varproto=Object.create(HTMLElement.prototype,{createdCallback:{value:function(){vart=importDoc.querySelector("#blog-hea

Javascript HTML 5 进度条不适用于 setInterval

单击按钮时进度条增加1。但我没有看到它增加到100。我必须一次又一次地单击按钮来增加值。你能告诉我我可能做错了什么吗?此外,如何在不使用进度条ID的情况下清除每个进度条达到100时的间隔?window.onload=function(){console.log("Hello");varbutton=document.getElementById("animateButton");button.onclick=goProgress;}functiongoProgress(){ console.log("IngoProgress()");varprogressBars=document.g

javascript - webpack css loader 不工作 : no output css file

我正在从事开源元素,现在我需要为前端设置webpack。我在下面尝试了webpack配置,JS工作正常,但css不行,没有css输出文件。我不知道为什么会这样,请帮助我。下面是我的webpack配置js文件:constpath=require("path");constwebpack=require('webpack');constExtractTextPlugin=require("extract-text-webpack-plugin");constnode_dir=__dirname+'/node_modules';constsassLoaders=['css-loader','

javascript - D3.js 结合条形图和折线图

我想通过组合条形图和折线图来创建多系列图表。当我使用rangeBands()设置输出范围时,线从图表中第一个柱的开始处开始绘制,并在最后一个柱的开始处结束。我应该更改什么以使该线从第一个刻度开始并在最后一个刻度结束?vardata=[{date:'1-May-12',close:58.13,open:7.41},{date:'2-May-12',close:53.98,open:45.55},{date:'3-May-12',close:67.00,open:11.78}];varmargin={top:30,right:40,bottom:30,left:50}, width=600

javascript - Vanilla JavaScript : Is there a way to toggle multiple CSS-classes in one statement?

我使用这些JavaScript代码来更改脚本中的类:vartoggleDirection=function(){group.classList.toggle('left-to-right');group.classList.toggle('right-to-left');}在我的示例中,只有两个类需要更改,但也可以是多个类...因此:有谁知道编写示例的方法不那么冗余? 最佳答案 不,不可能直接使用Element.classListAPI。查看API,您可以阅读:toggle(String[,force])Whenonlyonearg

javascript - Nightmare JS 不工作

我知道问题的标题看起来很模糊!但仅此而已。我在我的生产服务器上安装了nodejs,它让phantomjs正常工作,然后我通过npminstallnightmare安装了nightmare,我可以在node_modules中看到它,我尝试了开发人员在github上列出的示例:varNightmare=require('nightmare');varnightmare=Nightmare({show:true})nightmare.goto('http://yahoo.com').type('input[title="Search"]','githubnightmare').click('

javascript - 如何在 HTML 中指定 Javascript 的版本

随着新的JavaScriptES6的发布。我想知道如何指定版本。假设,如果我想使用HTML5,我在html页面的顶部声明同样,如果我想使用jQuery,那么我会使用jQuery2.1.4或任何我使用的src指向下面的urlhttps://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js我们在html中是这样写js的。//js或如何指定脚本应使用ES6版本,以防浏览器不支持,回退到ES5。 最佳答案 正如其他人所说:浏览器将使用它内置的任何JavaScript引擎……无