小编jan*_*mon的帖子

绝对顶部0px和右边0px的位置怎么可能不起作用?

带有"前进"的元素应该位于右上角; 当相关风格包含" position:absolute; top:0px; right:0px;" 时,为什么不在那个地方呢?

这是该页面的链接

链接已删除

html css

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

测量元素尺寸时忽略过渡

在元素转换完成后,是否有一种优雅的方法来预测元素的尺寸

例:

HTML:

<div id="demo">...</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

#demo {
  max-height: 0;
  overflow:hidden;
  transition: 2s max-height;
}

#demo.expand {
  max-height: 1000px;
}
Run Code Online (Sandbox Code Playgroud)

JS:

 var demo = document.getElementById('demo');
 demo.className = 'expand';
 // Unfortunately the result will be 0px 
 // because the current height is measured
 alert(demo.offsetHeight);
Run Code Online (Sandbox Code Playgroud)

演示:

codepen

html javascript css jquery

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

用于替换javascript关键字的预处理器

我正在使用$ q库Angular版本,但这也与原始q库有关.

用法示例:

$q
  .when(someFunction)
  .then(function(){
    // ..
  })
  .catch(function(){
    // ..
  })
  .finally(function(){
    // ..
  });
Run Code Online (Sandbox Code Playgroud)

不幸的是,一些函数名称(例如finally)与javascript关键字冲突.
来自Angular参考:

"因为最终是JavaScript中的保留字,ES3 不支持保留关键​​字作为属性名称,所以你需要调用方法promise['finally'](callback) ,使你的代码IE8和Android 2.x兼容."

ECMA-262,官方标准,见http://www.ecma-international.org/publications/standards/Ecma-262.htm,声明:

7.6.1.1关键字

以下标记是ECMAScript关键字,不能在ECMAScript程序中用作标识符.

break           do              instanceof      typeof  
case            else            new             var 
catch           finally         return          void 
continue        for             switch          while 
debugger        function        this            with 
default         if              throw            
delete          in              try
Run Code Online (Sandbox Code Playgroud)

这意味着必须将第一个示例更改为以下代码才能使其与IE8一起使用:

$q
  .when(someFunction)
  .then(function(){
    // ..
  })
  ['catch'](function(){
    // ..
  })
  ['finally'](function(){
    // …
Run Code Online (Sandbox Code Playgroud)

javascript

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

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

Javascript计算错误

是否有比使用*和更好的方法来乘以和除数字/

使用这些操作符的Chrome Firefox和Internet Explorer中存在一种奇怪的行为:

x1 = 9999.8
x1 * 100 = 999979.9999999999
x1 * 100 / 100 = 9999.8
x1 / 100 = 99.99799999999999
Run Code Online (Sandbox Code Playgroud)

http://jsbin.com/ekoye3/

我想本轮下跌与用户输入parseInt ( x1 * 100 ) / 100,结果为9999.89999.79

我应该用另一种方式来实现这个目标吗?

javascript math

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

使用php imagick库创建QR码图像

在此输入图像描述

嗨,

我们正在使用imagick进行不同的图像处理,并最终要求添加QR水印.

现在我只能找到使用GD2库的PHP QR码库:

纯粹用PHP实现,除GD2外没有外部依赖

是否有任何使用imagick创建QR码的 php片段或

php qr-code imagick

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

Php ajax调用相同的php脚本响应null

我正在开发单页脚本,即category.php进行类别管理.

  1. 该脚本有一个输入按钮来调用AJAX调用.
<input type="button" id="btn" />
Run Code Online (Sandbox Code Playgroud)
  1. 用于绑定click事件并调用ajax的Jquery代码.我想要json的回应.

    $(document).ready(function(e) {
    $('#btn').click(function(e) {
            id=1;
            jQuery.ajax({
            type: 'post',
            url: 'category.php',
            success: function(data) {
                if(data.rstatus==1){
                alert(data.text);   
            }else
            alert(data);
        },
            data:{'id':id}
    
    
        }); 
        }); 
    });
    
    Run Code Online (Sandbox Code Playgroud)
  2. 用于娱乐AJAX调用的PHP代码.

    if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) &&
      strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
        $jsonResponse=array('rstatus'=>1,'id'=>$_POST['id']);
        header("Content-type: application/json");   
        json_encode($jsonResponse);
        die(); 
     }
    
    Run Code Online (Sandbox Code Playgroud)

问题:

此ajax调用无法在回调函数中生成正确的响应,并导致firebug控制台出错.TypeError:data为null

在FIREBUG标题如下:

Response Headers

> Cache-Control no-cache, must-revalidate Connection    Keep-Alive
> Content-Length    0 Content-Type  application/json Date   Tue, 26 Mar 2013
> 12:45:52 GMT Expires  Mon, 26 Jul 1997 05:00:00 GMT
> Keep-Alive    timeout=5, max=98 Last-Modified Tue, 26 …
Run Code Online (Sandbox Code Playgroud)

php ajax jquery

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

谷歌日历日期键

Google 在 GoogleCalendar HTML 中的每一天使用唯一的 DateKeys,例如

<div 
  data-datekey="129"
  role="gridcell" 
  tabindex="-1" 
  jsname="RjPD4e" 
  aria-labelledby="tsc-0" 
  data-column-index="0"  
  data-principal-ids="amFuLm5pY2tsYXNAbmFtaWNzLmNvbQ" 
  class="YvjgZe Qbfsob">
Run Code Online (Sandbox Code Playgroud)

是否有任何公式可以计算给定日期键的日期?

html javascript google-calendar-api

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

为什么添加边框会改变高度计算?

我有两个div容器,一个带边框,一个没有边框.
在两个容器里面,我得到了一个p带有边距的段落1em.

显然两个容器应该具有相同的高度.
令人惊讶的是,Firefox,Chrome,Safari和IE的情况并非如此.

在此输入图像描述

小提琴演示

CSS:

p { display: block; margin: 1em }    
Run Code Online (Sandbox Code Playgroud)

HTML:

<div>
    <p></p>
</div>

<div style="border: 1px solid black">
    <p></p>
</div>
Run Code Online (Sandbox Code Playgroud)

这种行为的原因是什么?

html css

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

少动态调用mixin

你如何动态调用mixin?

用例可能是生成样式指南:

// The mixin which should be called
.typography-xs(){
  font-family: Arial;
  font-size: 16px;
  line-height: 22px;
}

// The mixin which tries to call typography-xs
.typography-demo(@typographyName, @mixinName) {
  @{typographyName} {
    &:before{content: '@{typographyName}';}
    // Calling the mixin dynamically
    @mixinName();
  }
}

// Example call of .typograhpy-demo
.typography-demo(xs, typography-xs);
Run Code Online (Sandbox Code Playgroud)

这样一个动态调用是否可以用更少的CSS?

css mixins less

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