草庐IT

图书列表API

全部标签

javascript - 如何在 ReactJS 中使用单击事件从列表中删除项目?

varFilterList=React.createClass({remove:function(item){this.props.items=this.props.items.filter(function(itm){returnitem.id!==itm.id;});returnfalse;},render:function(){varcreateItem=function(item){return({item}remove);};return{this.props.items.map(createItem.bind(this))};}});varFilterApp=React.c

javascript - Angular UI-Router 动态路由基于来自 API Ajax 调用的 slug。基于 slug 加载 View

服务器数据库中可通过API访问的slug示例:{slug:"john-smith",type:"user"}{slug:"microsoft-technologies",type:"company"}场景1:用户View和Controller:http://localhost/john-smith.state('user',{url:'/:user',templateUrl:'partial-user.html',controller:'userCtrl'})场景2:公司View和Controller:http://localhost/microsoft-technologies.st

javascript - 如何为 Google Places API 自动完成文本框设置默认值

我正在处理一个与谷歌示例中的页面足够接近的页面https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform它工作正常。不过我还需要添加一项功能,就是将自动完成的值默认设置为当前用户所在的城市。我使用以下代码在HTML5中使用地理定位API获取登录用户的城市和国家/地区。然而,挑战是让自动完成接受这个值作为它的默认值。当我尝试将值直接放入文本框中时,自动完成将其视为错误值。navigator.geolocation.getCurrentPositio

javascript - 如何在 REACT 中每分钟为仪表板调用 API

我在React中制作了一个仪表板。它没有主动更新,没有按钮、字段或下拉菜单。它将部署在壁挂电视上以供观看。所有面板(总共9个)都通过API调用更新。初始调用(如下所示)有效,所有JSON数据都已获取,仪表板已初始更新。底线问题:我需要在首次调用后每30秒到1分钟调用一次API以检查更新。我已经按照这里回答其他人问题的人的建议尝试在componentDidMount()中使用“setInterval”,但我收到错误消息“await是一个保留字”。我已经阅读了有关forceUpdate()的内容,考虑到facebook/react页面对它的描述,这对于我的用例来说似乎是合乎逻辑的。但是,我

javascript - Angular:Http 与 fetch api

虽然我了解Angular发出HTTP请求的方式,但我更喜欢使用内置的FetchAPI,因为我不必为了发出1个简单的请求而订阅和取消订阅。我尝试在我的angular应用程序中使用它,但没有抛出任何错误,页面没有重新加载(仍然是SPA),一切正常。我想一切都有时间和地点。这个:fetch('/api/get_post_by_id/1').then(r=>r.json()).then(j=>{console.log(j);});比这更简单:constobs=this.http.get('/api');obs.subscribe(()=>{...});obs.unsubscribe();基本上

javascript - 尝试动态加载 API 和 JS 文件

我正在尝试动态加载SkyscannerAPI,但它似乎不起作用。我尝试了我能想到的所有可能的方法,结果所有内容都消失了。我尝试了console.log但没有给出任何结果;我尝试了chrome的开发人员工具中的元素,虽然所有内容的css都保持不变,但内容仍然消失了(我认为它可能会在html/body之类的地方添加display:none)。我尝试了所有Google的异步技巧,但还是空白页。我尝试了所有用于异步加载的js插件,结果仍然相同。Skyscanner的API文档很差,虽然他们提供了回调,但它不像谷歌API的回调那样工作。示例:http://jsfiddle.net/7TWYC/在

javascript - 调用列表中的每个函数

我有一组函数,正在寻找一种简洁的方法来按顺序调用每个函数。fns=[functiona(){console.log('a')},functionb(){console.log('b')},functionc(){console.log('c')},]这个有效:fns.map(function(f){f()})还有这个:fns.map(function(f){Function.call.call(f)})但是这引发了TypeError:fns.map(Function.call.call)为什么后一个示例不起作用? 最佳答案 for(

javascript - 如何制作在 AngularJS 中加载部分的列表和 GridView 切换开关控件?

我是AngularJS的新手,我一直无法找到在两个不同的HTML部分中加载的列表和GridView切换按钮的具体教程。阅读官方ng-include、ng-switch官方文档,搜索SO。不幸的是,我们不想使用UI-router.加载两个部分(list.html和grid.html)是否是正确的Angular编码方式?我找到的最相关的帮助是:1.http://tutorialzine.com/2013/08/learn-angularjs-5-examples(示例5)对示例#5有一个有见地的评论:Nicesimpleexamples-welldone.Thelastexampletha

javascript - 如何在 React v16.6 中的新 CONTEXT API 中获取多个静态上下文

您好,我正在尝试访问一个组件中的多个上下文,但我仅通过提供者提供的一个上下文值就获得了成功。有两个提供程序ListContext和`MappingContext。我如何访问这样的上下文:classTableDataextendsReact.Component{staticcontextType=ListContext;staticcontextType=MappingContext;componentDidMount(){constdata=this.context//itwillhaveonlyonecontextfromListContext}我知道我可以在render()中使用多

javascript - 如何从嵌入式 youtube 播放列表中禁用 "related videos"

我需要在iframe上嵌入Youtube播放列表。我不希望用户能够退出这个播放列表,所以我需要禁用“相关视频”和“更多视频”功能(一个在视频停止时显示更多视频,一个在视频停止时显示它们视频已完成)。我已经测试了一些解决方法,但它们仅适用于单个视频(不是播放列表),并且大多数方法在更改?rel=0的行为方式后停止工作。有什么办法吗?这是我的代码:.rep{position:absolute;top:0px;left:0px;width:1280px;height:640px;z-index:6;}编辑:视频必须按顺序显示,因此我不能使用rel只显示播放列表中的视频。另外,如果您点击它们,