草庐IT

CSS—相对单位rem

全部标签

JavaScript/CSS 与 Silverlight 与 Flex

我们目前有一个相当复杂的业务应用程序,其中包含大量JavaScript代码,以使用户界面和交互感觉尽可能接近传统桌面应用程序(因为这是我们的用户想要的)。多年来,这个Javascript代码不断增长,使其难以管理和维护,并且增加新功能更有可能破坏现有功能。不用说,很多代码也不再是最先进的。因此,我们一直在讨论应用程序的客户端部分是否应该用Flex或Silverlight重新编写,或者使用一些最先进的JavaScript框架(如jQuery)重新编写,或者我们是否应该简单地继续用我们所拥有的,并逐渐尝试替换现有代码中最糟糕的部分。更难决定的是,重新编写UI可能会花费我们6-12个人月的时

javascript - CSS 文本省略号包括 "More"链接

所以我有以下Fiddle,它将文本中的省略号设置为两行。然后我想要一个与文本内联的“更多”链接。http://jsfiddle.net/csYjC/2876/所以如果我们的文本超过两行,它应该是这样的:没错。然而:那是不正确的(应该与文本内联)。代码如下:Loremipsumdolorsitamet,LoremLoremipsumdolorsitamet,Loremipsumdolorsitamet,LoremLoremiMore还有CSS:.text{display:inline;overflow:hidden;text-overflow:ellipsis;display:-webk

javascript - 获取相对于窗口的 HTML 元素边界框的正确方法是什么?

我正在编写一个Firefox扩展。我试图将它限制为仅XUL+Javascript(没有XPCOM)。当我得到一个HTML元素的mouseover事件时,我需要在windows坐标系中得到它的边界框(即内置的XUL文档browser.xul)。显而易见的起点是在鼠标悬停事件处理程序中放置类似这样的内容:varrect=e.target.getBoundingClientRect();这很好,但是这给了我HTML文档坐标系中的矩形,它相对于HTML绘图区域的左上角。我想在这张图片附近使用panel.openPopup()显示一个xul:panel元素(但不使用预定义的popuppositi

javascript - 使用 CSS 3D 变换从 DOM 对象接收变换后的鼠标事件数据

目前在javascript鼠标事件中是否有任何数据可以让我轻松找到或计算相对于转换元素的3D空间的鼠标位置?为了直观地说明,左边是没有3d矩阵的div,右边是3d变换后的div。o是鼠标事件的来源+/|/|+-----++||||||o|=>|o|||||+-----++|\|\|+在下面的脚本中,单击div中的相同像素将报告一个位于文档/屏幕的二维变换空间中的event.layerX。我知道,但对解析div的matrix3d并使用它乘以事件位置以发现这一点的前景并不感到兴奋,但是在实际实现中,div将具有更复杂的转换,这需要在不止一个对象的每一帧上完成,我担心会带来的开销......

javascript - Google CDN 托管具有本地后备功能的 jQuery UI CSS?

我已经有了以下JS文件:!window.jQuery&&document.write(unescape("%3Cscriptsrc='/app_shared/script/jquery-1.6.1.min.js'type='text/javascript'%3E%3C/script%3E"))!window.jQuery.ui&&document.write(unescape("%3Cscriptsrc='/app_shared/script/jquery-ui.min.js'type='text/javascript'%3E%3C/script%3E"))我怎样才能为主题找到类似的东

javascript - 测试 CSS :hover with Jasmine

所以我有一个简单的div,当鼠标悬停时会根据我的css中的定义更改其背景:.my-class{background-color:#FFFFFF;}.my-class:hover{background-color:#F2F2F2;}我尝试用jasmine测试这种行为,但测试一直失败:it"Shadows.soboo-drop-itemwhenhover",->$('.my-class:first').trigger('mouseover')expect($('.my-class:first').css('background-color')).toBe("#F2F2F2")Expecte

javascript - 如何使用 CSS 或 Javascript 或 jQuery 使粗体字体变细?

如果我使用的是字体并且没有粗体版本,我可以使用标签text-shadow,添加轮廓以使细字体更粗。但是我只有粗体,我想把它变细一点。我不知道要使用什么CSS或Javascript或jQuery脚本。是否可以使用CSS、Javascript或jQuery使粗体字体变细?怎么办? 最佳答案 您不能使字体变细。即使使用text-shadow使其更粗也是不真实的:它会产生扭曲的字体呈现,而不是更粗的字体。所以你应该根据你使用不同字体(包括不同粗细)的意图和每个字体家族中字体的可用性来选择你的字体系列。浏览器可以实现小于400的font-we

javascript - 在 JS 中将 vh 单位转换为 px

不幸的是,100vh并不总是与100%浏览器高度相同,如下例所示。html,body{height:100%;}body{overflow:scroll;}.vh{background-color:blue;float:left;height:50vh;width:100px;}.pc{background-color:green;float:left;height:50%;width:100px;}这个问题在iPhone6+上更为明显,上部位置栏和下部导航栏如何在滚动时扩展和收缩,但不包括在100vh的计算中。100%高度的实际值可以在JS中使用window.innerHeight获

Javascript:对象中的函数根据声明语法自动命名(或不命名)——为什么?

这个问题在这里已经有了答案:Definitionofnamepropertyinassignmentexpression(1个回答)关闭4年前。我没有遇到问题,也没有尝试解决任何问题。我很好奇为什么Javascript会这样工作。我在谷歌上四处寻找,但是“jsfunctionnoname”得到了很多关于如何定义和使用匿名函数的点击(不是我正在寻找的)。而且几乎没有关于使用引起我困惑的语法声明函数的任何内容——我什至不知道该语法叫什么。问题:我试图弄清楚为什么当函数位于对象内部时,声明语法对函数名称有任何影响。如果我像这样声明一个带有函数的对象:varobjectOne={apple:f

javascript - 如何在 JSS 格式上编写多个 CSS 属性?

我想为我当前的工作制定一些变通办法,这需要实现才能在iOS9.3及其之前的版本上获得正确的结果。它需要修复这行CSS:.wrapping-element{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}我想进入JSS。我的尝试是这样的:conststyles={root:{display:'-webkit-box',display:'-moz-box',display:'-ms-flexbox',display:'-webkit-flex',displ