小编Fen*_*Huo的帖子

在Javascript中判断视频是否已加载

所以,我一直在使用听众

document.getElementById("video").buffered.length
Run Code Online (Sandbox Code Playgroud)

看它是否比0视频加载时更大.这适用于非常小的视频,仅适用于Google Chrome.它根本不适用于Firefox.有关如何使其工作的任何想法?

我本来想等到加载3个单独的视频来采取具体行动,我该如何解决这个问题?

javascript video html5 loaded

29
推荐指数
3
解决办法
4万
查看次数

如何获取YouTube视频的直接网址

关于制作自己的YouTube视频下载器的所有当前教程都已过时.视频信息中的整个令牌插入不起作用,也没有使用javascript方法.有没有人知道如何做到这一点,而不只是下载别人的程序?我只是想知道方法,所以我可以自己编程(为了好玩:D)

提前致谢!

javascript youtube download

14
推荐指数
2
解决办法
4万
查看次数

键盘选项卡上的输入效果 - >焦点,但不是点击

当用户"选中"输入时,我希望正常显示焦点效果,但点击时,我不希望它可见.

用户点击标签,现在专注于切换按钮,我希望切换按钮有轻微的发光轮廓,我目前能够做到.

现在,

用户点击切换按钮或其相关标签,切换照常更改, 但是,我希望发光永远不会出现在第一个位置,或者尽快消失.

我知道.blur(),现在我不得不使用一个setTimeout懒惰的修复,但我想知道是否有更好的方法来实现这一点,或者是否有可能只有CSS的解决方案

css user-interface focus input

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

在Atom.io中选择引号,括号等之间的所有文本

Sublime Text通过以下方式具有相同的功能:

ctrl+shift+m 要么 cmd+shift+space

我如何在Atom中完成同样的事情?

editor sublimetext3 atom-editor

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

Git变基,修复冲突,然后拒绝推送

当我恢复基准时然后解决了一些冲突,就会收到以下消息:

提示:更新被拒绝,因为当前分支的尖端在后面


我们有2个分支:

  • master 是我们的基地
  • feature/fix-input-height (合并到母版中的新功能)

我正在准备feature/fix-input-height改编师父以本地解决冲突

git checkout master
git pull origin master

git checkout feature/fix-input-height
git pull origin feature/fix-input-height

git rebase master
Run Code Online (Sandbox Code Playgroud)
  • 发生冲突
  • 我解决了
  • 然后尝试推送新功能分支
git push origin feature/fix-input-height
Run Code Online (Sandbox Code Playgroud)

并再次以拒绝的错误消息结束:

提示:更新被拒绝,因为当前分支的尖端在后面


Stackoverflow上的每个人都建议:

git push origin -f feature/fix-input-height
Run Code Online (Sandbox Code Playgroud)

但是强行推动感觉不对

git rebase git-merge-conflict

11
推荐指数
1
解决办法
223
查看次数

iframe的替代方案

所以我一直在环顾四周,对这个话题有点失落.人们已经说过iframe的替代方案,但我认为没有任何东西适合我正在努力做的事情.我基本上创建了一个小型游戏,它使用视频并根据键盘输入的相应按钮播放特定的视频.

所有这些都在一个单独的html文件中,我希望将它显示在不同的html文件中,以便在不同的网页上处于iframe状态.但我似乎无法找到解决这个问题的最佳方法.

iframe太慢了,游戏本身运行得很好,但是当我把它放在iframe中时,它会像疯了一半时间滞后,或者因为速度太慢而无法渲染.

任何从哪里开始的想法?

javascript iframe html5

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

模糊部分覆盖图像,实心边缘,响应图像

我试图用纯HTML/CSS复制以下模糊效果.我目前的appraoch使用2张图片,原始封面图片,然后是使用CSS 的图像blur-bg-image的第二个副本filter: blur(5px);.

期望的效果:

在此输入图像描述 资源


我找不到任何方法来保持底部部分工具栏的高度,同时保持background-image等于整个封面图像的尺寸.

overflow: hidden当父元素不是时,它对子元素不起作用position: relative.但如果父亲是亲戚,那么内部模糊的bg图像封面图像的尺寸不同

这是基本设置:

<div class="cover-image">
    <div class="toolbar">
        <div class="blurred-bg-image"></div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我能找到到目前为止,唯一的解决办法是使用clip rect()上的模糊-BG-图像,然后计算出在哪里把它夹到.但是,这不是响应,并包括JS混合.

html css css-filters

7
推荐指数
1
解决办法
969
查看次数

Javascript多个按键郁闷

所以现在我正在使用一个函数,如果一个键被按下,则将值设置为true,不管第一个键是否仍被按下,另一个键被按下.

 function doc_keyUp1(e) {
      if (e.keyCode == 37){
        lPunch = true 
      }
  }
  function doc_keyUp2(e) {
      if (e.keyCode == 39){
        rPunch = true
      }
  }
  document.addEventListener('keyup', doc_keyUp1, false)
  document.addEventListener('keyup', doc_keyUp2, false)
Run Code Online (Sandbox Code Playgroud)

问题是,我希望能够确保如果按下第二个键,第一个键仍然必须按下,这样有人不能只按一个然后快速按下另一个并使它看起来像如果他们同时被压下来的话.

有任何想法吗?

javascript html5 key-bindings

6
推荐指数
1
解决办法
5474
查看次数

jQuery UI自动完成自定义显示,如何聚焦子孩而不是第一级孩子?

我正在尝试使用jQuery UI Autocomplete的自定义模板,其中可选择的<li>子元素不仅仅是第一级子元素,它们将5个元素嵌套得更深.

如何通过箭头键和鼠标交互仅制作某些元素,.search-result-single-item.ui-menu-item可聚焦/可选择?

无论我尝试什么,似乎只关注/选择一级儿童ul.ui-autocomplete

以下是我的内部自动完成结果的示例模板:

<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content" id="ui-id-1" tabindex="0">
  <div class="search-mini-container">

    <div class="connecting-triangle">
      <div class="connecting-triangle-border"></div>
    </div>


    <table class="search-category">
      <tr>


        <td class="search-category-icon-container">
          <i class="fa fa-fw fa-lg fa-star text-custom-success"></i>
        </td>

        <td class="search-category-content">

          <div class="title-view-all-container">
            <div class="search-category-title text-custom-success">
              Search Category Name
            </div>
          </div>

          <div class="search-result-items">
            <div class="search-result-single-item ui-menu-item">
              Search Result #1
            </div>
            <div class="search-result-single-item ui-menu-item">
              Search Result #2
            </div> …
Run Code Online (Sandbox Code Playgroud)

javascript jquery-ui jquery-ui-autocomplete

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

其他html中的iframe事件

当有人点击链接时,我正在使用iframe在主页上运行html文件.当我将html文件单独用作网页时,可以访问多个关键抑制和此类工作等内容.但是当我通过iframe访问html时,它们不是.这甚至可能吗?

编辑

哦,我在我的main.html文件中有一个功能,可以检测按键按下并根据按键播放视频文件(这是一个虚假的视频游戏).它使用eventlisteners和对象来检测键的位置.但是,当我在其他html页面index.html的iframe中查看它时,这不起作用

javascript iframe html5

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

Ruby,循环遍历变量名称数组,将方法应用于每个变量并替换变量值

我有一个变量数组,每个变量都是一个类名字符串数组.我想遍历每个,并用应用的函数的返回值替换这些变量的值.

我尝试使用#map!对象修改,但似乎没有工作.

choose_one_classes = ["ramjet-transform"]
add_classes = ["btn", "btn-md", "btn-success"]
list_group_classes = ["list-group", "list-group-border", "choose-one-list"]

[choose_one_classes, add_classes, list_group_classes].map! do |var|
  var.join(" ")
end
Run Code Online (Sandbox Code Playgroud)

我知道我可以这样做:

choose_one_classes, add_classes, list_group_classes = [choose_one_classes, add_classes, list_group_classes].map do |var|
  var.join(" ")
end
Run Code Online (Sandbox Code Playgroud)

但我希望还有另一种更好的方法.我从技术上讲,我想要做的并不是"很棒",因为我应该坚持不要修改变量,因为良好的功能实践,线程等等.但我很好奇.

编辑

预期结果:

choose_one_classes = "ramjet-transform"
add_classes = "btn btn-md btn-success"
list_group_classes = "list-group list-group-border choose-one-list"
Run Code Online (Sandbox Code Playgroud)

ruby arrays

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

更改整个 git 分支历史以匹配另一个分支的历史

假设我有 2 个分支,develop并且p3(生产 3)。

无论 上的任何提交历史如何p3,我都想让p3 的整个提交历史现在与 develop 的提交历史完全匹配

p3试图与 保持同步develop,但人们不断地将测试分支合并到.p3develop

我如何制作p3match的整个提交历史,develop以便我可以调用以下内容?

git push --force-with-lease origin p3
Run Code Online (Sandbox Code Playgroud)

git

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