草庐IT

css-tip-hiding-content-with-clip

全部标签

javascript - 删除类时如何避免 css 转换(旋转)?

我想通过向其添加CSS类来旋转元素onclick。问题是,当删除相同的CSS类时,元素会第二次旋转。fiddle:https://jsfiddle.net/L3x2zhd1/1/JS:varel=document.getElementById('el');el.onclick=function(){el.className='rotate'setTimeout(function(){el.className=''},1000)};CSS:#el{width:50px;height:50px;background-color:red;-webkit-transition:-webkit-

javascript - WebPack如何将所有的css文件放到一个css文件中

我是WebPack的新手,我希望能够获取一个CSS文件目录(.app/styles/[css文件...])并将它们输出到一个CSS文件(dist/styles.css).目前,所有的JavaScript文件都被编译成一个单独的“index_bundle.js”文件,这是完美的,但我想为我的CSS文件实现同样的效果。经过大量“谷歌搜索”后,我发现WebPack的ExtractTextPlugin应该能够帮助解决这个问题,但这只适用于添加到“entry”属性的一个CSS文件(例如:entry:{style:"./app/styles/style.css"})然后作为链接标记添加到html的

javascript - 使用浏览器解析 CSS 而无需触及 DOM/样式

我有这样的东西:constsomeCSS=`.foo{padding:20px;background-color:#ddf;width:100px;}.bar{height:100px;}.foo{padding-top:30px;/*thisoverridesthepreviousone*/}`;我可以将此添加到DOM中,并使用这样的每个规则(jsFiddle)取回所有选择器:conststyle=document.createElement('style');style.innerHTML=someCSS;document.head.append(style);conststyle

javascript - 是否可以使用图像或 CSS 渐变来填充 Google map 中的水域?

我目前正在从事某个元素,需要将下一个设计实现到Googlemap。我没有在谷歌地图样式引用中找到任何线索来回答这个问题-https://developers.google.com/maps/documentation/javascript/style-reference所以,我想知道-是否有可能(仅使用API)?或者需要一些技巧?例如,我考虑过让水域透明并将虚线图像放在map后面。提前致谢! 最佳答案 在这个回答中,我将讨论关闭map上水几何体的可见性并设置map背后的背景颜色。首先,如前一个答案所述,您必须关闭map的可见性。您可

javascript - 如何在注册该组件时为 vue.js 组件定义 css 样式?

我可以注册一个自定义的vue.js组件//registerVue.component('my-component',{template:'Acustomcomponent!'})另见https://v2.vuejs.org/v2/guide/components.html如何为我的组件包含css类?我希望是这样的Vue.component('my-component',{template:'Acustomcomponent!',css:'#...mycssstylesheet...'})但似乎没有css选项。我知道我可以a)在全局css样式表中定义所有css类或b)使用singe-fi

javascript - Angular Component 的 CSS 封装是如何工作的?

我想明白如果我创建两个样式表样式1.heading{color:green;}样式2.heading{color:blue;}现在如果这两个样式分别写在两个不同的View中,渲染的时候在布局上作为PartialView,那么在这种情况下可能会发生冲突一个可以覆盖另一个的样式。但是使用angular(见第16页),这两种不同组件的样式怎么封装在同一个页面上渲染呢?为什么CSS没有被覆盖?例如import{Component}from'@angular/core';@Component({selector:'app-user-item',template:'abc',styleUrls:[

javascript - 启动一个应用程序来记录 keep with greasemonkey

我让我的greasemonkey脚本扫描我访问的每个页面以查找特定字符串。我想将字符串的变化记录在sqlite数据库中。我会让另一个应用程序每隔一段时间处理一次这个数据库。我不知道的是如何将数据存储到sqlite数据库中?我在想,如果找到字符串,我可以自动启动一个可执行文件,但我不知道如何通过javascript执行此操作。我认为的另一种选择是在某个端口上使用套接字监听并具有一些js魔力,但我想不出一种静默的方式来发送这样的数据。 最佳答案 我建议使用网络服务器来收集数据。您可以设置域或IP以将数据发送到。如果需要,您甚至可以在本地

javascript - if with a continue 是一个很好的模式来防止在 Javascript 中迭代属性时过度嵌套吗?

我通常使用这种模式来迭代对象属性:for(varpropertyinobject){if(object.hasOwnProperty(property)){...}}我不喜欢这种过度的缩进,最近有人向我指出我可以通过这样做来摆脱它:for(varpropertyinobject){if(!object.hasOwnProperty(property)){continue;}...}我喜欢这个,因为它没有引入额外的缩进级别。这种模式可以吗,或者有更好的方法吗? 最佳答案 我个人比较喜欢:for(varpropertyinobject)

javascript - if function with window.location.hash 帮助

我有一个函数可以更改url中的散列并从我的主页插入/删除一个div。我这样做是为了让我可以拥有一个页面,您可以在不重新加载的情况下进行操作,但与此同时,我希望人们能够为某个部分添加书签并稍后转到它而无需再次浏览该页面。当我尝试调用我的hash()函数时,该函数关闭所有div并根据哈希打开特定的div,但它不起作用。我可能在if语句中没有正确的东西,因为当我在hash()函数中放置一个alert()时,它弹出像它应该的那样。functionhash(){if(window.location.hash=="dcontact"){removedivs();InsertContent('dco

javascript - 内容脚本 CSS 不会覆盖原始内容

我的问题是我想用我的自定义设置修改网站的样式。我试过ContentScripts,但是这个dosen工作,因为他们不能覆盖原来的css文件。这是一个例子:foo/manifest.json{"name":"test","version":"1.0","content_scripts":[{"matches":["file://*/*test.html"],"css":["main.css"]}]}foo/main.cssbody{background:#0f0;}测试.htmlfoobar然后我loaded将扩展foo文件夹放入我的谷歌浏览器,并打开test.html但背景颜色仍然是红