小编zer*_*298的帖子

我想将第一个函数组合到第二个函数,所以我只能调用它一次

我想将第一个函数组合到第二个函数,所以我只能调用它一次.基本上我有2个html5音频文件即时播放.一切正常.但是,如果我播放我的第一个音频,在此期间,如果我点击第二个音频,第一个音频上的暂停按钮不会更改为默认(关闭)

//First function 

function toggleState(item) {
  if (item.className == "play") {
    item.className = "pause";
  } else {
    item.className = "play";
  }
}

//Second function
// Play stop Music
function EvalSound(soundobj) {
  var thissound = document.getElementById(soundobj);
  if (thissound.paused) {
    thissound.play();
  } else {
    thissound.pause();
  }
}
Run Code Online (Sandbox Code Playgroud)

javascript html5-audio

5
推荐指数
1
解决办法
173
查看次数

单选按钮或复选框是否允许使用咏叹调?

我正在使用斧头Chrome扩展程序检查辅助功能,我收到了违规的单选按钮和复选框.查看W3C文档中的"aria-required",你可以在这里找到它:W3C on aria-required,既没有为使用的角色列出输入.

根据这个问题:HTML5:如何将"required"属性与"radio"输入字段一起使用,您只需要在需要时标记一个单选按钮.但是,我试图使用旧版浏览器的咏叹调并且我得到违规元素必须只使用允许的ARIA属性,说我的任何输入类型无线电或带有咏叹调要求的复选框都不允许使用 "咏叹调".

这与工具是否存在差异,HTML5所需的工作是否略有不同,或者无线电或复选框上实际上不允许使用咏叹调?

html wai-aria

5
推荐指数
1
解决办法
4219
查看次数

为什么在调用函数时使用')'?

我有代码:

function output( string )
   print( string )
end

output 'Hola!' -- Why do I not need `(` and `)` here?
Run Code Online (Sandbox Code Playgroud)

我何时不需要使用(Lua语言.

lua

4
推荐指数
1
解决办法
102
查看次数

CSS中的砖块布局

我一直在尝试创建一个砖布局,就像CSS中的附加图像一样,没有任何成功.请参阅附图

砖布局

为了实现这种布局,我编写了一些代码.我试图使用以下HTML复制第一行(带有"Let's"一词的行)

<div class="photo-row first">
    <div class="first-item-1"></div>
    <div class="first-item-2"></div>
    <div class="first-item-3"></div>
    <div class="first-item-4"></div>
    <div class="first-item-5"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

和CSS

.photo-row {
    width: 100%;
    height: 200px;
}
.photo-row.first div {
    display: inline-block;
    height: 100%;
}
.first-item-1 {
    width: 13.57%;
    background: red;
}
.first-item-2 {
    width: 19.21%;
    background: green;
}
.first-item-3 {
    width: 31.21%;
    background: orange;
}
.first-item-4 {
    width: 15.14%;
    background: blue;
}
.first-item-5 {
    width: 19.78%;
    background: yellow;
}
Run Code Online (Sandbox Code Playgroud)

我们的想法是为每个div提供父div的固定百分比宽度,这样它们就会以砖块格式对齐并具有响应性.然后我打算给每个孩子们一个背景图像.我的布局有效但在某些视图端口它会断开,最后一个子div转移到第二行.

我还做了一个codepen演示来演示这个:https://codepen.io/Ali_Farooq_/pen/oobBYj

.photo-row {
  width: 100%;
  height: 200px;
}

.photo-row.first div …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery css3

4
推荐指数
1
解决办法
1238
查看次数

为什么我的已发布的延迟Observable工厂被多次调用?

我有一个任务流将排队,直到使用.zip()操作员触发信号主题.信号主体订阅当前正在运行的任务.我也试图观察任务的进度排放.

我试图做的是使用.publish()组播任务Observable,以便我可以允许信号主体订阅.last()任务的发射以产生出队并且还订阅任务一般进度排放.

似乎有效.但是,每当我查看打印出来的内容时,.subscribe()即使我使用过,看起来我的Observable工厂也会被每次调用调用.publish().我误解了多播是如何工作的吗?我相信.publish()ed Observable将与工厂一起创建,并且单独的实例将被共享,但是冷却直到.connect()被调用.

我的任务亚军

注意.defer()那个电话tasker.

"use strict";

const {
  Observable,
  Subject,
  BehaviorSubject
} = Rx;

// How often to increase project in a task
const INTERVAL_TIME = 200;

// Keep track of how many tasks we have
let TASK_ID = 0;

// Easy way to print out observers
function easyObserver(prefix = "Observer") {
  return {
    next: data => console.log(`[${prefix}][next]: …
Run Code Online (Sandbox Code Playgroud)

javascript rxjs

4
推荐指数
1
解决办法
164
查看次数

SVG加载vue-svg-loader; [Vue警告]:无效的组件定义

如果我想vue-svg-loader在现有的vue-cli应用程序中使用,则会收到错误消息

[Vue warn]: Invalid Component definition: /img/logout.b0c3dfb7.svg
Run Code Online (Sandbox Code Playgroud)

以下步骤已完成:

1)安装vue-svg-loader为devDependency

2)在vue.config.js(根目录)中添加Webpack Config :

module.exports = {
  configureWebpack: {
    module: {
      rules: [
        {
          test: /\.svg$/,
          loader: 'vue-svg-loader', 
        },
      ],
    }      
  }
};
Run Code Online (Sandbox Code Playgroud)

3)导入SVG并作为组件注入

import Logout from '@/assets/img/icons/logout.svg';

export default {
    components: {
      Logout,
    },
...
}
Run Code Online (Sandbox Code Playgroud)

4)在模板中使用它(称为UI框架)

<v-btn icon @click="logout()">
    <Logout class="icon" />
</v-btn>
Run Code Online (Sandbox Code Playgroud)

3个问题:

  1. 我怎么了
  2. 我如何/在哪里/应该添加新的Webpack设置
  3. 或修改/覆盖/删除现有的

在vue-cli(V3)项目中?

javascript svg webpack vue.js vuejs2

4
推荐指数
1
解决办法
3993
查看次数

如何使用查询参数限制Google Contacts API中检索到的联系人

我正在尝试使用JavaScript测试Google Contacts API.我知道V1支持JavaScript但V2和V3没有列出它.但是,我已经能够找到一种通过AJAX请求检索联系人的方法,因此获取联系人现在不是问题.但是,我希望能够指定我正在寻找的联系人的搜索条件,这样我就无需翻页和搜索所有用户联系人.

现在,我的代码看起来像这样:

function getContact(domTarget) {
   // Get permission and a token
   auth(function(token) {

      // Create an AJAX request to get the contacts
      var ajaxContactRequest = new XMLHttpRequest(),
              url = "";

      // What to do when we get our contacts
      ajaxContactRequest.onreadystatechange = function() {
         if (ajaxContactRequest.readyState === 4 && ajaxContactRequest.status === 200) {

            // Parse our contact data as a JSON object
            var response = JSON.parse(ajaxContactRequest.responseText),
                    contactArray = response.feed.entry, i, contactDiv;

            // Print out the contacts
            if (domTarget) { …
Run Code Online (Sandbox Code Playgroud)

javascript google-contacts-api

3
推荐指数
1
解决办法
1346
查看次数

如何翻转内存中的图像?

我想翻转图像并为翻转后的图像创建一个新的Texture2D。

我做了一些研究,发现这段代码将创建一个新的Texture2D;

RenderTarget2D newTarget = new RenderTarget2D(GraphicsDevice, partWidth, partHeight)

GraphicsDevice.SetRenderTarget(newTarget);

SpriteBatch.Draw(original, Vector2.Zero, partSourceRectangle, ... )

GraphicsDevice.SetRenderTarget(null);

Texture2D newTexture = (Texture2D)newTarget;
Run Code Online (Sandbox Code Playgroud)

我知道 newTexture 很容易从内存中删除,因此建议我需要使用 getData/SetData 来创建更永久的纹理。有人可以建议我执行此操作的具体语法吗?

c# xna image flip texture2d

3
推荐指数
1
解决办法
1764
查看次数

Prolog:创建一个空列表列表

我正在创建一个用于Bert Bos拼图的板子,我试图将该板块列为列表列表.

我需要创建一个空列表列表,[ [], [] , [] , [] ] 但问题是我需要输入提供的空列表的确切数量.因此,例如,如果我给create_board(4,X),它应该返回X= [ [], [], [], [] ].

这是我到目前为止所拥有的

generate_board(0, [[]]) :- ! 
generate_board(N, [[] | T]) :-
  N =< 12, N >= 1,
  N is N-1.
  generate_board(N, T).
Run Code Online (Sandbox Code Playgroud)

prolog

2
推荐指数
2
解决办法
1564
查看次数

精灵图像未出现在 matter.js 上

我试图circle body用图像精灵替换标准,但它没有显示图像。

var Engine = Matter.Engine,
  Render = Matter.Render,
  World = Matter.World,
  Bodies = Matter.Bodies,
  Body = Matter.Body,
  Constraint = Matter.Constraint,
  Vector = Matter.Vector,
  Events = Matter.Events,
  Mouse = Matter.Mouse,
  MouseConstraint = Matter.MouseConstraint;

// create an engine
var engine = Engine.create();

engine.world.gravity.y = 0; // gravity not needed in this app

// create a renderer
var render = Render.create({
  element: document.body,
  engine: engine
});

var ball_0 = Bodies.circle(100, 100, 11, {
  density: 0.04,
  frictionAir: 0.06,
  restitution: 0.8,
  friction: …
Run Code Online (Sandbox Code Playgroud)

html javascript matter.js

2
推荐指数
1
解决办法
1562
查看次数