草庐IT

前端知识——css之flex布局

全部标签

javascript - node.js + socket.io + redis + rails — 实时应用程序

我需要向我的应用程序(RubyOnRails)添加实时性,因此,我认为更好的方法是使用node.js+socket.io+redis。我在后端(node.js)中有这个application.js文件varapp=require('http').createServer();vario=require('socket.io');varredis=require('redis').createClient();var_=require('underscore')._;io=io.listen(app);io.configure(function(){io.set("transports"

javascript - 使用 CSS/Javascript 使具有部分透明度的背景图像变暗

我正在使用部分透明的CSSSprite(即图像中的对象是不透明的,背景是透明的)。我想使用CSS或Javascript使图像变暗。我需要让图像改变黑暗级别,为每个黑暗级别制作单独的图像是不切实际的。如果不是为了透明背景,我可以在图像顶部添加一个黑色层并更改该层的不透明度。这基本上是我所拥有的:http://jsfiddle.net/PXU6j/2/HowdoImakethisdarker? 最佳答案 在上面放一个带有alphachannel的黑色div:http://jsfiddle.net/PXU6j/3/注意我用过backgro

javascript - CSS 在容器内旋转元素

如果您看一下:http://jsfiddle.net/KA4dz/在此演示中,您可以清楚地看到内部元素由于旋转而到达外部元素的外部。请求是缩小内部元素(同时保持纵横比和中心定位)以使其适合其容器。用例是用户可以手动旋转这样的内部元素,同时确保它位于外部元素内。(所以简单地缩小直到适合眼睛不是解决方案)。在这种情况下,我的数学技能明显不足。在此阶段发布我尝试过的内容不会有多大用处。有人可以指出我正确的方向吗?谢谢!一个额外的要求是内部元素只在需要时缩小,但在不需要时永远不会缩小(需要意味着离开外部元素的边界)要保存点击:.outer{border:1pxsolidblack;width:

javascript - Css3 Webkit css 动画 : resize a div rectangle

我试图了解是否可以使用webkit动画在Jquery中复制方法animate假设我有一个50pxx50px的div使用jquery,我可以轻松地调整大小并使用以下方式设置动画:$('#mybox').animate({'width':'100px','height':'70px'},300)//sofrom50x50itanimatesto100x70//thevalues100and70shouldbadynamically//inputsoicancreateafunction(Width,Height)toaltermybox我想知道如何做同样的事情,如果可能的话使用CSSWeb

javascript - 过滤掉有CSS样式显示的JQuery元素 :none

选择器为我提供了一组元素。在元素集中,我有1或2个元素具有CSS属性display:none。我必须删除这些元素并获取显示的元素。如何使用JQuery完成此操作? 最佳答案 您可以使用.filter()。vardisplayed=$('mySelector').filter(function(){varelement=$(this);if(element.css('display')=='none'){element.remove();returnfalse;}returntrue;});这将从您的选择器中返回属性displayno

javascript - 为 blockUI 使用外部 CSS 而不是内联 CSS

我在多个地方使用blockUI,它们都具有相同的属性,所以我在我使用的所有地方不断重复相同的css值。有没有办法将它放入CSS文件中。目前我使用:$.blockUI({message:$('#Something'),css:{border:'5pxsolid#F4712',backgroundColor:'#6F4712',width:'300px'}});我可以像这样使用吗:$.blockUI({message:$('#Something'),css:{class:"alertBox"}});谢谢 最佳答案 根据documenta

javascript - 我想用 Javascript 编写桌面 OSX 或 Windows 应用程序——有什么经验吗?

我想为Windows和OSX编写一些小应用程序。可移植是好的。例如,如果我能忍受看Tcl任何时间长度,那么适用于TCL的简单TclKit解决方案会很好用。我正在考虑使用Javascript+扩展——我真的很喜欢Javascript——在我看来应该有某种方法可以将Javascript引擎连接到WxWin甚至Tk工具集——已经为Perl、Python、Ruby完成了等等为什么不用JS?任何评论表示赞赏。 最佳答案 我宁愿推荐使用AdobeAir执行容器,与Microsoft的HTA甚至XULRunner相比,它提供了更多的功能/操作系统

javascript - CSS 样式可见性未按预期运行

我有一个带有基本选项卡控件的html页面。我使用javascript来显示和隐藏选项卡和选项卡内容div。我的问题是,如果我将其中一个选项卡内容div中某个元素的可见性更改为“隐藏”,然后再更改为“可见”,该元素似乎忘记或丢失了其父div容器并保持可见,无论其原始内容如何parent可见度。为了说明,请看下面的例子:functionhideTab(){document.getElementById('tab1').style.visibility='hidden'}functionshowTab(){document.getElementById('tab1').style.visib

javascript - setInterval( )——意外的标识符——但它只工作一次

为什么我得到UncaughtSyntaxError:Unexpectedidentifier如果它工作一次?StackOverflow上有很多这样的东西.妙语通常是剧本某处的拼写错误。它工作一次,然后每秒给出1条错误消息。我在这里更改map上各州的颜色:colors=['rgba(255,0,0,0.1)','rgba(0,255,0,0.1)','rgba(0,0,255,0.1)'];$(document).ready(function(){setInterval($("ul").children().eq(Math.floor(50*Math.random())).css('co

javascript - 调用基类函数——JavaScript中的类继承

请查看以下示例:MyBaseClass=function(a){this.a=a;};$.extend(MyBaseClass.prototype,{init:function(){console.log('Iaminitializingthebaseclass');}});MyChildClass=$.extend(MyBaseClass,{init:function(){MyBaseClass.prototype.init();console.log('Iaminitializingthechildclass');}});var=newMyChildClass();var.init