草庐IT

构建工具

全部标签

javascript - 使用 MDL 动态构建的输入无法正确呈现

我有以下代码,varloginForm=document.createElement('div');loginForm.className='row';loginForm.innerHTML='Username';document.getElementById('page-content').appendChild(loginForm);问题在于,由于javascript函数已经运行,输入的样式不正确。有人知道我需要调用什么javascript函数来完成这项工作吗?我尝试了MaterialTextfield.prototype.init()但没有任何改变。

javascript - 使用 mathjax 或类似工具将 Latex/MathML 转换为 SVG 或图像?

我正在构建一个库,它只允许对象渲染的功能返回表示自身的DOM元素,其中之一是数学,所以,或会做的,我更喜欢svg。Mathjax以在这方面非常擅长而闻名,但我需要更多类似的东西:Mathjax.Latex('\frac{2}{1}').toSVG();//svgDOMnodeorstringMathjax.Latex('\frac{2}{1}').toImage();//Image,imgnode,orbase64我知道可以使用mathjax-node,但可以使用mathjax客户端吗?https://github.com/mathjax/MathJax-node

dom - 建议用于构建小部件的最小 Dom 操作库

对不起查询,原型(prototype),雅虎YUI,道场在考虑小的时候不吸引我。我想要一个模块化的库,代码尽可能小,最多20Kb[uncompressed]是我所期望的。应该提供Dom操作[没有ajax和badass东西]并且可以扩展,对小部件友好。 最佳答案 microJS上有不少小型javascript库.您可能有兴趣看看$DOM(2.6kb)。或者,如果您想要更多的功能,同时仍然很小,您可以查看XUI(10.4kb,或4.2kbgzipped)。 关于dom-建议用于构建小部件的最

javascript - 将旧 javascript 转换为 jQuery 的工具

我知道网上有很多工具可以让我们开发人员的生活更轻松,包括一些非常强大的工具。请问您是否知道将旧的javascript转换为jQuery的工具?可以帮助制作这些东西的工具?因为我必须在jQuery中翻译数千行代码,而且我认为我有大约15年的时间......:)谢谢! 最佳答案 不,这样的工具不存在。如果它存在,由它创建的代码将不会是任何人想要使用的东西。开始使用jQuery的最佳方式是简单地将jQuery用于新的东西,如果有时间慢慢地手动迁移旧的东西——最好是已经损坏或需要修改的东西。 关

javascript - 刷新元素以显示其新工具提示(在 jQuery/Javascript 中)

我有一个html元素,当悬停在它上面时,它使用Bootstrap工具提示来显示标题。但是,当您单击此元素时,我正在更改工具提示,但直到我将鼠标从它移开并再次将鼠标悬停在该元素上时,新的工具提示才会显示。我希望在单击所述按钮时立即显示工具提示。我怎样才能做到这一点?有没有办法在没有更好的词的情况下“刷新”html元素? 最佳答案 试试这个演示:http://jsfiddle.net/dreamweiver/9z404crn/$(document).ready(function(){$('#example').tooltip();$('

javascript - React js 性能工具插件抛出 "Cannot read property ' 未定义的计数”

我对如何使用React的性能工具感到困惑。我目前的使用情况如下图:varPerf=React.addons.Perf;Perf.start();this.setState({newState:newStateObject,},function(){Perf.printInclusive();Perf.stop();});这不会在页面上呈现任何内容并脱口而出UncaughtTypeError:Cannotreadproperty'counts'ofundefined 最佳答案 参见https://github.com/facebook

javascript - 如何更改 Bootstrap 工具提示的字体

使用bootstrap.js中的Tooltip插件,如何更改工具提示中文本的字体?无论我多么努力,我唯一的成功就是更改了我的*选择器中定义的文本。我的Bootstrap是用jQuery激活的:$(".myTooltip").tooltip({html:"true",placement:"auto-right",delay:{"show":300,"hide":100}});工具提示显示在这张图片旁边:SometextMoreTextCost"class="myTooltip"src="image.png"/> 最佳答案 Bootst

javascript - 为 C3JS 定制的工具提示

我使用C3.JS创建了一个图表。它有条形图和折线图,如下所示图表工作正常,但我有一个要求,我需要在工具提示中显示一个折线图以及其他数据点。折线图来了,但缺少其他数据点(x,data1,data2)。此外,默认情况下,工具提示应仅在鼠标单击时出现,而不是鼠标悬停在页面加载时,工具提示应出现在最后一个栏中。当前我的工具提示仅显示如下所示的折线图,没有其他数据点(x,data1,data2)但我希望我的工具提示如下所示我的代码如下谁能帮我解决这个问题WorkingJSFiddlefunctiongenerateGraph(tooltip,data1,data2){//ifthedataiss

javascript - Angular 构建无法在服务器上运行

我正在尝试在服务器上运行我的AngularJS前端。我正在使用Yeoman来构建应用程序。我上传了非常基本的helloworld应用程序,我得到了没有加载JavaScript的纯HTML文本。Chrome中的控制台是这样说的:Error:Unknownprovider:aProvider)athttp://../scripts/vendor/d10639ae.angular.js:2627:15atObject.getService[asget](http://../scripts/vendor/d10639ae.angular.js:2755:39)athttp://../scrip

javascript - 推特 Bootstrap 工具提示错位

请看这个jsfiddle我用top:0;给了一个问号图标绝对位置;right:-42px;因此显示工具提示的元素在row之外。我认为这导致工具提示无法获得适当的宽度或将工具提示内容和工具提示内容放错位置并困在row-fluid中。如您所见,箭头位置很好。更新:我会在textarea旁边放置?图标,textarea填充其父级宽度并右对齐。这是另一个example 最佳答案 将body指定为工具提示的容器(demo):$('[data-toggle="tooltip"]').tooltip({container:'body'});