草庐IT

CSS面试问题

全部标签

javascript - jQuery 是否在两个不同的 CSS 类之间进行动画处理?

我想了解jQuery动画的工作原理。例如,如果我有一个带有CSS的a元素,使它看起来像一个可点击的图像,并且给定的with和height在CSS,我如何安全地为该元素的width和height设置动画?我需要为CSS类中的值设置动画吗?或者我是否需要使用width和height的目标值设置一个新的CSS类,并让jQuery从oldClass动画到新类?或者我可以简单地使用jQuery的.width()和.height()方法,而不管CSS中指定的值是什么?让我感到困惑的是:如果我使用jQuery调整元素的宽度,这是否也会修改我的CSS,或者jQuery/JavaScript是否只是用其

javascript - 如果使用 CSS3 翻译/转换来更改元素位置,则不会触发 Mouseenter/Mouseover 事件

我正在翻译(通过jQuery/CSS3)一个#wrapperdiv,通过更新Y轴。我已将mouseenter/mouseleave事件附加到#wrapper的子元素。当#wrapper翻译时,它的child一个接一个地来到鼠标下(即使鼠标没有移动)。这不会触发mouseenter、mouseleave事件。但是,当元素具有滚动条并通过鼠标滚轮滚动(而不是平移)时会触发事件。这是默认行为吗?如果是,有什么解决方法吗?Demo尝试使用鼠标滚轮滚动,但不要移动鼠标。我希望将.block的背景更改为red颜色,但它没有发生。 最佳答案 示例

javascript - 使用 jQuery UI 问题使 Bootstrap 模式可调整大小

所以我创建了一个Bootstrap模态,我正在尝试使用jquery调整它的大小。我的调整大小是水平工作的,但如果您尝试垂直调整大小,就像模态内部的内容不包含在我尝试调整大小的元素中一样。我尝试在.resizable()上使用“alsoResize”属性并将所有div包含在模态中,但这似乎会导致其他问题。$('.modal-content').resizable({alsoResize:".modal-header,.modal-body,.modal-footer"});这是我的例子:https://jsfiddle.net/p7o2mkg4/ 最佳答案

javascript - Materialize css select 无法处理 JS 错误

我在使用MaterializeCSS框架选择表单时遇到问题。这是我的表格:ChooseyouroptionOption1Option2Option3MaterializeMultipleSelect$('select').material_select();这是我的slim布局:doctypehtmlhtmlheadmetacontent=("text/html;charset=UTF-8")http-equiv="Content-Type"/titleBudeprace=stylesheet_link_tag'https://cdnjs.cloudflare.com/ajax/lib

javascript - React-Router 的历史对象问题

我正在使用React和ReactRouter构建一个非常简单的网页。我已经使用NPM安装了最新版本的ReactRouter模块(v3.0.0),在我的index.js文件中写了3个非常简单的路由:importReact,{Component}from'react';import{render}from'react-dom';import{Router,Route}from'react-router';//ImportcustomcomponentsimportAboutfrom'../components/about.js';importContactfrom'../component

javascript - 在 Vue.js 中使用 OwlCarousel 的问题

我正在使用vue.js和OwlCarousel,每次我将v-for与轮播一起使用时,它不会向我显示轮播的样式,它只会向我显示列中的图像。这是对API的请求:exportdefault{data:{videos_p:[]},mounted(){axios.get("xxxxxxxxxxx").then(response=>{this.videos_p=response.dataconsole.log(this.videos_p)})}}$(document).ready(function(){varowl=$('.owl-carousel');owl.owlCarousel({items

javascript - toLocaleDateString Javascript 日期格式问题

这个问题在这里已经有了答案:WherecanIfinddocumentationonformattingadateinJavaScript?(39个答案)关闭9年前。我有一个脚本,我想将日期格式化为短日期格式,即:7/3/2013或7/3/13第一个日期格式在Chrome中呈现,但其他所有浏览器都不会-它显示日期月份名称和年份。functiondateFormatter(date){returndate.toLocaleDateString();}有点困惑为什么会这样。是不是浏览器不支持tolocalDateString();我是否需要构建自定义日期字符串才能使其正常工作?对不起,如果

javascript - PhantomJS 问题写入文件 fs。找不到变量 : fs

我是第一次尝试phantomJS,我已经成功地从站点中提取了som数据,但是当我尝试将一些内容写入文件时,我收到错误:ReferenceError:找不到变量:fs这是我的脚本varpage=require('webpage').create();varfs=require('fs');page.onConsoleMessage=function(msg){console.log(msg);};page.open("http://www.pinterest.com/search/pins/?q=motorbike",function(status){if(status==="succe

javascript - 如何在实现 css 中监听 <select> 更改事件

一个简单的jquery变化监听器在使用物化css选择下拉菜单时似乎不起作用。$("#somedropdown").change(function(){alert("ElementChanged");});1)如何添加监听器来检测物化选择元素何时发生更改?2)在这种情况下如何获取选择值? 最佳答案 添加一个id来选择Option1Option2Option3Option4通过jquery使用id绑定(bind)事件监听器$("#select1").on('change',function(){console.log($(this));

javascript - 多选删除超过 1 个选项的问题

Opera浏览器的JS代码似乎有问题,因为它只删除了在多选标签中选择的最后一个选项标签,有人可以帮助我吗。这是这个的HTML:forumcollapse[topic][board]当然它在一个表单标签中,但是这个表单涉及更多的代码,但这里是相关信息。这是应该处理这个问题的JS,但只删除Opera中最后选择的选项,不确定其他浏览器,但它确实需要删除所有选择的选项,而不仅仅是最后选择的选项......varaction_list=document.getElementById("actions_list");vari=action_list.options.length;while(i--