草庐IT

css-modules

全部标签

javascript - jQuery .css() 函数不返回预期值

好吧,我搜索了jQuery文档(需要有人专门维护),我搜索了SO,我搜索了Google。我找不到这个问题的答案。文字在过去,我记得jQuery是这样工作的:$('#myObj').width()返回#myObj的计算宽度。$('#myObj').css('width')返回输入到CSS样式表中的宽度。现在,无论我使用哪种方法,我使用的任何jQuery包都会返回完全相同的数字。$('#myObj').width()返回#myObj的计算宽度作为整数(float?)。$('#myObj').css('width')返回#myObj的计算宽度作为末尾带有px的字符串.在伪代码中#myobje

javascript - 在 Rails 中清理 CSS

我想让我正在构建的网络应用程序的用户编写他们自己的CSS以自定义他们的个人资料页面。但是我知道这会带来许多安全风险,即background:url('javascript:alert("Gotyourcookies!"+document.cookies').因此,我正在寻找一种解决方案来清理CSS,同时仍然为我的用户提供尽可能多的CSS功能。所以我的问题是,是否有人知道可以处理此问题的gem或插件?我已经用谷歌搜索了我的大脑,所以任何提示都将不胜感激! 最佳答案 Rails有一个内置的csssanitizer参见http://api

javascript - 是否有为 "javascript revealing module pattern"创建大纲 View 的 eclipse 插件?

我喜欢eclipse,经过一些调整它可以用于javascript编程。有语法完成、linting、格式化,还有“大纲”,尽管只适用于简单的javascript文件。让我恼火的是,遵循“显示模块”设计模式的文件没有“大纲View”。这恰好是我最喜欢的编码风格。是否有某个地方的插件向Eclipse添加了一个“扩展的”大纲View,该View能够“看到内部”以“显示模块样式”编写的.js文件的嵌套结构,显示封装的私有(private)函数和成员?(对于这种类型的样式,正常的“eclipse大纲View通常是空的”)。 最佳答案 再次回答我

javascript - CSS 确定事件媒体查询

在Javascript中是否有直接的方法(不涉及解析css代码)来确定哪个媒体查询处于事件状态?例如我有两个查询:@mediascreenand(max-width:800px)@mediascreenand(min-width:801px)在不解析和查看clientWidth的情况下,我如何判断其中哪一个已评估为真。 最佳答案 虽然这是一个老问题,但在谷歌搜索此问题时它的排名很高。Window.matchMedia是官方的,并得到allmajorbrowsers的支持(IE10+)并将允许您查询某个媒体查询当前是否匹配。来自原始问

javascript - 尝试向 CSS 样式表添加规则在 Firefox 中给出 "The operation is insecure"

我正在使用Greasemonkey并尝试在特定域中添加规则。但它会导致错误提示Theoperationisinsecure。该代码在Chrome上运行良好。脚本在http://mydomain.com/test/test.php上运行CSS文件是http://cdn.mydomain.com/test/css/global.css我的功能:functioncss(selector,property,value){for(vari=0;i在谷歌上我发现这可能是因为我试图访问跨域,所以我尝试将CSS文件的URL添加到“接受的URL”但没有结果。我该如何解决这个问题?

javascript - Angular 应用程序未在刷新页面上加载 CSS 和 JS?

我有一个使用AngularJS的应用程序。这是它的链接-AngularApp导航栏中的所有链接都使用默认的Angular路由器。当我刷新所有页面时,它们都可以正常工作,但是像this这样的页面当我刷新它或直接转到它时,加载没有css和js的内容。虽然我不确定,但我觉得这是路由问题。这是app.js文件-angular.module('jobSeekerApp',['ngRoute']).config(function($routeProvider,$locationProvider){$routeProvider.when('/',{templateUrl:'views/main.ht

javascript - 用于 ie11 的 CSS 自定义属性 polyfill

有没有办法用JavaScript为ie11pollyfill自定义CSS属性?我在考虑加载时,检查浏览器是否支持自定义属性,如果不支持,则对属性进行某种查找和替换。这可以通过JavaScript或某些库实现吗?谢谢 最佳答案 看看这个(我的)Custom-Properties-Polyfill:https://github.com/nuxodin/ie11CustomProperties工作原理该脚本利用了IE具有最小自定义属性支持的事实,其中可以在考虑级联的情况下定义和读取属性。.myEl{-ie-test:'aaa'}//onl

javascript - 如何从 MVC 部分控件中包含 css 文件?

我使用的是ASP.NETMVC,我有一个需要包含特定CSS和JS文件的部分控件。有没有办法让父页面在页面的“head”部分呈现script和link标记,而不是仅仅在部分控件中内联呈现它们?为了阐明我想要包含文件的控件是从具有Html.RenderPartial的View呈现的,因此不能在其上具有服务器端内容控件。我希望能够将文件包含在htmlhead部分以避免验证问题。 最佳答案 如果我对部分View中的CSS/Javascript有要求,我只需确保任何可能包含部分View的页面(直接或作为从AJAX检索的内容)在其标题中包含CS

javascript - 使用鼠标动态调整 css 网格布局中的列大小

我正在尝试通过用鼠标拖动列分隔符(或调整占位符)来动态调整css网格布局框的大小。我在nav元素上设置了resize:horizo​​ntal;来调整大小,当我拖动元素右下角的小调整handle时它会调整大小,但不会自动调整相邻列的宽度,从而导致重叠。这是一个破损的codepen.HTML:#1#2#3CSS:main{display:grid;border:3pxdottedred;grid-gap:3px;grid-template-columns:200px1fr;grid-template-rows:100px1fr;height:100%;}nav{grid-column:1

JavaScript 模块模式 : How do private methods access module's scope?

在实现模块模式时,私有(private)函数如何访问模块的私有(private)属性?我还没有看到开发人员这样做的任何例子。有什么理由不这样做吗?varmodule=(function(){//privatepropertyvarnumber=0;//privatemethod_privateIncrement=function(){//howdoIaccessprivatepropertieshere?number++;};//publicapireturn{//OKgetNumber:function(){returnnumber;},//OKincrNumber:function