草庐IT

mappings调整

全部标签

javascript - `new Array(5).map()` 是如何工作的?

这个问题在这里已经有了答案:JavaScript"newArray(n)"and"Array.prototype.map"weirdness(14个答案)WhydoesArray.apply(null,[args])actinconsistentlywhendealingwithsparsearrays?(2个答案)DifferencebetweenArray.apply(null,Array(x))andArray(x)(5个答案)关闭5年前。我最近发现映射一个未初始化的数组似乎并不像我预期的那样有效。使用此代码:functionhelloMap(value,index){retur

javascript - 如何根据js中的父位置动态调整div的大小

我一直在编写一段代码,展示如何动态调整div的大小。然而,代码停留在1个元素上,我做了一些工作以转换为多个div调整器。现在在调整大小时鼠标和div之间出现一个空格,我的目标是确保根据父位置使用精确的鼠标位置单独调整每个元素的大小。任何会改变我的观点的方法都是适用的。不绑定(bind)到调整大小的节点,而是直接持有div边框也是可能的。到目前为止我取得的成就:-使多个div可通过鼠标位置调整大小。-在函数中保存第一个位置信息。-计算出child和parent之间的差异。我想实现的目标:-确保在调整大小时鼠标和div之间没有任何空间时持有者保持在鼠标位置下方。在多次尝试调整大小后,我发现

javascript - 使用 Json 向 Google map 添加标记 |应用程序接口(interface)

我正在尝试使用来自Json响应的数据在谷歌地图上绘制标记。我一整天都在StackOverflow中搜索答案,但没有找到适合我的解决方案。我猜这与我提取纬度和经度的方式有关,但我无法确定。下面是我的代码和Json,Json来自API。我的代码哪里出错了?脚本functioninitialize(){varmyOptions={zoom:4,center:newgoogle.maps.LatLng(34.397,150.644),mapTypeId:google.maps.MapTypeId.ROADMAP};map=newgoogle.maps.Map(document.getEleme

javascript - map 如何与 Backbone 集合一起使用?

目标:我正在尝试创建一个不区分大小写的搜索,它遍历我的集合并尝试将用户查询与模型的名称属性相匹配。现在,如果我想查找特定型号,搜索查询必须准确无误。似乎没有简单的方法可以在Backbone中做如此简单的事情,而不是开箱即用。我想到了map函数。如果我可以遍历整个集合并将模型的名称属性更改为小写,然后将用户查询也更改为小写,瞧!但问题是我不知道如何使用BackboneCollection和map函数。Backbone文档中没有关于map的文档,只有一个链接可以引导您使用包含三个数字的数组的super原始示例代码来强调文档。这不起作用...为什么?this.collection.map(f

javascript - jquery 可拖动和可调整大小的容器

我正在尝试使用jquery制作一个既可调整大小又可拖动的div。然而,实现似乎有很多问题。我发现了几个类似的问题,但没有解决方案。InjQuery,Howtofixcontainmentbugwhenusingresizable()anddraggable()simultaneously?ResizingaJQueryDraggableelement'scontainmentparentwhiledragging我尝试使用多个position配置,还尝试了refreshPositions选项,没有任何效果。我遇到的错误:当快速移动子项时(特别是在圆圈中移动时),它经常会破裂并脱离限制。

javascript - 数据表:过滤后禁用列大小调整

我正在使用数据表,并使用javascript用数据填充表。它工作正常,但我想防止数据表在过滤后调整表的列宽。我已经尝试了在网上找到的几种解决方案,但似乎并没有解决问题。我的HTML是:我像这样实例化表格:vartable=$('#id-table').DataTable({paging:false,ordering:false,info:false,"bAutoWidth":false,//Disabletheautowidthcalculation:false,columns:columns,data:assignments,sScrollX:"100%",//aoColumns:a

javascript - 如何以编程方式输入搜索字符串并触发 Google Maps API 的 places_changed?

所以我有一个带有位置输入的搜索页面。如果用户来自另一个带有搜索查询的页面,我想以编程方式将此查询输入到输入中并触发位置更改。这是我目前所拥有的:varsearchBox=newgoogle.maps.places.SearchBox(input);$('input#location').val(searchQuery);google.maps.event.trigger(searchBox,'places_changed');但是,对于我的places_changed函数的这一行,这给了我错误Cannotreadproperty'length'ofundefined:varplaces

javascript - 如何在 react-google-maps 中添加标记?

在Meteor1.5中使用ReactJS问题:需要一种方法来添加标记使用react-google-maps使用ES6和JSX格式按照文档进行操作并能够嵌入map,但无法添加标记。这是我的代码:constInitialMap=withGoogleMap(props=>{varindex=this.marker.index||[];return(props.onMarkerClick(marker)}/>)});exportdefaultclassMapContainerextendsComponent{constructor(props){this.state={markers:[{po

javascript - 在调整大小的容器中重新排列网格元素,保持一个图 block 不变

我有一个网格,它被设计成固定的宽度和高度。请参见下图。此网格必须适用于所有屏幕尺寸,同时使网格中的元素保持在相同的位置。我的代码目前根据设计的原始宽度/高度调整这些元素的大小,并使其适应新的宽度/高度。尽管在下面的示例中它们没有正确定位,但计算确实有效。我遇到的困难是,我需要将504x504的中心网格图block设为静态,并考虑到这一点调整其他图block。目前所有元素,包括中间的调整,我只想停止调整中间的元素,而其他元素则删除/添加差异到它们的宽度/高度。这很难解释,如果我可以添加更多详细信息,请告诉我。constinitalWidth=1043;constinitialHeight

javascript - 使用 jQuery 调整图像大小和居中

看来我没有很好地解释自己。对此我深表歉意。我已经编辑了这个问题以使其更清楚。场景我们有一个不托管图片的网站。它所做的是引用其他服务器中的图像。计划调整图像大小以保持比例。居中调整大小的图片。灵活,因此可以适应多种尺寸。漏洞我的代码按预期工作,但有时会出现Bug。如果您转到网站的搜索页面,并在第1、2、3和4页之间切换几次,您会注意到有时图像很好……其他时候它们看起来是左对齐的,而不是占据整个容器区域。链接Thefullwebsite(测试版)TheJavaScriptFileThejQuerypluginthathelpedme(j拇指)计划(详细版)假设图像为600x400像素(请记