草庐IT

gulp-clean-css

全部标签

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 - gulp-jscs 自动修复不起作用

我的gulpfile.js中有以下代码gulp.src(['server.js']).pipe(jscs({fix:true})).pipe(gulp.dest('prod-app'));但在prod-app/server.js中与server.js是同一个文件。没有任何修复。如何解决? 最佳答案 你可以阅读base选项来一起修改很多脚本here并像这样使用它:gulp.task('lint-jscs-fix',function(){返回gulp.src(quantumArtScripts,{base:'./'}).pipe(jsc

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

javascript - 如何让 javascript 只在 dom 和 css 准备好而不是图像时执行

我想在dom和css准备好时执行一些javascript,但我不关心图像(我倾向于延迟加载图像)我知道如何检测dom就绪状态,但如何检测css就绪? 最佳答案 您应该使用document.ready事件。window.onLoad在所有图像和其他图像完全加载时触发。来源:window.onloadvs$(document).ready() 关于javascript-如何让javascript只在dom和css准备好而不是图像时执行,我们在StackOverflow上找到一个类似的问题:

javascript - CSS3动画如何移动到某个关键帧?

假设我们有这样的动画:http://jsfiddle.net/utterstep/JPDwC/布局:backforward以及对应的CSS:@keyframessomeanimation{0%{width:100px;}50%{width:200px;}100%{width:100px;}}.animating{width:200px;height:200px;background-color:red;animation:someanimation5sinfinite;}我想在按后退或前进时转到下一个或上一个动画状态。可以有多个对象,我想同时切换它们的动画状态。是否可以通过CSS或CS

javascript - jQuery 和 Knockout 验证插件的 CSS 问题

问题:触发验证时CSS未更​​改场景:在我的元素中,我使用jQuery验证和knockoutvalidation。在knockout中,我有一个父模型绑定(bind)和子模型,它们是在按钮单击事件时动态生成的。验证:对于父模型绑定(bind),我有jQuery验证(使用模型验证)但是对于子模型,我有knockoutvalidation(因为模型中没有提到属性)问题:正在显示验证消息,但未绑定(bind)css错误类。对于我已经提到的knockoutvalidationko.validation.init({registerExtenders:true,messagesOnModifie

javascript - 当 gulp 为应用程序提供服务时,如何在 webstorm 中调试 Javascript

在Webstorm中,我正在运行gulpserve任务来启动localhost:9000stubAngular项目,该项目由yo生成。我正在尝试调试JavaScript代码,这是我尝试过的:我将gulp作为调试任务运行,我只能调试gulp文件行我尝试在JavaScript之前运行gulpserve,它开始服务,而Webstorm从未启动它的JavaScript调试session我尝试运行JavaScript调试,但我的代码中没有出现断点。这种情况下的工作流程是什么?附言。我不想在chrome开发人员工具中调试代码,我希望我的断点在Webstorm中工作 最佳