草庐IT

Ahead-of-Time

全部标签

javascript - react .js : How do you change the position of a Component item

如何在React中更改组件项的位置?除非我误解了,否则React按key排序列表项,在DOM中用data-reactid表示,但我不知道如何修改页面组件的key即您如何获取组件,更改它的key,然后触发渲染,以便重新排序的列表按照您设置的顺序呈现?例如在下面的代码示例中,当单击Clickme链接时,第一个列表项将与最后一个列表项交换。理想情况下,此功能允许您动态重新排序/重新定位页面上的任何组件,而无需更改render方法中组件的顺序。这是完整项目所在的存储库的链接:https://github.com/bengrunfeld/gae-react-flux-todosvarTodoBo

javascript - "Cannot read property ' 加载 ' of undefined"

我正在尝试关注this与Google登录集成的文档,尽管我在控制台中遇到此错误:未捕获的类型错误:无法读取未定义的属性“加载”atscript.js:1script.js:window.gapi.load('auth2',function(){console.log('Loaded!');});我有大约一半的时间收到错误,检查Chrome中的网络面板,只有当以下资源未加载时才会发生:https://apis.google.com/_/scs/apps-static/_/js/k=oz.gapi.en.d2dliHDvPwE.O/m=auth2/exm=signin2/rt=j/sv=1

javascript - 如何检测鼠标是否在:before or over the :after part of an element上方

我有这个CSS来定义放置区域,用户可以在现有部分之前或之后放置一个部分。.section:before,.section:after{content:"[inserthere]";height:64px;line-height:56px;width:100%;display:block;border:3pxdashed#aaa;}这里使用JavaScript+JQuery是放置监听器,它检测当前鼠标下的元素:elem.on('drop',function(e){e.preventDefault();varcontainer=$(elem[0].elementFromPoint(e.cl

javascript - Angular Material 徽章 : Make MatBadge contain an icon instead of text?

使用angular/material6.2.1,我尝试向按钮添加徽章,效果很好。但是,我希望徽章显示Material图标,而不是显示我可以使用matBadge指令设置的纯文本。有谁知道我必须做什么才能实现这个目标?我想我可以使用jQuery,但我想知道是否有更流畅/更简单的方法。 最佳答案 我通过简单地设置f.e.解决了这个问题。按钮上的matBadge="person"。然后在你的css文件中:.mat-badge-content{font-family:'MaterialIcons';}

javascript - iPhone Safari Web 应用程序 : Seeking overview of iPhone-specific features

我试图大致了解在编写Web应用程序(使用html/css/javascript,在Safari中运行)时我可以获得哪些原生iPhone功能。意思:我想知道我是否可以访问一般的“智能手机”,特别是iPhone/iTouch的特定功能(加速度计、地址簿、照片库、iPhone的唯一标识符、相机、指南针、可用的Wifi网络)等)。我想一定有一个概述,可能在Apple开发者网站上,但我很难找到它,因为它现在都是关于native应用程序的。 最佳答案 查看Apple开发者网站上的“针对Web应用程序的iPhone人机界面指南”。它没有明确说明,

javascript - 为什么使用 'href="javascript :void(0) ;"' instead of something more user friendly?

我是网页设计和javascript的新手,我不明白为什么网页设计师通常使用下面的void(0)语法:既然这实际上显示在浏览器的左下角,为什么不想出一种使它对用户更友好的方法呢?可能是因为设计师没有时间进行这种UI调整。作为对最终用户更有帮助的上述语法的替代方案,您有什么建议? 最佳答案 理想的解决方案是buildonthingsthatwork.本文讨论了利用YahooUserInterfaceLibraryjavascript库来改进javascript模拟交互事件的可访问性的渐进增强。引用:ChristianHeilmann

javascript - 数据表-未捕获的类型错误 : Cannot read property 'length' of undefined

我已经看到了这个问题的几个例子,但仍然无法找到解决方案。错误表明它在jquery.dataTables.js(版本1.10.4)的第3287行中断,如下所示//Gotthedata-addittothetablefor(i=0;i这是我的Controller。Controller是这样的,因为现在缺少数据库连接,但将以与$data相同的格式返回JSON。我已经尝试了几种方法来解决错误,但仍然遇到其他问题。JSON有效。publicfunctiontest(){$data='{"persons":[{"branch":"CORP","phone_numbers":[{"desk":"52

javascript - Angular Directive(指令) : Adding ng-class directive at compile time on existing template element

长话短说,这个想法是通过不必手动添加ng-class={'has-error':'formName.inputName.$invalid'}来简化模板每一个form-group所以我想创建一个指令来生成一个字符串,该字符串将被添加到模板元素中。该字符串是一个带有表达式的ng-class属性我认为创建一个在编译阶段添加ng-class属性的快速指令就足够了,但它似乎并没有削减它。指令定义对象{restrict:'C',compile:function(tElement,tAttrs){var$elem=angular.element(tElement),formName=$elem.pa

javascript - 创建一个 Ahead-of-Time (AOT) 编译库供 Angular 应用程序使用

我有一个Angular5库,我将它公开为一个包,供其他应用从它们的node_modules使用。目前,该应用程序使用rollup和gulp进行即时(JIT)编译,并作为包导出。因此,开发人员应用程序以其JIT编译形式使用我的包。对AOT的研究让我相信,任何使用AOT编译的Angular应用程序都比浏览器上的JIT对应程序具有更高的性能。但是,作为库开发人员,我想知道如果我公开AOT编译的库,应用开发人员是否会获得任何性能优势?我使用ng-bootstrap和许多其他开源库在我的模块中创建组件并在它们之上添加自定义样式或功能。我在模块中使用的所有库是否也需要采用AOT形式,或者我可以使用

javascript - 量子对偶性 : variable is null and undefined at the same time?

考虑以下JavaScript代码(在Firefox中测试):functionf(a){if(a==undefined){alert('undefined');}if(a==null){alert('null');}}f();同时显示两个警报,表明这两个陈述都是正确的。你能给出一个合理的解释吗? 最佳答案 ==是一个“软”相等运算符。它使用类型强制将两个等效对象比较为相等。以下所有都是正确的:42=="42"0==false0==""[]==""{}=="[objectObject]"'/(?:)/'==newRegExp相反,您应该