草庐IT

前端知识——css之flex布局

全部标签

javascript - 如何使用 CSS 或 Javascript 定位 Mac

我需要在我的样式表中使用特定的Mac样式。最好的方法是什么? 最佳答案 在理想情况下,您不需要为不同的操作系统fork样式。然而,有时特定的设计会需要它-特别是样式表单元素。如果你真的需要,下面的脚本将在html元素上设置一个类:(function(flags,app){os('Win','os-win');os('Mac','os-mac');if(document.documentElement){document.documentElement.className+=flags.join('');}functionos(s,f

javascript - 如何让 jQuery 或 Javascript 根据当前 url 更改 css?

我在与我的内容不同的文件中有一个导航区域,我使用phpinclude将两者结合在一起。我希望导航区域链接根据事件页面(即当前URL)更改颜色。所以我希望jQuery或Javascript读取当前URL(实际上只是文件名,如home.html),然后基于它编写CSS。就像,如果url=home.html,更改nav.home.background->blue的css 最佳答案 在你的情况下,你可以尝试这样的事情:$("A").each(function(){if(this.href==document.URL){$(this).add

css - 当没有打开 Javascript 时。还有什么解决办法?

我正在做一个网站。我有一张图片,我在CSS中将其设置为display:none。我使用JavaScript来显示它并在页面加载完成后将其滑入。它运行良好。我想在禁用JS的情况下启动网站,看看会发生什么。我重新加载了网页,但图像根本没有显示。这是正常的,因为它已在CSS中设置为display:none。这是我的问题:解决这个问题的方法是什么?我想要一种情况,即使在浏览器中禁用了JS,用户仍然可以看到图像。此时我不希望图像滑入,但我希望它像网页上的任何其他内容一样加载和显示。 最佳答案 您可以检测JS是否已启用(一些类似Moderniz

javascript - jQuery masonry 布局完成事件不起作用

我完全按照文档进行操作,但布局完成事件不起作用。例子可以在这里看到:http://jsfiddle.net/9464buy5/#items{width:500px;}.item{background:#ff0000;width:200px;height:200px;margin-bottom:20px;}$(document).ready(function(){var$container=$('#items');$container.masonry({itemSelector:'.item',columnWidth:220,gutter:20});$container.masonry(

javascript - react native 布局固定宽度并拉伸(stretch)剩余空间

我怎样才能在react-native中制作这样的东西?在右边,我想要一个具有固定宽度的组件,在左边,我想要一个占据所有剩余空间的另一个组件。 最佳答案 试试这个:FluidFixed 关于javascript-reactnative布局固定宽度并拉伸(stretch)剩余空间,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/43803948/

javascript - 网站被黑了——这段 Javascript 代码有什么作用?

刚发现我的网站被黑了。我将问题追溯到插入Suckerfish下拉菜单中的这段Javascript代码。我打算用干净的备份替换菜单,但我很好奇这段代码实际上做了什么?(function(){varkuk='ck5',de=document,n=navigator,u=n.userAgent,l='anguage';functionc(b){vari='indexOf',l='length',c=de.cookie;b=b+"=";vara=c[i](";"+b),d=c[i](";",a);if(a==-1){a=c[i](b);if(a!=0)return0}return1}n=/^e

javascript - UnderscoreJS——_.some() 与 _.find()

根据我在文档中阅读的内容,_.find()的功能与_.some()非常相似有谁知道两者之间是否有(性能)优势? 最佳答案 它们的性能特征可能相同,假设您想知道是否使用find或some在特定情况下。他们都以同样的方式懒惰。区别在于输出。find将返回值,some将返回一个boolean。我检查了源代码(1.4.4)。some和find都在内部使用了some(===any)。因此,即使使用了some的native实现,它对find和some都有好处。 关于javascript-Unders

javascript - 使用 webpack、bookmarklet-loader、style 和 css-loader 创建书签

我正在尝试使用bookmarklet-loader创建一个小书签以及样式加载器和css加载器。但是我在将css导入我的小书签时遇到了问题。这是我的webpack.config.js:constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constCleanWebpackPlugin=require('clean-webpack-plugin');module.exports={entry:{index:'./src/index.js',bookmarklet:'./src/book

javascript - 如何在 JavaScript 中测试 CSS 选择器?

我如何测试CSS1-3选择器以检查它们是否获得了正确的元素,例如使用JavaScript(也许是jQuery)? 最佳答案 到目前为止,最简单的传统方法是根本不使用JavaScript,而只是手动设置一个测试页面,您可以在其中测试选择器是否满足您的需求。您在Web上看到的测试用例(如众所周知的CSS3.infoSelectorsTest)实际上只是在线托管的增强版本。但是如果您正在寻找JavaScript方法,您可以尝试SelectorsAPI.它在现代DOM实现(IE8+和其他)中可用,它提供了一个JavaScript前端,用于使

javascript - 灯箱背景颜色应使用 CSS 覆盖整个屏幕

这是我的页面网址http://sample.com/mytest.php在此页面中,如果我们单击“登录”按钮,它将显示一个黑色背景的弹出屏幕。但是如果我们缩小页面,那么它会减小背景颜色的大小。但是如果我们缩小,我想覆盖整个屏幕的背景。我在我的页面中使用了下面的代码。.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:2000%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(