草庐IT

improving-the-dom

全部标签

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

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

javascript - MVC 3 : running javascript after validation has completed but before the actual post?

各位,我有一个MVC3数据输入表单场景,它要求用户在满足客户端验证之后,发送到服务器之前确认一些事情。有没有办法在验证框架允许回发之后,但在回发发生之前,将一些javascript插入到事件序列中?(当然,如果用户拒绝确认,回发也必须取消。)非常感谢。 最佳答案 可以订阅对应表单的.submit事件,判断是否有效:$(function(){$('form').submit(function(){if($(this).valid()){//clientvalidationpassedsuccessfully}else{alert('t

javascript - 使用 JavaScript 获取所有对象(DOM 或其他)

简短版:如何获得所有对象的列表(包括它们的后代对象)在页面上(不仅仅是第一深度对象)?预期的子问题:我如何跟踪当我走过物体时访问过的物体?提前致谢。长版(带背景!!):使用in关键字我们可以获得一个对象的所有属性。(并且使用hasOwnProperty方法允许我们只过滤掉属于该对象的属性,而不是继承的属性。)for(varpropinobj){if(typeof(obj[prop])=='object'&&obj.hasOwnProperty(prop)){showObjectsOfInternal(obj[prop],visitedObjects);//recursion.}}这是一

javascript - 如何检查从 DOM 中检索到的元素是否仍然存在于 DOM 中

假设我有一个DOM元素,作为事件的参数,例如点击。$(document).click(function(){myElement=$(this);});稍后如何检查myElement是否仍在DOM中?我不能使用.length或任何其他类似的东西,因为此时它仍然引用已保存的元素和DOM的状态,对吗? 最佳答案 您可以检查元素父级:functionisInDom(obj){varroot=obj.parents('html')[0]return!!(root&&root===document.documentElement);}if(is

javascript - 在 javascript/DOM 中存储文本内容的最快和/或最干净的方法是什么?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我通常会看到版本1,但我从事的一些开源项目使用版本2,而我过去也使用过版本3。有没有人有更优雅的解决方案,也许是更具可扩展性的解决方案?版本1:vartext1='thisismyscript\'scontent';版本2:Thisismycontentvartext1=$('#text1').html();版本3:vartext1=$('#text1'

javascript - D3 过渡 : Fading in and out the colors within a gradient fill

在这个D3图中,圆圈填充了径向渐变,并且改变不透明度用于淡入和淡出:varwidth=400,height=400,padding=1.5,//separationbetweensame-colornodesclusterPadding=6,//separationbetweendifferent-colornodesmaxRadius=12;varn=200,//totalnumberofnodesm=10;//numberofdistinctclustersvarcolor=d3.scale.category10().domain(d3.range(m));//Thelargest

javascript - 从 DOM 调用服务函数 - Angular 2

有什么方法可以从DOM调用服务中定义的函数,我可以从DOM调用组件函数,但我们如何调用服务函数,如下所示:@Injectable()exportclassUtilsService{constructor(){}getSessionId(){}}GetSession 最佳答案 View绑定(bind)中表达式的范围仅限于组件类实例。不支持直接从View访问静态、全局、类型(枚举)...。为了能够在View中引用它,它必须可以通过组件类实例访问:constructor(publicutilsService:UtilsService){}

javascript - document.observe ('dom:loaded' , 函数 () {

有没有办法让这个原型(prototype)js只在dom发生变化而没有加载时触发? 最佳答案 你可以观察到元素是这样变化的$('element').observe('change',function(e){});这是为表单元素保留的-textarea、select和input。最终代码看起来像这样:document.observe('dom:loaded',function(){$('element').observe('change',function(e){//dosomethinghere});});

javascript - VueJS : How to Access the Previous Item in v-repeat

我有一个表,它从LaravelAPI获取一些JSON来填充行。我正在使用VueJS和v-repeat:@{{entry.id}}@{{entry.distance}}km@{{entry.consumption}}l@{{getPrice(entry)+'€'}}@{{getCost(entry)+'€'}}@{{getAverageConsumption(entry)+'l'}}@{{getAverageCost(entry)+'€'}}@{{getCostPerDay(entry)+'€'}}@{{this.getDate(entry)}}现在我想计算AverageCostPerD

javascript - Angular $state.go {重新加载 : true} shouldn't reinitialize the abstract parent controller

我正在使用ui-route进行导航。我的父状态称为ma​​in,它是一个abstract状态(url:/main)和子状态products和用户(网址:/main/products和/main/users)。app.config(["$stateProvider","$urlRouterProvider",function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise("/main/products");$stateProvider.state("main",{url:"/main",templateUr