草庐IT

2022最全前端面试题(持续更新)

全部标签

javascript - Ractive 和数组,数据未更新

我正在学习如何使用ractive并不能解决问题,代码在下面jsfiddle.我正在做的事情的要点是队列的计数器(数组中的最后一个对象是当前人):1.一个计数器,显示当前人的排队号2.显示队列大小的计数器A)工作正常,但逻辑过于臃肿,因此我尝试将其转换为单独的变量,如B)所示,但它根本不更新。我在代码中放置了一个观察器来观察队列变量何时发生变化。我希望每次单击“跳过当前人员”或“删除当前人员”时它都会显示警报,但警报仅在我第一次加载页面时显示。ractive.observe({'queue.0.queueNo':alert('here')}); 最佳答案

javascript - 删除节点时的 D3 更新总是删除 SVG DOM 中的最后一个条目

我在我的D3应用程序中看到了一个奇怪的行为,经过数小时的尝试弄清楚发生了什么,我希望有人能指出我明显做错的地方。我已将应用程序简化为非常简单,但问题仍然存在。正如您将看到的,它源自所有出色的D3示例。我有一个问题的简单场景是:选择一个节点(通过单击它),然后在按下删除键时删除该节点以及该节点和链接的所有相关链接和标签。下面粘贴的代码几乎就在那里,因为它完全按照预期减少了节点和链接的数量(给定任何特定图表),但有一个问题:节点和链接标签都不正确,最终分布在不同的圈子...任何关于可能发生的事情的想法都将不胜感激!代码:varwidth=960,height=700,colors=d3.s

javascript - AngularJS:确定耗时,用于定期更新模型和 View

上下文我想创建一个Web应用程序,该应用程序将一组数据视为自页面加载以来耗时的函数。想一想“自打开此网页以来,您燃烧了多少卡路里”。我仍在努力思考AngularJS服务、工厂等,并想知道创建自动更新计时器的最佳方法是什么,该计时器可用于定期(每秒)操作和更新ng-model.我是如何(不成功地)想象它会起作用的:我现在有这样的东西:app.factory('Timer',function($timeout){vartime=0;varTimer=function(){this.time++;this.timeout=$timeout(this.Timer,1000);}});并用作$t

javascript - 在 react 中更新状态时递归太多

在此示例中,当我尝试在componentDidUpdate生命周期回调期间更新状态时,出现了toomuchrecursion错误。我应该如何更新状态?importReactfrom'react';classNotesContainerextendsReact.Component{constructor(props){super(props);this.state={listOfShoppingItems:[]};}componentDidUpdate(nextProps,nextState){letnewShoppingItems=this.calculateShoppingItems

javascript - 4.0 更新后从 NodeJS 获取 "Segmentation fault: 11"

我刚刚重新安装了NodeJS。在重新安装之前,当我运行node-v时,我得到的版本号类似于“0.2.x”……这是一个奇怪的数字。因为我今天早上读到Node刚刚更新到版本4.x.x,所以我想我应该更新它。另外,我还有其他问题,所以我认为这可能是造成这种情况的原因。当我运行以下server.js时,我会打印出以下控制台。服务器.js...varexpress=require('express');varmongoose=require('mongoose');varbodyParser=require('body-parser');varmethodOverride=require('me

javascript - 为什么 vue.js 不使用 moment.js 使用 datepicker 更新 dom

我正在vue.js中编写一个(非常)简单的日期选择器控件,使用moment.js来格式化和改变日期。我遇到的问题是,即使在我单击任一按钮时修改了组件中的日期实例,显示也不会更新。我已经尝试将其更改为一个简单的整数而不是日期实例,并且按预期工作(DOM已正确更新)这是我的源代码:App.jsVue.component("datePicker",{props:["value"],data:function(){return{selectedDate:moment(this.value)};},template:"<{{formattedSelectedDate}}>",meth

javascript - 如何限制 react-redux 连接更新重新渲染到特定状态分支?

我有一个更新全局计数器的Action和缩减器。此操作以快速间隔触发。reducer为每个操作返回一个新的状态副本。reducer看起来像:import{handleActions}from'redux-actions';import{sceneTick}from'./actions';exportdefault(state,action)=>handleActions({[sceneTick]:(state,action)=>{return{...state,loop:action.payload,}},我在各种React组件上使用react-redux的connect方法。并非所有组

javascript - 正确更新/合并 React Redux 存储中的数组值,不重复

我的初始状态如下所示,如果添加了新书或更改了价格,那么新的更新数组来自服务,我需要将其结果合并到我的初始状态。constinitialState={booksData:[{"Code":"BK01","price":"5"},{"code":"BK02","price":"30"},{"code":"BK03","price":"332"},{"code":"BK04","price":"123"}]};来自服务器的更新数组有少量记录更新/新data:[{"Code":"BK01","price":"10"},{"code":"BK02","price":"25"},{"code":"

javascript - 如何限制 git 跟踪/更新本地更改?

因此,我学习了git函数,但无法从文件.gitignore中的git分支更新执行文件README.md。我在.gitignore中写了下一个,但在服务器上推送期间它没有帮助。//.gitignore#readmeREADME.mdLICENSE 最佳答案 您缺少一些重要信息。git会在您将文件添加到暂存区后立即对其进行跟踪。一旦它们被提交,它们甚至会被跟踪添加到.gitignore,因为你的README已经添加到git所以git将跟踪对此文件所做的更改。因此将它添加到您的.gitignore中将不起作用,因为从现在开始它会被git跟

javascript - jQuery 更新 html 元素文本而不影响 HTML 子元素

我有一个小问题,我不知道如何解决。我有一个像这里一样的HTML层次结构TitleGoesHere我喜欢做的是修改“TitleGoesHere”。我尝试的是:$('#el_01title').text('NewTitleGoesHere');但这也删除了:有没有办法只更新“TitleGoesHere”而不影响span元素? 最佳答案 您可以通过访问DOM元素并获取其firstChild来直接编辑文本节点。$('#el_01.title')[0].firstChild.data='NewTitleGoesHere';如果有多个.titl