草庐IT

webkit-min-device-pixel-ratio

全部标签

javascript - 数据 :image/jpeg;base64 how to get its width and height in pixels

如何获取其src在data:image/jpeg;base64中的像素图像的宽度和高度?使用设置img.src并调用width()没有成功。varimg=jQuery("");img.width()//=0 最佳答案 这会起作用:varimg=newImage();img.onload=function(){alert(this.width);}img.src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAA.......";FIDDLE我通过转换图像来确保base64有效here,onloa

javascript - ActionController::RoutingError(没有路由匹配 [GET] "/members/js/bootstrap.min.js"):(缺少 Assets 文件)

我正在使用bootstrap2并设置选项卡疑問リストフォロー中の投稿ユーザーの投稿在show.html.erb(成员)上。它适用于本地但不适用于远程(heroku)。然后我检查了日志,执行heroku日志并收到了一些错误消息。我不知道如何解决这个问题。你能帮我吗?☆错误信息ActionController::RoutingError(Noroutematches[GET]"/members/js/bootstrap.min.js"):ActionController::RoutingError(Noroutematches[GET]"/members/js/bootstrap.min.

javascript - 使用 box-sizing :border-box 时,jQuery.height() 在 WebKit 和 Firefox 中的行为不同

我有一个应用了以下样式的文本区域:textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}如果我随后运行以下javascript/jquery代码,使用Safari(5.0.6)和Chrome(16.0.x)时,我的文本区域的高度将减半:$('textarea').each(function(){var$this=$(this);$this.height($this.height());}根据.height()的jQuery文档,这是预期的行为,因为.height()返回内容高度(无填充、边框),而不管box

javascript - min 或 gzip,哪个更好?

jquery-1.4.2.min.js是71.8KB通过this压缩的同一文件启用gzip的工具变为32.9KB哪个更好?如果是后者,为什么jQuery不也提供打包文件而不仅仅是未压缩和最小版本?我的问题:一个被缩小并启用了gzip,另一个被缩小并打包并启用了gzip。我应该使用哪个?如果那个是32KB,我想知道为什么jquery不提供一个缩小+打包的版本,有什么特别的原因吗?谢谢 最佳答案 这不是一个任一个的问题,useboth,通过gzip流将缩小的文件提供给浏览器,以尽可能实现最佳/最快的交付。大多数网络服务器和几乎每个当前浏

javascript - 在 iPad 上使用 javascript 更改 webkit 过渡持续时间?

我在iPad应用程序中使用web-kit转换。他们工作得很好。但我想知道如何使用javascript更改转换的值。#container{-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1s;-webkit-transition-timing-function:ease-out;}我想做什么:functionfunc(){document.getElemeentById('container').transition.duration=500;}这可能吗? 最佳

Javascript Base64 编码 UTF8 字符串在 webkit/safari 中失败

我正在尝试对包含泰语字符的utf8字符串进行base64编码。我正在使用浏览器内置的btoa函数。它适用于ascii文本,但泰语导致它抛出INVALID_CHARACTER_ERR:DOMException5异常。这是一个失败的示例(看起来像“n”的字符是泰语)btoa('aก')要对非ascii字符串进行base64编码,我需要做什么? 最佳答案 varBase64={encode:function(s){returnbtoa(unescape(encodeURIComponent(s)));},decode:function(s

javascript - 从 Gecko 和 Webkit 中的选择(范围)中检索父节点

我试图在使用使用“createLink”命令的所见即所得编辑器时添加一个属性。我认为在浏览器执行该命令后取回创建的节点是微不足道的。事实证明,我只能在IE中抓取这个新创建的节点。有什么想法吗?以下代码演示了该问题(底部的调试日志在每个浏览器中显示不同的输出):vargetSelectedHTML=function(){if($.browser.msie){returnthis.getRange().htmlText;}else{varelem=this.getRange().cloneContents();return$("").append($(elem)).html();}};va

javascript - 包括 bootstrap.min.css 和 bootstrap.css 还是只包括一个?

我添加了bootstrap.min.css和bootstrap.css文件,在调试时,我发现只有一个被使用,而另一个被覆盖。我很困惑他们是否有任何我没有使用的附加功能。我还想知道bootstrap.js和bootstrap.min.js的操作是否相似。 最佳答案 这是正确的行为-每个文档可以有一个名为“A”的类。.min.css/.min.js-通常是删除了所有空格的相同css和js文件。它使它们更小,加载速度更快。浏览器无论如何都不需要空格。 关于javascript-包括bootst

javascript - Chart.js 时间刻度 : set min and max on xAxes

如何在xAxes上设置最小值和最大值?它在yAxes上工作正常,但在xAxes上它没有显示任何行为。我的xAxes使用的是type:'time'。我的xAxis标签也使用了moment对象。但是当我删除类型时间并使用普通数字时它也不起作用。我使用的是Chart.js版本2.2.2。scales:{yAxes:[{ticks:{beginAtZero:false,}}],xAxes:[{type:'time',ticks:{min:moment(1471174953000),max:moment(1473853353000)}}]}Hereisthechart.jsTimeScaledo

javascript - 图像调整大小会在 WebKit 浏览器中产生轻微、短暂的像素化

jsfiddle:http://jsfiddle.net/UenFN/.注意动画后轻微、短暂的像素化。此错误仅发生在WebKit浏览器中。使用jQuery,我将图像调整为较小的图像。新尺寸恰好是旧尺寸的一半。然而,在调整大小后,图像出现轻微像素化,然后大约2秒后看起来更好。我该如何解决这个问题?编辑:仍然没有进展。任何想法表示赞赏。 最佳答案 解决方案是在Webkit中启用硬件加速。img{-webkit-transform:translate3d(0,0,0);}我有一个小型库,它可以调整图像和HTML的大小以始终适合父div。S