草庐IT

css-expressions

全部标签

javascript - CSS 缩放属性

Sitepointreference说InternetExplorerforWindowsversions5.5andabovesupportthenon-standardpropertyzoom,whichsetsthemagnificationscaleofanelement.There’snoCSS3equivalenttothisproperty(asyet).如何在标准浏览器中实现这种缩放效果?有可用的jQuery插件吗? 最佳答案 CSS3等价物在CSS2DTransforms中模块,特别是transform:scale

javascript - 无法在 Liferay Portlet JSP 页面中包含 css 和 JS 文件

我已经下载了一个JqueryImageSlider源并且想与我的JSP文件集成这是我的文件夹结构这就是我包含它们的方式我在服务器控制台得到这个40420:50:04,625WARN[404_jsp:109]/css/jquery.ui.theme.css20:50:04,640WARN[404_jsp:109]/css/jquery.ui.core.css20:50:04,640WARN[404_jsp:109]/css/jquery.ui.slider.css20:50:04,656WARN[404_jsp:109]/css/style.css20:50:04,671WARN[404

javascript - 重新创建 CSS3 过渡 Cubic-Bezier 曲线

在CSS3过渡中,您可以将计时函数指定为'cubic-bezier:(0.25,0.3,0.8,1.0)'在该字符串中,您只需为曲线上的点P1和P2指定XY,因为P0和P3始终分别为(0.0,0.0)和(1.0,1.0)。根据Apple的网站:x[is]表示为总持续时间的分数,y表示为总变化的分数我的问题是如何将其映射回javascript中的传统一维T值?--FromAppledocsonanimatingwithtransitions 最佳答案 稍微浏览一下webkit-source,以下代码将为CSS3过渡中使用的隐式曲线提供

javascript - 使用 CSS 的流体布局

我注意到在一些使用流动布局的网站上,可以删除页面上的元素并在窗口缩小到较小尺寸时替换元素,显然是为了使内容更易于查看。例如:http://simplebits.com/我的问题是..使用什么css来实现这一点(如果是css,也许是JavaScript..)?我应该看什么才能更多地了解这项技术?谢谢! 最佳答案 当屏幕宽度小于800像素时,样式表包含不同的规则。如果您查看页面的样式表,第983行有一个@media规则,如下所示:@mediascreenand(max-width:800px){/*Alternateruleshere*

javascript - 如何从我的 Express 4 路由中使用 socket.io 向连接的套接字发送事件?

这是其他人问过的问题,但由于我的Express设置不同,我无法从他们给出的答案中受益。我已经实现了socket.io,并在我的服务器上以一种简单的方式工作。这是它的工作原理:在bin/www中:#!/usr/bin/envnodevardebug=require('debug')('gokibitz');varapp=require('../../server');app.set('port',process.env.PORT||3000);varserver=app.listen(app.get('port'),function(){debug('Expressserverliste

javascript - Bootstrap 轮播在 css 调整后拒绝平滑过渡

在过去的3个小时里,我一直在尝试对Bootstrap3的轮播过渡进行简单的调整。我试过更改幻灯片速度,这是唯一似乎有任何效果的东西:.carousel-inner.item{-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;}但它过早地隐藏了“离开”的内容,我不知道要修改什么属性来解决这个问题。我也试过用将其更改为淡入淡出过渡.carousel-fade.item{opacity:0;-webkit-transition:

用于验证时间 00 :00 with regular expression 的 Javascript 函数

我正在尝试创建一个带有正则表达式的javascript函数来验证和格式化24小时时间,接受不带分号的时间并删除空格。例子:如果用户键入"0100"、"100"或"100",它将被接受但格式为"01:00"如果用户键入"01:00",它将被接受,无需格式化。谢谢。 最佳答案 functionformatTime(time){varresult=false,m;varre=/^\s*([01]?\d|2[0-3]):?([0-5]\d)\s*$/;if((m=time.match(re))){result=(m[1].length===

javascript - 使用 express 时在 EJS View 中查找当前 url

我正在使用Express和EJS来提供页面。我正在为UI使用Bootstrap,特别是导航栏。我想添加一个'active'类到当前页面的项目,以显示当前页面。但是,我找不到如何从呈现页面的EJS代码中获取URL。我找到了2个解决方法:我使用了将页面名称作为参数传递到路由的res.render('myview',{pageName:'myView'});中-这是不可扩展的,可能会导致问题。另一种方法是在客户端使用jQuery添加'active'在页面准备好时对项目进行类-但这意味着在每个View中都包含这段脚本+一些无用的客户端循环。之前使用过几种服务器端渲染语言,我觉得我错过了一些东西

javascript - 用 JavaScript 替换 CSS

我对来自PHP/MySQL环境的客户端编程比较陌生。我了解CSS和JavaScript在浏览器环境中可以发挥的作用,但是,如果没有JavaScript,CSS似乎将不可逆转地停滞不前。我绝不想引起争论,但这就是我这个“新手”的情况。那么为什么不只使用JavaScript来设置元素属性呢?如果是这样,这是一种常见的做法吗?(我确定CSS快得多...) 最佳答案 一些一般要点:CPU成本运行Javascript将样式应用于单个元素会非常慢。Javascript是同步的,因此它必须一次更新一种样式。另外,如其他地方所述,遍历DOM的计算量

javascript - 为什么标准是将css和js文件放在页面的顶部和底部(分别)?

很好奇为什么当您在header和页面顶部/底部使用css和js标准化网站时,性能会有所提高。 最佳答案 这并不完全正确。简单地说:样式声明应尽可能靠近顶部,因为浏览器不会在加载CSS之前呈现您的页面(以避免出现未设置样式的内容)脚本标签应尽可能靠近底部,因为它们会阻止浏览器在标签加载和完成之前对其进行解析(因为脚本可能会使用document.write更改文档)如果您对前端性能感兴趣,我强烈建议您阅读HighPerformanceWebSites:EssentialKnowledgeforFront-EndEngineers史蒂夫·