程序设计 javascript

5

与1/10比率的实时数据库相比，检索存储在文档中的基本数据时，Firestore的性能存在问题。使用Firestore，首次通话平均需要3000毫秒 this.db.collection(‘testCol’) .doc(‘testDoc’) .valueChanges().forEach((data) => { console.log(data);//3000 ms later }); 使用实时数据库，第一次通话平均需要300毫秒 this.db.database.ref(‘/test’).once(‘value’).then(data => { console.log(data); //300ms later }); 这是网络控制台的屏幕截图：我正在使用AngularFire2 v5.0 rc.2运行Javascript SDK v4.50。有没有人遇到这个问题？

78 javascript performance firebase google-cloud-firestore angularfire2

4

您可以在HTML脚本标签上同时使用async和defer属性吗？

我想同时使用defer和加载以下JavaScript代码async： <script defer async src="/js/somescript.js"></script> 由于deferInternet Explorer 5.5+支持此功能，如您在CanIUse.com上看到的那样，如果异步不可用，我想优雅地退回到使用defer。我认为最好使用异步，但要在Internet Explorer 10之前不支持它。因此，我的问题是上述代码是否为有效的HTML？如果没有，是否有可能使用JavaScript来创建这种情况，而当无法使用JavaScript时，它会优雅地回退到defer在脚本上async使用？

78 javascript html asynchronous

5

React Native：获取元素的位置

我正在Image用flexbox设置组件的样式，使其位于屏幕中央，效果很好。现在，我希望第二个Image组件直接显示在第一个组件的顶部。第二个图像使用绝对定位。目前，我只是在猜测像素是否适合它，但是当然这是不准确的，并且在可维护性方面付出了太多努力。我正在寻找与jQuery等效的React Native .offset()。有这样的事情吗？如果没有，实现这一目标的最佳方法是什么？

78 javascript ios reactjs react-native

2

如何在Chrome扩展程序中本地保存信息？

我希望我的chrome扩展程序可以保存一些信息，但是我不确定如何启动代码...我需要它来保存字符串。例如-用户输入一个字符串（在弹出窗口上方的文本区域中），并且此字符串显示在弹出窗口中。当用户退出并返回时，我希望字符串保持不变。（我相信它必须保存它）我不想将其保存在服务器或类似的东西上，我希望将其保存在用户缓存或其他内容上。

78 javascript google-chrome google-chrome-extension

8

基于部分字符串的Javascript getElementById

我需要获取元素的ID，但该值是动态的，只有它的开头始终是相同的。这是一段代码。 <form class="form-poll" id="poll-1225962377536" action="/cs/Satellite"> ID始终以poll-数字开头，然后数字是动态的。如何仅使用JavaScript而不使用jQuery获得ID？

78 javascript getelementbyid

7

JavaScript removeEventListener不起作用

我有以下代码添加eventListener area.addEventListener('click',function(event) { app.addSpot(event.clientX,event.clientY); app.addFlag = 1; },true); 它按预期方式正常工作。稍后在另一个功能中，我尝试使用以下代码删除事件侦听器 area.removeEventListener('click',function(event) { app.addSpot(event.clientX,event.clientY); app.addFlag = 1; },true); 但是偶数侦听器没有被删除..为什么会发生？removeEventListener（）是否有问题？注意：这里区域类似于document.getElementById（'myId'）

78 javascript events addeventlistener

17

React Hooks错误：只能在函数组件的主体内部调用Hook

使用useState挂钩时出现此错误。我有它的基本形式，正在看react docs作为参考，但是仍然出现此错误。我已经准备好面对手掌的时刻... export function Header() { const [count, setCount] = useState(0) return <span>header</span> }

78 javascript reactjs react-hooks

1

MutationObserver在整个DOM中检测节点的性能

我对MutationObserver用于检测某个HTML元素是否添加到HTML页面中的任何位置感兴趣。例如，我要说的是，我想检测是否<li>在DOM中的任何位置添加了。 MutationObserver到目前为止，我所看到的所有示例仅检测是否将节点添加到特定容器中。例如：一些HTML <body> ... <ul id='my-list'></ul> ... </body> MutationObserver 定义 var container = document.querySelector('ul#my-list'); var observer = new MutationObserver(function(mutations){ // Do something here }); observer.observe(container, { childList: true, attributes: true, characterData: true, subtree: true, attributeOldValue: true, characterDataOldValue: true }); 因此，在此示例中，MutationObserver安装程序将监视非常特定的容器（ul#my-list），以查看是否将任何<li>附加到该容器。如果我不想那么具体，并<li>在整个HTML正文中关注，是否会出现这样的问题： var container = document.querySelector('body'); 我知道它可以在我为自己设置的基本示例中起作用...但是不建议这样做吗？这会导致性能下降吗？如果是这样，我将如何检测和衡量该性能问题？我认为也许有一个原因，所有MutationObserver示例都针对其目标容器如此具体...但是我不确定。

78 javascript html mutation-observers

5

C＃中的array.map（）示例？

考虑以下常见的JavaScript构造 var ages = people.map(person => person.age); 提供期望的结果，这是一个年龄段。在C＃中这等效于什么？请提供一个简单的示例。该文档指出select或可能出现，selectAll但我找不到在线示例或可以粘贴并起作用的任何其他SO问题。如果可能，给出一个示例，将以下数组{1,2,3,4}转换为following {'1a','2a','3a','4a'}。对于每个元素，将“ a”附加到末尾，将其从Integer转换为String。

78 javascript c# arrays dictionary

5

如何将js-modules导入TypeScript文件？

我有一个包含这样的文件的量角器项目： var FriendCard = function (card) { var webElement = card; var menuButton; var serialNumber; this.getAsWebElement = function () { return webElement; }; this.clickMenuButton = function () { menuButton.click(); }; this.setSerialNumber = function (numberOfElements) { serialNumber = numberOfElements + 1; menuButton = element(by.xpath('.//*[@id=\'mCSB_2_container\']/li[' + serialNumber + ']/ng-include/div/div[2]/i')); }; this.deleteFriend = …

78 javascript typescript protractor webstorm

12

可编辑div的占位符

我有以下内容：FIDDLE 占位符可以很好地工作，直到您输入ctrl+A和为止delete。如果这样做，则占位符将消失并且不再显示。怎么了？如何为内容可编辑的div使用占位符？ HTML： <div class="test" placeholder="Type something..." contenteditable="true"></div> CSS： .test { width: 500px; height: 70px; background: #f5f5f5; border: 1px solid #ddd; padding: 5px; } .test[placeholder]:empty:before { content: attr(placeholder); color: #555; } 谢谢。

78 javascript jquery html css

6

我为什么不能直接修改组件的状态？

我了解React教程和文档会发出警告毫无疑问地说，状态不应该直接变异，所有事情都应该通过setState。我想了解为什么，我不能直接更改状态，然后（在同一函数中）调用 this.setState({})仅来触发它render。例如：以下代码似乎正常工作： const React = require('react'); const App = React.createClass({ getInitialState: function() { return { some: { rather: { deeply: { embedded: { stuff: 1 }}}}}; }, updateCounter: function () { this.state.some.rather.deeply.embedded.stuff++; this.setState({}); // just to trigger the render ... }, render: function() { return ( <div> …

78 javascript reactjs

5

我如何在开玩笑中测试axios

我有这个反应 export function fetchPosts() { const request = axios.get(`${WORDPRESS_URL}`); return { type: FETCH_POSTS, payload: request } } 在这种情况下，如何测试axios？开玩笑说，在那个网站上有一个异步代码的用例，他们使用了一个模拟函数，但是我不知道我是否可以用axios做到这一点？参考：https : //facebook.github.io/jest/docs/tutorial-async.html 到目前为止，我已经测试了它是否返回了正确的类型 it('should dispatch actions with the correct type', () => { store.dispatch(fetchPosts()); let action = store.getActions(); expect(action[0].type).toBe(FETCH_POSTS); }); 我不知道如何传递模拟数据并测试它是否返回，但是有人有任何想法吗？先感谢您

78 javascript reactjs react-redux jestjs

5

反应功能组件默认道具与默认参数

在React功能组件中，这是使用Component.defaultProps或在函数定义上使用默认参数来设置默认属性的更好方法，例如：默认道具： const Component = ({ prop1, prop2 }) => ( <div></div> ) Component.defaultProps = { prop1: false, prop2: 'My Prop', } 默认参数： const Component = ({ prop1 = false, prop2 = 'My Prop' }) => ( <div></div> )

78 javascript reactjs ecmascript-6

14

不区分大小写访问JavaScript属性？

假设我有一个对象： var obj = { foo:"bar", fizz:"buzz" }; 我需要像这样动态地访问该对象的属性： var objSetter = function(prop,val){ obj[prop] = val; } 那里没有任何问题，除了prop万一属性名称以Foo代替的形式传递给函数时，它不需要区分大小写foo。那么，如何不区分大小写地通过名称指向对象的属性呢？如果可能，我想避免迭代整个对象。

78 javascript object properties

Questions tagged «javascript»