小编pga*_*mou的帖子

即使没有人在监听,JavaScript事件也会一直执行吗？

即使没有连接侦听器,JavaScript中的事件也会被触发吗？

让我们说"mousemove",我移动鼠标,但整个应用程序中没有监听器,浏览器是否仍构建一个新事件并触发它,或者它会优化并考虑如果没有事件监听器,只需忽略数据.

我假设每个浏览器的工作方式不同,我假设他们使用像观察者那样的模式,但是有什么不是,但有没有说明它应该如何？

javascript events

pga*_*mou

2015 12-15

15
推荐指数

1
解决办法

146
查看次数

如何使用Javascript平滑地更改无限动画(在CSS3中)的执行时间

我在stackoverflow中搜索了很多与我的问题相关的问题,但我还没有找到一个用普通的JavaScript(不使用任何类型的库)来回答我的问题.

我的问题是我有一个CSS3的无限动画,即:

.clockwiseAnimation {
    top: 270px;
    left: 200px;
    position: absolute;

    -webkit-animation: clockwise 4s linear infinite; /* Chrome, Safari 5 */
    -moz-animation: clockwise 4s linear infinite; /* Firefox 5-15 */
    -o-animation: clockwise 4s linear infinite; /* Opera 12+ */
    animation: clockwise 4s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
}
@-webkit-keyframes clockwise {
    from { -webkit-transform: rotate(0deg) translateX(150px) rotate(0deg); }
    to { -webkit-transform: rotate(360deg) translateX(150px) rotate(-360deg); }
}
@-moz-keyframes clockwise {
    from { -moz-transform: rotate(0deg) translateX(150px) rotate(0deg); …

Run Code Online (Sandbox Code Playgroud)

javascript css animation css-animations

pga*_*mou

2014 01-24

11
推荐指数

1
解决办法

2390
查看次数

如何使用Node.js在Heroku中托管AngularJS应用程序而不使用yeoman？

我正在尝试使用Node.js将AngularJS的Hello World构建推送到Heroku中.但有多个视图(部分).

我首先在不使用ngRoute的情况下部署了Hello World,这意味着:没有部分.那很好,很顺利.然后,我尝试推送2个简单的部分.但我认为问题是托管应用程序,同时要求部分.我知道这不是正确的方法,我想要你的建议.

这是我的index.html:

<!DOCTYPE html>
<html ng-app="main">
<head>
    <meta name="name" content="something">
    <title></title>
</head>
<body>
    <section ng-view=""></section>
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular-route.min.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript" charset="utf-8">
    angular.module('main', ['ngRoute'])
    .config(['$routeProvider', '$http', function ($routeProvider, $http){
        console.log('hola');
        $routeProvider
        .when('/', {
            resolve: **??? I tried with templateUrl but did not work either**
            ,controller: 'indexCtrl'
        })
        .when('/second', {
            resolve: **???**
            ,controller: 'secondCtrl'
        })
        .otherwise({
            redirectTo: '/'
        });
    }])
    .controller('indexCtrl', ['$scope', function ($scope){
        $scope.helloWorld = "Hello World";
    }])
    .controller('secondCtrl', ['$scope', function ($scope){
        $scope.helloWorld …

Run Code Online (Sandbox Code Playgroud)

heroku node.js express angularjs angularjs-ng-route

pga*_*mou

2014 11-22

11
推荐指数

1
解决办法

7756
查看次数

玩笑中模拟的范围是什么？

总之，我想知道：

模拟是否包含在测试文件中或影响多个文件？
jest 范围与 JavaScript 范围相同吗？最内部范围中的模拟优先于具有相同名称的外部/全局模拟。
一个后续问题可能是：哪些玩笑模拟方法适用于单元，哪些适用于局部和全局范围？

例如，在以下文件系统中：

rootFolder/
  node_modules/
    externalModule/
      - index.js
  __mocks__/
    - externalModule.js
  src/
    - fileA.js
    - fileB.js
    - internalModule.js
    __mocks__/
      internalModule.js
    __tests__/
      - fileA.spec.js
      - fileB.spec.js

Run Code Online (Sandbox Code Playgroud)

我有以下问题：

将jest.mock('../internalModule, () => customImplementation)在fileA.spec.js影响fileB.spec.js，反之亦然？
同样，jest.mock('externalModule', () => customImplementation)在fileA.spec.js中是否会影响fileB.spec.js，反之亦然？。做`jest.mock('模拟外部模块(node_modules)
全局模拟如何工作？它们会自动跨文件加载还是我必须明确jest.mock('externalModule')地进行初始化
会jest.mock('externalModule', () => customImplementation)优先于全局模拟吗？它会覆盖跨文件的全局模拟吗？
会jest.spyOn(internalModule, 'someFunc').mockImplementationOnce(..)在单元的整个生命周期内模拟实现还是只调用一次就someFunc()可以重置功能？
根据文档jest.doMock，与jest.mock，不会提升模拟“向上”。但是，上哪儿呢？文件？它会在单元结束时自动解除模拟或重置吗？还是会影响未来的单位？
将jest.unmock('externalModule')全球嘲笑，重置为每个文件？

我见过非常不一致的行为，并且没有明确解释这一点的文档。此外，我发现文档要么到处都是，要么不够具体。

提前致谢。

PS 我发现了其他具有类似标题的问题，例如 …

javascript unit-testing reactjs jestjs

pga*_*mou

2020 01-31

6
推荐指数

1
解决办法

818
查看次数

旋转元素孙子级的 CSS3 背面可见性

注意：CSS 在 codepen 示例中

上下文：我想旋转一组对齐为列的元素（我们称它们为父元素）。每个父母有 2 个孩子（2 个面孔：正面和背面）。

<div class="parent">
  <div class="front"></div>
  <div class="back"></div>
</div>
<br />
<div class="parent">
  <div class="front"></div>
  <div class="back"></div>
</div>
<!-- many more -->

Run Code Online (Sandbox Code Playgroud)

动画将在稍后使用 JavaScript 添加，出于问题的目的，假设有 10 列 10 行，并且在某些带有蹩脚浏览器的 Android 手机中旋转 100 个元素肯定会看起来很奇怪。

我想避免的是向每个“父级”添加旋转动画，因为我知道每个动画不会总是同时启动。

我的解决方案：我为每列创建了一个容器元素（称为旋转器），只需旋转该元素，并且所有“父”元素将同时旋转。它有效，而且我知道它具有更好的性能。

<!-- one column -->
<div class="rotator">
  <div class="parent">
    <div class="front"></div>
    <div class="back"></div>
  </div>
  <br />
  <div class="parent">
    <div class="front"></div>
    <div class="back"></div>
  </div>
  <!-- many more -->
</div>

Run Code Online (Sandbox Code Playgroud)

问题：问题是背面可见性仅在我旋转“父”元素时才起作用。如果我旋转“旋转器”元素，我只能看到“背面”，而看不到正面。

这是旋转器的解决方案，这是有问题的。

这是没有旋转器的工作示例，这就是我想要实现的但使用旋转器的效果。

问题：如何才能使用旋转器元素仍然允许背面可见性按预期工作？

html css

pga*_*mou

lucky-day

2
推荐指数

1
解决办法

410
查看次数