草庐IT

二个人

全部标签

javascript - 拖动图像以调整位置,就像在 Facebook 缩略图个人资料图片中一样

在facebook中,缩略图会遗漏整张图片的某些部分,我们可以移动它,以便我们可以将缩略图调整到适合的位置,如何使用网络技术做到这一点。在示例中,我们可以拖动图片来移动缩略图的位置。 最佳答案 我一直在寻找一种完全相同的插件,找不到,所以我写了一个:)。看看这个。它非常基础,功能不多,但仍然有用。用好它,传播它,也相信我;).编辑:2013年12月22日我注意到使用百分比的版本没有按预期工作。链接现已更新。我还添加了一个X轴版本JSFiddle(Y-Axis)JSFiddle(X-Axis)

javascript - 将 URL 中倒数第二个 "/"字符替换为 '#'

我有这个网址:http://localhost:8888/alain-pers/fr/oeuvres/architecture/我想用#替换倒数第二个/(我需要最后一个/)并得到以下输出:http://localhost:8888/alain-pers/fr/oeuvres#architecture/我用indexOf()、lastIndexOf()和substr()尝试了很多东西,但我做不到得到我想要的结果。我也无法让任何正则表达式解决方案正常工作。请注意,有时链接看起来像这样,也带有-:http://localhost:8888/alain-pers/fr/oeuvres/art-

JavaScript,如何以最有效的方式从字符串中获取第二个值,如 "var1-var2"

我知道.split("-",2),但我怎样才能做出这样的东西varstr="123-341235";alert(str.split("-",2).[2])谢谢大家的帮助! 最佳答案 我看到两个简单的解决方案,它们的性能大致相同:varstr="123-341235";str.split('-')[1];//=>"341235"(slower)str.slice(str.indexOf('-')+1);//=>"341235"(faster)这jsPerfbenchmark显示“slice/indexOf”解决方案在Chrome和Fi

javascript - 如何在 React JS onSubmit 函数调用中传递第二个参数

代码如下importReactfrom"react";varnewForm=React.createClass({handleSubmit:function(e,text){e.preventDefault();console.log(text);},render:function(){return();})};module.exports=newForm;我想要实现的是当我提交表单时,我想要字符串“react!!!”在控制台中打印出来并防止默认事件同时发生。显然,将参数传递给“handleSubmit”函数会破坏代码。是否可以将onSubmit事件的参数传递给附加到该事件的函数?

javascript - jQuery:寻找第二个最接近的div

如何找到第二近的div?例如,为了获得最近的一个,我成功地使用了:varclosest_div_id=$(this).closest('div').attr('id');现在,我如何获得第二近的?像这样的东西:$(this).(closest('div').closest('div')).attr('id');??? 最佳答案 假设this不是元素,您可以将选择器传递给parents()并写下:varsecondClosestId=$(this).parents("div").eq(1).attr("id");parents()返回

javascript - React 组件仅在第二个 onClick 事件上更改状态

我有这两个简化React组件,其中Times组件是Create组件的子组件(代码示例见下文).预期的行为是,最初未显示Times组件,但当用户使用onClick单击链接时,Times组件出现.这些组件大部分都按预期工作,但奇怪的是,在第一次单击onClick链接后​​,Times组件没有出现并且Create组件根本不会改变状态,如控制台中所示。但是,当第二次单击该链接时,Create组件会更改状态并重新呈现,并且可以看到Times组件。Create.jsximportReactfrom'react';importTimesfrom'./Times.jsx';exportdefaultR

javascript - 正则表达式 - 去除第一个和第二个正斜杠之间的文本

我几乎已经让这个正则表达式正常工作了,但是我在处理前导正斜杠时遇到了问题-谁能看出我哪里出了问题?我只想从这个例子中提取第一个字符串“projects”/projects/personal/29/56另见此处->http://regexr.com?300av 最佳答案 最简单的方法是使用正斜杠分割字符串varfirstString=url.split('/')[1];并且您将拥有第一个字符串,但是如果您想使用正则表达式进行提取而不是这样做,请记住不要在您的正则表达式中添加全局参数。\/([a-zA-Z0-9]{0,})希望对你有帮助

javascript - 个人资料图片未跨组件更新 Angular 5

我有一个弹出的更改个人资料图片模式,所以你上传图片按保存,应该发生的是个人资料图片在整个网站上更新,但没有发生,只有在你刷新个人资料图片后才会更新个人资料图片更改模式的我的保存功能save():void{constself=this;this.saving=true;self._profileService.updateProfilePicture(input).finally(()=>{this.saving=false;}).subscribe(()=>{constself=this;self._$jcropApi.destroy();self._$jcropApi=null;ab

javascript - offsetHeight 和 offsetWidth 在第一个 onclick 事件而不是第二个事件上计算不正确

我写了下面的脚本来显示一个隐藏的元素,然后将它的位置固定到页面的中心。functionpopUp(id,type){varpopUpBox=document.getElementById(id);popUpBox.style.position="fixed";popUpBox.style.display="block";popUpBox.style.zIndex="6";popUpBox.style.top="50%";popUpBox.style.left="50%";varheight=popUpBox.offsetHeight;varwidth=popUpBox.offsetWi

javascript - 自定义 useEffect 第二个参数

新的ReactAPI包括useEffect(),它的第二个参数采用一个Object,React比较它以查看组件是否更新。例如useEffect(()=>{constsubscription=props.source.subscribe();return()=>{subscription.unsubscribe();};},[props.source],);其中[props.source]是有问题的参数。我的问题是:我可以定义一个自定义函数来运行以检查Prop是否已更改吗?我有一个自定义对象,React似乎无法判断它何时更改。 最佳答案