草庐IT

css面试题一

全部标签

javascript - jQuery/CSS 动画 div 从左到右的宽度

我正在尝试使用jQuery为div设置动画,背景图片的宽度从左到右逐渐减小,同时绝对定位。我需要使其与IE8兼容,因此使用jQuery。这是一个基本的JSFiddle演示链接,包含我目前所拥有的内容,但它是从右到左动画的:JSFiddlelinkjQuery(document).ready(function($){$(document).on('click','.splat',function(e){$(this).animate({width:"0px"},800);});});.splat{width:400px;height:400px;background:blue;posit

javascript - css动画后点击事件丢失

为了开玩笑,我在我的一个网站上放了一个Google-eskbarrelroll。第一次单击所选元素时一切正常,但之后不会再次触发。我试过.click、.on('click',function(){})都没有用。关于如何解决以及为什么会发生这种情况的任何想法?BasicjsFiddlehere源代码示例;RollMe$(function(){$('#roll').on('click',function(){$('body').css({"-moz-animation-name":"roll","-moz-animation-duration":"4s","-moz-animation-i

华为OD机试 -去除多余空格(Java) | 机试题+算法思路+考点+代码解析 【2023】

去除多余空格题目去除文本多余空格,但不去除配对单引号之间的多余空格。给出关键词的起始和结束下标,去除多余空格后刷新关键词的起始和结束下标。条件约束:不考虑关键词起始和结束位置为空格的场景;单词的的开始和结束下标保证涵盖一个完整的单词,即一个坐标对开始和结束下标之间不会有多余的空格;如果有单引号,则用例保证单引号成对出现;关键词可能会重复;文本字符长度length取值范围:[0,100000];输入输入为两行字符串:第一行:待去除多余空格的文本,用例保证如果有单引号,则单引号成对出现,且单引号可能有多对。第二行:关键词的开始和结束坐标,关键词间以逗号区分,关键词内的开始和结束位置以单空格区分。例

2023年最新大厂开发面试题(滴滴,华为,京东,腾讯,头条)

2023年最新大厂开发面试题!!!滴滴篇B+树、B-树的区别?数据库隔离级别,幻读和不可重复读的区别?有hell,well,hello,world等字符串组,现在问能否拼接成helloworld,代码实现。快排算法实现线程安全的单例模式匹马赛跑,有一个赛场,只有五个赛道,没有计时器,只能通过目测来记录快慢,求出第三3快的马要多少场比赛?kmp算法next数组的求解思路数组中有三个数字出现超过3/4,求这三个数字?1到n+2个数组中缺了两个数,如何用O(n)时间,O(1)空间找到这两个数字。一条线段长为1,随机选两个点,将改线段分为三段,三段能成三角形的概率是多少?有一个教授,他三个学生,脑袋背

javascript - 如何让导入的 css 字体/图标对 shadow dom 中的元素产生影响?

假设我想使用shadowdom创建一个自定义元素。模板中的某些元素具有在链接的css文件中指定的类名。现在我想让css规则对元素产生影响。但由于shadowdom样式边界,我无法实现。DreamLineTourBlogContactErrorSearchvarimportDoc=document.currentScript.ownerDocument;varproto=Object.create(HTMLElement.prototype,{createdCallback:{value:function(){vart=importDoc.querySelector("#blog-hea

javascript - webpack css loader 不工作 : no output css file

我正在从事开源元素,现在我需要为前端设置webpack。我在下面尝试了webpack配置,JS工作正常,但css不行,没有css输出文件。我不知道为什么会这样,请帮助我。下面是我的webpack配置js文件:constpath=require("path");constwebpack=require('webpack');constExtractTextPlugin=require("extract-text-webpack-plugin");constnode_dir=__dirname+'/node_modules';constsassLoaders=['css-loader','

javascript - Vanilla JavaScript : Is there a way to toggle multiple CSS-classes in one statement?

我使用这些JavaScript代码来更改脚本中的类:vartoggleDirection=function(){group.classList.toggle('left-to-right');group.classList.toggle('right-to-left');}在我的示例中,只有两个类需要更改,但也可以是多个类...因此:有谁知道编写示例的方法不那么冗余? 最佳答案 不,不可能直接使用Element.classListAPI。查看API,您可以阅读:toggle(String[,force])Whenonlyonearg

javascript - jquery 可拖动事件更改子元素的 css

你好,请看这段代码$('.new-div').draggable({containment:"#bord",create:function(){$(".new-div").css("width",'auto');},drag:function(){$(".new-div").css("width",'auto');},start:function(){$(".new-div").css("width",'auto');},stop:function(){$(".new-div").css("width",'auto');}});$(document).on("click",".clos

javascript - 获取应用于元素的 css 类的背景颜色

比如说,我有以下CSS类:.upComing{background:#ccc;font-weight:bold;}在我的HTML中,我有一个表,其中一些行应用了该类,如下所示:到目前为止一切顺利,但是通过JavaScript我有监听td点击的事件,我想获取行的颜色(我知道我可以获取行的类,但在这种情况下我需要能够从类中获取颜色)。我需要这样做,因为表格可以导出到excel文件,如果行颜色在CSS类上,则不会应用于excel文件,我想在之前将这种颜色应用于每个td将html发送到excel生成器。PS:该表是从我们创建的jQuery插件动态生成的,它仍在进行中,但当我们对它有足够的信心时

javascript - CSS3 圆形菜单

我找到了this漂亮的圆形菜单,我正在努力调整它以适应我自己的需要。我只需要该菜单中的四个元素,并且应该增加它们的“宽度”(水平空间)。我把原始代码放在这个fiddle里了.有四个元素的版本是here.如前所述,我试图通过增加它们的大小来填充它们之间的空白区域,因为我想在其中放置更多文本。我认为可能相关的部分CSS:.csstransforms.cn-wrapperli{position:absolute;top:50%;left:50%;overflow:hidden;margin-top:-1.3em;margin-left:-10em;width:10em;height:10em