草庐IT

动画开发

全部标签

javascript - 用于开发和生产构建的 Webpack Angular 应用程序 API URL 配置

我有一个具有以下简单配置文件config.js的Angular应用程序:exportdefaultfunction(app){app.constant('config',{apiUrl:'https://localhost:8080'});};由Webpack入口点app.js导入:importconfigfrom'./config';config(app);我想在进行生产构建时使用不同的apiUrl。在Webpack中最简单的方法是什么? 最佳答案 https://stackoverflow.com/a/34032050/1610

javascript - chart.js 2,动画从右到左(不是自上而下)

下面的jsfiddle显示了问题。第一个数据插入很好,但是当数据集的长度上限为10时,您会看到数据点自上而下动画而不是向左移动的不良行为。这非常让人分心。http://jsfiddle.net/kLg5ntou/32/setInterval(function(){data.labels.push(Math.floor(Date.now()/1000));data.datasets[0].data.push(Math.floor(10+Math.random()*80));//limitto10data.labels=data.labels.splice(-10);data.datase

javascript - Angular2 动画媒体查询

我一直在研究Angular2的动画DSL,但我对如何将动画限制在特定的媒体屏幕尺寸上感到有点困惑。例如,假设我有一个Logo,该Logo在主页上的宽度为400像素,当用户在计算机显示器上访问任何其他页面时会缩小到200像素。...animations:[trigger('homeLogoState',[state('inactive',style({width:'200px',transition:'width'})),state('active',style({width:'400px',transition:'width'})),transition('inactiveactive

javascript - 如何使用重力沿弯曲路径制作动画

我正在尝试创建一个模拟,在该模拟中,球会遵循类似于此的运动路径:https://bl.ocks.org/mbostock/1705868但是,我不使用补间,而是希望球的运动由重力和物体的速度决定——类似于过山车,如下所示:https://www.myphysicslab.com/roller/roller-single-en.html这是我目前所拥有的,但有一个小问题,即过山车在每一帧中都略微获得能量,而不是失去能量:https://jsbin.com/jidazom/edit?html,js,outputX如有任何关于如何解决此问题的建议,我们将不胜感激!

javascript - 使用 jQuery 制作 PNG 动画?

是否有一个简单的插件或一些强大的代码可以让我使用简单的启动和停止方法为PNG制作动画?TSM,亚历克斯。[编辑:我制作了一个jQuery插件来为PNG动画。全部完成后会发布。] 最佳答案 虽然这不是“现成的”插件,但您可能有兴趣查看以下教程:BuildinganAnimatedCartoonRobotwithjQuery所有层都使用PNG图像。它解释了如何实现startHim()方法,我相信您可以将其转换为stopHim()。除非您正在尝试做类似的事情,否则您可能能够浏览它。 关于jav

javascript - jQuery 动画设置回调抛出错误

我想实现一个jQuery动画回调方法progress或者step,但无论哪种情况,我都会收到以下错误:NS_ERROR_IN_PROGRESS:Componentreturnedfailurecode:0x804b000f(NS_ERROR_IN_PROGRESS)[nsICacheEntry.dataSize]我搜索了很多但无法在上下文中找到任何内容,我有点卡在这里,请提出可能导致此错误的原因?在fiddle中,我尝试了step和progress及其在那里的工作,但无法在我的代码中工作,我只是在看,有人在jquery动画中遇到过这种错误吗?示例代码为:this.taskHandle.

javascript - 如何在 Angular Material 动画之后执行代码

我正在使用AngularMaterial在一个网站上。作为响应式框架,它处理不同窗口大小的渲染。改变窗口大小时,添加一些布局变化和控件移动的动画示例:https://material.angularjs.org/latest/demo/gridList(打开链接并调整窗口大小)我在示例中显示的图block上有一些WebGLCanvas,需要在动画完成后重新绘制(并且容器具有最终尺寸)。如何获得一些回调或promise以完成UI动画? 最佳答案 此问题的解决方案是将属性md-on-layout添加到md-grid-list(docs)

javascript - Angular 4 使用 Angular 动画为任何高度/位置变化设置动画

我希望这是一个非常直截了当的问题。有没有办法使用Angular动画语法为元素上的任何高度或位置变化设置动画?例如,如果删除一个DOM元素导致另一个元素向上移动,是否可以在不设置状态变量的情况下为向上移动设置动画?或者类似的没有状态的东西。提前致谢。 最佳答案 您可以为所有可能被动态删除/添加的子元素添加一个折叠动画。如果子高度是动画的,那么容器大小也是动画的。trigger('fold',[transition(':enter',[style({height:0,overflow:'hidden'}),animate('.3seas

javascript - 无法在检查器/开发工具中选择 Chrome 扩展程序/代码环境

我正在开发一个chrome扩展,以使用jQuery突出显示Facebook通知。当Facebook第一次加载时,我可以加载它,但过了一会儿它停止工作。在list中,我尝试将持久性设置为true和false,没有区别。我试过使用background.js。我一直在摆弄chrome.tabs.onActivated和.onHighlighted并且可以获得显示的警报,但是我的代码或jQuery$没有被看到。在开发工具中,我的扩展没有列在我可以在这里选择使用的环境中我的代码:list.json{"name":"FacebookYournotificationhighlight","versi

javascript - JavaScript API 开发的良好实践

什么是设计JavaScriptAPI的好方法?我是JavaScript的新手,学习该语言的主要优点,主要来自“JavaScript:优点”。目前,我正在设计一个基于网络的工具来教授统计学。代码库变得笨拙,部分原因是我不了解如何设计JavaScriptAPI。我的背景是Java和C++,习惯于设计接口(interface)然后独立实现这些接口(interface)。显然,这在JavaScript中效果不佳。感谢您的帮助和建议。更新:工具的最终版本在这里:http://www.lock5stat.com/statkey/index.html 最佳答案