小编nic*_*har的帖子

通过JavaScript/DOM访问CSS媒体查询规则

我一直在使用一些库(包括我自己的)来根据我在CSS文件中概述的媒体查询来动态加载资源.例如:

在CSS中:

  @media screen and (max-width: 480px) {
    .foo {
      display: none;
    }
  }
Run Code Online (Sandbox Code Playgroud)

使用资产加载器; require.js,modernizr.js等或使用window.matchMedia和相关的addListener()函数:

  if (function("screen and (max-width: 480px)")){
    // Load several files
    load(['mobile.js','mobile.css']);
  }
Run Code Online (Sandbox Code Playgroud)

将它们声明两次是笨拙/愚蠢的,据我所知,所有JS帮助程序库和资产加载程序都要求您重复媒体查询,而不是从JS/DOM 以编程方式查找它们.

所以,我一直在探索通过编程方式访问这些值的能力document.stylesheets,但我不确定它们是否可访问,并且似乎很少有文档表明它们是.

我得到的最远的是寻找CSSMediaRule和使用console.dir(document.stylesheets)其他人来探索样式表对象.

但是document.stylesheets在CSS中使用的实际媒体查询规则中没有引用(内部) - 只有作为媒体查询结果应用的类...我试图以编程方式找到的是:

"屏幕和(最大宽度:480px)"

有没有办法通过JavaScript/DOM 访问这样的CSS媒体查询规则

javascript css dom media-queries

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

使用CSS/HTML平滑滚动到页面顶部?

我不允许在这个网站上添加Jquery/Javascript,所以我一直在寻找任何方法来做一个"返回顶部"按钮,并且只用CSS/HTML过渡到顶部....不要认为这是可能的,但检查是否有人遇到过解决方案.

html css css3

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

测试Twilio的电话号码

Twilio是否有任何"测试"电话号码可以用来模拟外拨电话?例如,我希望能够最全面地测试我的应用程序,恢复异步响应(就像我通常期望的那样),用于忙碌的呼叫,应答机器,乱序,无效数字等.

您可以使用一些数字用于短信 - 但这些都会返回简单的即时响应,而不是通过TwilXML处理的语音呼叫所期望的那种异步响应.

如何在不拨打大量"实时"号码的情况下测试所有这些功能?

twilio

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

使用javascript或jQuery生成CSS媒体查询

是否可以使用Javascript或jQuery动态创建完整的媒体查询规则?

我使用了大量的媒体查询来使用内联CSS,导入和链接文件来定位通用视口和特定设备/屏幕:

@media screen and (min-width:400px) { ... }
@import url(foo.css) (min-width:400px);
<link rel="stylesheet" type="text/css" media="screen and (min-width: 400px)" href="foo.css" />
Run Code Online (Sandbox Code Playgroud)

我可以使用jQuery添加/删除类:

$("foobar").click(function(){
  $("h1,h2,h3").addClass("blue");
  $("div").addClass("important");
  $('#snafu').removeClass('highlight');
});
Run Code Online (Sandbox Code Playgroud)

我也看一下,document.stylesheets看似古老而且特定于浏览器:

  document.styleSheets[0].insertRule("p{font-size: 20px;}", 0)
Run Code Online (Sandbox Code Playgroud)

但我找不到任何以编程方式生成的引用:

  @media screen and (min-width:400px)
Run Code Online (Sandbox Code Playgroud)

直接或以任何形式从javascript.

javascript css jquery media-queries

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

如何监控焦点变化?

好吧有时候我正在打字,而且很少发生某些东西偷的重点,我读了一些解决方案(甚至是VB手表),但它们并不适用于我.是否有任何窗口范围的"手柄"可以处理任何焦点变化?

不要紧,在语言,C,C++,VB.NET,C#,任何.NET或窗口有关,批次,PoweShell,VBS脚本......只要我能够监控每一个重点的变化,并登录到文件/ cmd窗口/可视窗口.

就像是:

   void event_OnWindowsFocusChange(int OldProcID, int NewProcID);
Run Code Online (Sandbox Code Playgroud)

会非常有用的.或者也许已经有了这方面的工具(我找不到?)

c# c++ vb.net vbscript batch-file

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

异或的关联性质的逻辑证明

我遇到了一个常见的编程访谈问题:给定一个无符号整数列表,找到一个在列表中出现奇数次的整数.例如,如果给出列表:

{2,3,5,2,5,5,3}
Run Code Online (Sandbox Code Playgroud)

解决方案将是整数5,因为它在列表中出现3次而其他整数出现偶数次.

我的原始解决方案包括设置一个排序数组,然后迭代数组:对于每个奇数元素,我会添加整数,而对于每个偶数元素,我会减去; 结束总和是解决方案,因为其他整数将取消.

但是,我发现只需在每个元素上执行XOR就可以实现更高效的解决方案 - 您甚至不需要排序数组!也就是说:

2^3^5^2^5^5^3 = 5
Run Code Online (Sandbox Code Playgroud)

我从Discrete Structures类回忆起,我认为Associate Property适用于XOR操作,这就是为什么这个解决方案有效:

a^a = 0
Run Code Online (Sandbox Code Playgroud)

和:

a^a^a = a
Run Code Online (Sandbox Code Playgroud)

虽然我记得Associative Property适用于XOR,但是我很难找到特定于XOR的这个属性的逻辑证明(因特网上的大多数逻辑证据似乎更侧重于AND和OR操作).有谁知道为什么关联属性适用于XOR操作?

我怀疑它涉及包含AND和/或OR的XOR身份.

c boolean-logic proof discrete-mathematics

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

根据"媒体屏幕"值调用外部JS文件

我正在尝试这个,但它不起作用:

<html>
<head>
<script src="js/menu-collapser.js" type="text/javascript" media="media screen and (max-width: 599px)"></script>
</head>
...
</html>
Run Code Online (Sandbox Code Playgroud)

//menu-collapser.js:

jQuery(document).ready(function($){
    $('.main-navigation li ul').hide();
    $('.main-navigation li').has('ul').click(function() {
        $(this).children().toggle();
    });
});
Run Code Online (Sandbox Code Playgroud)

您是否知道如何以正确的方式做到这一点?如果标题中直接使用该标题,则该脚本可以正常工作.

html jquery external media-queries

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

Eclipse警告:"内容辅助期间出现问题"

每次我启动Eclipse并按下时,Ctrl + Space我会得到以下3个警告弹出窗口.

http://imgur.com/a/2pKdm

他们只是在我第一次出现时出现Ctrl + Space.自从重新安装jdk以来,我收到了这些警告.

我已经尝试重新安装eclipse,但是一旦我导入旧项目,警告就会重新出现.我目前安装了以下java版本:

JVE 7_u7 32bit;  
JVE 7_u7 64bit;  
JDK 7_u7 64bit;  
JDK 7_u7 32bit.
Run Code Online (Sandbox Code Playgroud)

我按照上面列出的顺序在PATH变量中添加了所有这些.我也有eclipse设置使用JDK 7_u7 64bit(顺便说一句,我使用的是eclipse 64bit).

我希望有人知道我的问题的解决方案,并原谅我的英语不好,我不是英语母语人士.;)

eclipse

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

为列表视图中的每个元素设置不同的分隔符颜色

我想在列表元素之间有一个包含不同分隔符的列表.我用这段代码定义了一个高度为1的白色分隔符:

_listView.setDivider(new ColorDrawable(Color.WHITE));
_listView.setDividerHeight(1);
Run Code Online (Sandbox Code Playgroud)

然而,它将所有元素的分隔符设置为白色,我只希望其中一些是白色而另一个是不同颜色.

我怎样才能做到这一点?

android divider android-layout android-listview

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

在java方法签名中使用return类型扩展关键字

我正在浏览公共链的代码

我找到了很多方法签名,类似于这个:

public <CMD extends Command<K, V, C>> CMD getCommand(String commandID)

这个签名有何不同之处:

public Command getCommand(String commandID)

我能理解的唯一合乎逻辑的理由是进行类型检查.但我仍然无法从设计的角度弄清楚这样做的原因.

是否有更多理由可以使用和扩展 java方法的返回类型?

java

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