草庐IT

动画插件

全部标签

javascript - Webpack 插件 : How to add dynamically a Module to the main Chunk?

我正在开发一个Webpack插件,它基本上在block中寻找cssAssets,当它找到这样的Assets时,在其上应用一些返回的postCSS插件2个输出,一个应该继续使用Extract-Text-Plugin提取,另一个输出应该成为chunk中的一个新模块在运行时将其注入(inject)头部。我唯一没有设法实现的部分是在现有block中创建新模块的部分。有什么指点/想法吗?我设法从中创建了一个新block,但没有webpack包装器,这意味着我无法为那blockcss支持HMR并延迟加载它。classExtractTPAStylePlugin{constructor(options

javascript - 如何对 jquery 插件中的内部函数进行单元测试?

在jQuery插件中我创建了辅助函数,就像这样(function($){varsomeHelperFunction=function(s,d){returns*d;}varsomeOtherHelperFunction=function(s){returns*2;}//heregoesthenormalplugincode})(jQuery);现在我想从外部调用someHelperFunction,以便能够对其进行单元测试,这有可能吗? 最佳答案 根据thisrelatedquestion,我会说只测试外部接口(interface)

类似于谷歌日历重复选项的javascript插件/表单

这个问题不太可能帮助任何future的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visitthehelpcenter.关闭10年前。是否有一个javascript插件可以在视觉上复制与谷歌日历重复选项相同的功能?

javascript - 在 Firefox 上执行之前创建一个插件来修改 JavaScript 数据

我想为firefox创建一个插件,它应该检查加载页面上的每个JavaScript。如果有不允许的代码,则应将其阻止或修改(它是XSS保护的一部分)。但我不知道,如何实现这一点。我试图创建一个http-on-modify-request观察者,所以我可以访问脚本。但是我怎样才能在Firefox执行之前修改它们呢?我的第二个尝试是创建一个像Flashblock插件这样的插件。所以我制作了一个CSS文件并将脚本标签绑定(bind)到一个xml文件。在xml文件中,我创建了一个占位符并替换了javascript。当我启动一个页面并查看DOM-Inspector时,它工作正常......有div

javascript - 向此推荐 slider 添加动画

我已经使用CSS3创建了一个slider来显示我的推荐。现在我需要使用Jquery向这个slider添加一些动画。但我不知道如何将Jquery与此slider一起使用..以及适合此的插件是什么。所以任何人都可以告诉我如何向这个slider添加动画?非常感谢任何想法。谢谢。这里是slider代码的链接:jsfiddle.net/XJVYj/82 最佳答案 我认为很难找到与您的代码完全匹配的插件。但我可以为你编写jQuery代码。但是我会有两个问题。我可以更改多少CSS?或者它是否也应该在没有激活js的情况下工作?您将来会保留3个元素吗

javascript - Ajax 响应后无法重新触发 CSS 3 动画

这是一个HTML表单:Username:Password:这里是调用的JavaScript函数的相关代码if(xmlhttp.readyState==4&&xmlhttp.status==200){if(xmlhttp.responseText)document.getElementById("loginForm").submit()else{document.getElementById("report").style.webkitAnimationName="";setTimeout(function(){document.getElementById("report").styl

javascript - 如何在 angularJS 指令中使用 jQuery 插件(语义用户界面)?

我在我的项目中使用semantic-ui,pulgin是checkbox有人说如果使用jQ插件,你必须在angular指令中使用它但它不起作用semantic-uiAPI文档中semantic-ui设置的checkbox,你必须将其设置为initcheckbox$('.ui.checkbox').checkbox();我尝试将其更改为这样的Angular:app.html这是angularjs文件中的指令todoApp.directive('todoCheckbox',function(){return{restrict:'A',link:function(scope,elem,att

javascript - 使用路由在angularJS中添加左右动画?

我正在开发一个2页应用程序,其中json文件的格式为:{"data":["basic":{"username":"684685","name":"RoniCh","gender":"Female","age":"13","class":"9C"},"username":"684684","name":"choupbjha","gender":"Female","age":"15","class":"10B"},"username":"684683","name":"JAYESHCh","gender":"Female","age":"16","class":"12C"}]}应用程序.j

javascript - react 导航选项卡导航器中的淡入淡出动画

我正在使用ReactNavigation选项卡导航器和ReactNativeMaterial底部导航,它目前在屏幕之间滑动。我如何让它像MaterialDesignGuidelines所建议的那样从一个屏幕淡入淡出到另一个屏幕。Router.jsimportReactfrom'react';import{TabNavigator,StackNavigator,NavigationActions}from'react-navigation';import{NavigationComponent}from'react-native-material-bottom-navigation';i

javascript - d3j蛇弯曲路径动画

我有兴趣尝试创建一个受控的弯曲路径。有没有办法绘制特定的坐标和样式来模仿这种设计。我把它想象成一种2DDonnieDarko时间隧道或slinkey/snake。更新1-旅程路径1http://jsfiddle.net/0ht35rpb/241/更新2-旅程2**我用stroke-linecap:round--http://jsfiddle.net/0ht35rpb/243/赋予了它更柔和的外观更新3-旅程3http://jsfiddle.net/0ht35rpb/245/^我已经开始创建多条路径线-好好组织一下,这样更容易制作/控制--本质上,旅程需要包括要通过的关键大门和拐Angu