草庐IT

improving-the-dom

全部标签

javascript - ngrx : how the reducers function are invoked, 何时被调用?

我正在尝试使用ngrx库来管理我的应用程序的状态。我浏览了许多ngrx文档和git页面。我理解有三个重要的概念:商店Reducer和行动Store是我们应用程序的单一数据源。因此,对数据的任何修改或检索都是通过Actions完成的。我的问题是当一个Action被发送到商店时到底发生了什么?它如何知道要调用哪个reducer?它是否解析所有注册到商店的reducer?可以有多个同名的Action,在这种情况下会发生什么?提前致谢。 最佳答案 一图胜千言...来源:BuildingaReduxApplicationwithAngular

javascript - Prototype JS 吞下 dom :loaded, 和 ajax 回调中的错误?

我不明白为什么原型(prototype)会抑制dom:loaded事件和AJAX处理程序中的错误消息。给定以下HTML片段:ConformingXHTML1.1Templatedocument.observe('dom:loaded',function(){console.log('domready');console.log(idontexist);});domready事件触发,我在控制台中看到日志,但没有任何错误指示。如果您将console.log(idontexist);行移出处理程序,您将获得idontexistisnotdefined控制台出错。我觉得有点奇怪,在其他事件处

javascript - 道格拉斯克罗克福德的 "Javascript: The Good Parts"第 5.5 章

我正在阅读书名中的第5.5章。我仍然无法理解如何使用本章中的eventuality函数“我们可以用零件集组合对象”。对象是否由具有“on”和“fire”功能的事件系统组成?本书下面部分的代码:vareventuality=function(that){varregistry={};that.fire=function(event){//Fireaneventonanobject.Theeventcanbeeither//astringcontainingthenameoftheeventoran//objectcontainingatypepropertycontainingthe//

javascript - 我如何使用 JavaScript 判断 DOM 对象是否在窗口之外?

这个问题在这里已经有了答案:HowcanItellifaDOMelementisvisibleinthecurrentviewport?(31个答案)Howtocheckifelementisvisibleafterscrolling?(46个答案)关闭9年前。我正在寻找一种方法来了解某个对象(如Div、img等)是否在JavaScript/jQuery窗口中被用户显示和可见。当我说“显示并可见”时,就是用户没有充分滚动页面以让对象可见(如果您明白我的意思)。但是,如果用户滚动页面并且div不再可见(在窗口外),我正在寻找的功能应该知道这一点。

javascript - Chrome 网上商店服务器拒绝带有 "Error : The manifest must define a version."的扩展

注意:这个问题是关于您在进行Chrome开发时使用的manifest.json的version属性。它看起来与下面关于manifest_version的问题类似,但事实并非如此。我真的很想从中吸取教训,但我失败了。NeedtoupdateChromeextensiontomanifestversion2ifnomanifestversionoriginallyspecified?--我目前正在做我的第一个Chrome扩展。强大、有趣、棒极了。除了一件让我烦恼的蠢事。我的Chrome扩展程序是开源的,所以你可以直接转到GitHub上的代码,这样你就可以立即看到我犯了一个愚蠢的错误http

javascript - 闭包事件委托(delegate) - DOM 父级上的事件监听器,涵盖给定类的子级/后代

在jQuery中,您可以执行以下操作:$('#j_unoffered').on('click','.icon_del',function(){...这会在元素j_unoffered上放置一个处理程序,如果单击具有类icon_del的任何后代元素,该处理程序就会触发。此外,它适用于任何随后创建的icon_del元素。我可以在点击元素本身的Closure中正常工作。goog.events.listen(goog.dom.getElement('j_unoffered'),goog.events.EventType.CLICK,function(e){...如何在Closure中指定父事件目

javascript - 立即调用函数表达式 : Where to put the parenthesis?

我看过IIFE的写法:(function(){console.log("docoolstuff");})();还有:(function(){console.log("domorecoolstuff");}());在我使用它们的任何情况下,它们似乎都以相同的方式工作,尽管在某些情况下我被告知一种方法是正确的而另一种是错误的,反之亦然。有没有人有任何可靠的理由或逻辑来说明它是一个订单而不是另一个订单?在某些情况下,在函数体关闭之后但在调用括号发挥作用之前,或者在最后一个右括号之后但之前,是否可能会有更多的事情发生?我主要在Angular模块闭包中使用它们,但似乎无法找到任何真正的理由来采用

javascript - Angular 2 自定义验证器 : check if the input value is an integer?

在Angular2项目中,我需要验证一些输入。如何轻松检查输入值是否为整数?我尝试使用Number(control.value)为空字段返回0-不好。或parseInt(control.value,10)不考虑空格:如果我有类似的东西:1space0,24=1,024它返回1-它通过了验证器没有错误。Lodash函数如:_.isInteger(control.value)或_.isNumeric(control.value)//每次都返回false-这是预期的,因为输入值是字符串而不是数字。像这样组合方法会创建一个包含许多if/else语句的困惑函数,即便如此,我也不确定我是否得到了所

javascript - DOM 背景颜色传播闪烁继承 Google Chrome 中的初始背景颜色,使用主题切换来重载主体背景颜色

我目前正在为我的网站开发一个主题切换器,它使用Javascript/jQuery来使用由按钮切换的lightmode()/darkmode()函数来操纵Body.bg颜色。我想要做的是在主体背景颜色与淡入淡出之间创建无缝过渡。我已经制作并创建了它,但问题是当主题读取存储类型时,它会在Chrome和ChromeCanary中快速闪烁,但在Safari和Catalina的SafariTechPreview中它可以无缝工作。但是,当用户切换到白色然后单击导航链接时,我一直遇到一个问题,这会导致暗模式主题黑色闪烁。我的网站开始时启用了暗模式,bodybg=#0a0a0a,但是当它切换到白色并更

javascript - 在处理大型 DOM 元素时加速 jQuery empty() 或 replaceWith() 函数

首先让我为没有提供代码片段而道歉。我正在从事的项目是专有的,恐怕我无法准确地展示我正在从事的工作。不过,我会尽力描述。这是我的应用程序中发生的事情的分割:用户点击按钮服务器以数据表的形式检索图像列表表格中的每一行包含8个数据单元格,每个单元格又包含一个超链接用户的每个请求最多可包含50行(如果需要,我可以更改此数字)这意味着表格包含超过800个单独的DOM元素我的分析表明jQuery("#dataTable").empty()和jQuery("#dataTable").replaceWith(tableCloneObject)占了我的97%总体处理时间,平均需要4-6秒才能完成。在处理