草庐IT

custom-transition

全部标签

javascript : sending custom parameters with window. open() 但它不工作

functionopen_win(){window.open("http://localhost:8080/login","mywindow")}你好,单击按钮,我将打开一个新网站(我的网站)我有两个文本字段(一个文本字段和另一个密码字段),我试图将这些值发送到另一个打开的窗口。但它并没有像我想要的那样工作。我试过以下方法1.window.open("http://localhost:8080/login?cid='username'&pwd='password'","mywindow")2.window.open("http://localhost:8080/login","mywi

javascript - d3.transition().attr ('x' , y) 在 d3.attr ('x' , y) 有效时无效

以下作品(圆圈将移动到提供的点的新位置)d3target.attr('cx',newCX).attr('cy',newCY)但这些不是:d3target.transition().attr('cx',newCX).attr('cy',newCY)//.duration(1000)//Stilldoesn'tworkwithorwithouttheduration这也不行:(通过提供起始值assuggestedbyAPIdocs)d3target.attr('cx',originalCX).attr('cy',originalCY).transition().attr('cx',newC

javascript - JS HTML5 拖放 : Custom Dock Effect Jumping Around in Chrome

情况:我正在使用HTML5拖放功能在我正在编写的游戏中放置图block。我想添加一种效果,让我要放置新block的两个block稍微分开,以指示这是您放置的位置(类似于MacOS停靠栏)。我的方法:我有一个flexbox,我要将这些图block放入其中。我写了一个函数,基本上返回正弦波的一个周期,我用它来更新掉落的方block的right:和top:CSS属性(方block是position:relative;)基于它们在拖动期间相对于鼠标的原始位置。//Updateoccupantstylefordesiredeffectoccupants.forEach(function(occu

javascript - 用户界面路由器 : How to get next state params in transition

我正在使用ui-router1.0.0.beta.3。如何在转换期间获取下一状态的路由参数?index.run.js$transitions.onStart({to:'**'},verifyAuth);functionverifyAuth(trans){letnextState=trans.$to();if(Auth.verify(nextState.authGroup)===-1){return$state.go('login',{nextState:nextState.name,nextParams:nextState.params});//thisdoesn'twork}}我想存

javascript - d3.js transition() 在浏览器最小化时不起作用

transition()选择,当新数据进入时,我用来移动svg元素的位置,在浏览器窗口中完美运行已打开,但当我打开另一个选项卡或最小化窗口时,transition()函数会将svg元素堆叠在一起。当我打开窗口时,我看到svg元素堆叠在一起。exit()选择移出屏幕。 最佳答案 D3usesrequestAnimationFrame以实现流畅高效的绘图。这是moreinfo关于这个话题。许多人的基本问题是,当窗口/选项卡处于后台时,页面呈现“进入休眠模式”并且不提供“动画帧”,即浏览器将停止绘制。您可以使用浏览器解决这个“问题”vis

javascript - Stripe 连接: What's the difference between Customers and Accounts?

目前,似乎Connect的Accounts可以完成Customers的所有操作,例如可以将银行卡直接添加到Accounts帐户。因此,仅为用户创建Accounts对象就足够了,但是是否有可能我不得不创建Customers对象?例如,在教程(https://stripe.com/docs/connect/payments-fees)中,token可以简单地提供Accounts可发布key:stripe.charges.create({amount:1000,currency:'usd',source:{TOKEN},destination:{CONNECTED_STRIPE_ACCOUN

javascript - 谷歌地图 API v3 : Click events not triggered in firefox for custom marker

已经创建了一个map,我正在尝试使其具有类似于“我的map”的功能。我在右侧有两个下拉列表,根据这些ddl中的选择,您可以添加自定义标记/图标。您选择标记类型,然后单击map右上角的“+”按钮,然后单击要添加标记的位置。我的问题是,这在IE、Safari和Chrome中运行良好,但在Firefox中却不行。点击事件似乎没有触发。这是map的位置:https://ait.saultcollege.ca/Michael.Armstrong/Index.html用于在右上角添加标记的按钮有一个指向我的“placeMarker()”函数的onclick事件。这是placeMarker()、cr

javascript - react native : How to do a "shared element/zoom" transition using navigator?

是否可以像this那样进行“共享元素/缩放”转换?在使用导航器reactnative?特别适用于图片库/模式之类的东西。https://github.com/codepath/android_guides/wiki/Shared-Element-Activity-Transition 最佳答案 “目前React不支持在组件层次结构的不同部分重用原生View,这使得在纯JS中实现共享元素转换变得困难。”查看以下链接:https://github.com/brentvatne/hard-react-native-problems/iss

javascript - 如何使用 $transitions?

目前,我正在使用:“Angular用户界面路由器”:“^0.4.2”“Angular”:“^1.6.3”"webpack":"^2.4.1"我知道我当前的实现可能是deprecated,只是寻找新方法的实现(示例或文档)。非常感谢任何帮助,提前致谢!当前实现:'usestrict';module.exports=angular.module('common',['ui.router','angular-loading-bar',require('./header').name,require('./sideBar').name,require('./footer').name]).ru

javascript - CSS transition 不同的行为取决于浏览器类型

在我的代码中,我根据当前鼠标的X和Y位置更改了一些元素的位置。我添加了一个csstransition:all5000ms;让动画更流畅。在GoogleChrome(第63版)中它看起来很棒并且按预期工作,但在InternetExplorer和Firefox中动画看起来滞后/断断续续这是我的代码://$('.shape').css("transition","all7000ms");$(document).mousemove(function(e){letmX=e.clientX;letmY=e.clientY;$('.shape-1').css("transform","transla