草庐IT

CSS面试问题

全部标签

javascript - 循环 CSS 动画

所以我这里有这个漂亮的CSS动画,我希望它循环播放。遗憾的是,我几乎没有使用CSS动画的经验,也不知道该怎么做。如果这里有人可以帮助我,我将不胜感激。谢谢!HTMLWeeeeeeeJavascript$("#msg").click(function(){varduration=1400;$msg=$(this);$msg.css("-webkit-transform","scale(2)").css("-webkit-transition-timing-function","ease-out").css("-webkit-transition-duration",duration+"m

javascript - 使用 `new Function` 和性能问题

我正在通过AJAX加载一个脚本文件,并运行它的内容,我正在这样做:newFunction('someargument',xhr.responseText)(somevalue);但是,根据MDN:FunctionobjectscreatedwiththeFunctionconstructorareparsedwhenthefunctioniscreated.Thisislessefficientthandeclaringafunctionandcallingitwithinyourcode,becausefunctionsdeclaredwiththefunctionstatement

javascript - 在原型(prototype)中使用 css 选择器触发点击事件

我是Prototypejs的新手。我有一个这样的元素,Save&Close我有一个anchor标记选择器,$$('#toolbar-savea')。通过使用此选择器,我如何触发click事件?或者你可以建议的任何其他方式?提前致谢。 最佳答案 $$('#toolbar-savea')[0].click();FIDDLE 关于javascript-在原型(prototype)中使用css选择器触发点击事件,我们在StackOverflow上找到一个类似的问题:

javascript - CSS Transform Math - 计算倾斜引起的div的高度

我很难弄清楚如何计算由倾斜引起的div容器的额外高度。我正在屏蔽容器内的图像并使用plugin调整它的大小.容器不会始终具有相同的高度和宽度,因此使用固定尺寸是行不通的。请看我的demo.http://jsfiddle.net/RyU9W/6/HTMLCSS#profiles{margin-top:300px;transform:skewY(-30deg);-ms-transform:skewY(-30deg);/*IE9*/-webkit-transform:skewY(-30deg);/*SafariandChrome*/}.profile{cursor:pointer;float

javascript - CKEditor 4 : How to add CSS stylesheet from plugin?

暂时试过了,但是没有成功editor.addCss(this.path+'tabber.css');editor.document.appendStyleSheet(this.path+'tabber.css');完整代码(function(){CKEDITOR.plugins.add('tabber',{init:function(editor){editor.ui.addButton('addTab',{command:'addTab',icon:this.path+'icons/tabber.png',label:Drupal.t('Inserttabs')});editor.a

javascript - 通过 JavaScript 填充时 Bootstrap 双列表框问题

我在使用BootstrapDualListbox(http://www.virtuosoft.eu/code/bootstrap-duallistbox/)时遇到了一些问题。当通过javaScript填充ListBox时,它没有按预期工作。我的意思是不工作是列表没有正确填充,并且从两个列表框中传输选定的项目不是它应该工作的那样。不知何故,当列表由硬编码填充时,它运行良好。这是一切正常的部分:Option1Option2Option3Option4Option5Option6Option7Option8vardemo2=$('.eItems').bootstrapDualListbox(

javascript - meteor js 铁路由器 : apply CSS change whenever route changes

我的应用程序中有主页、联系页面和其他几个与产品相关的页面。目标是仅将背景图像应用于特定路线:/homepage和/contact。如果用户离开任一路线,应用一些CSS更改。我现在正在和我主页上的一个助手一起破解这个,就像这样:Template.homepage.rendered=function(){varroute=Router.current();if(route.path=='/'){document.body.className="showBackgroundImage";}};这里部分获胜,因为这将激活css,但我需要在路线更改时停用。我还在我的router.js中尝试了以下

javascript - AngularJS 的 404 图片加载问题

我想在网站中放置一个二维码,可以说它可以是从ASP.NETMVC操作提供的任何图像文件——但在本例中它是一个二维码。SCAN我将一些查询字符串参数传递到我的端点以生成QR码,它以GIF格式返回。使用AngularJS,我正在设置标签src属性。url和查询字符串是在AngularJSController中构造的。我的问题是,在Angular加载数据并将数据绑定(bind)到控件之前,在替换Angular表达式之前,当浏览器尝试获取图像时,我收到HTTP404错误。脚本运行后,QR码显示,如预期的那样。希望不要收到此HTTP错误。我能以某种方式延迟加载吗?或者稍微不同地使用Angular

javascript - React ES6 父子组件状态问题

我是React的新手,正在尝试基于react-starter-kit构建一个简单的ToDo应用程序。我正在使用ES6类,但无法找到从子组件更新父状态的方法。代码如下:importReact,{PropTypes,Component}from'react';importwithStylesfrom'../../decorators/withStyles';importstylesfrom'./ToDoPage.less';@withStyles(styles)classToDoPageextendsComponent{staticcontextTypes={onSetTitle:Prop

javascript - Vue.js 的 CORS 问题

我正在使用:Vue2.0.3vue-router2.0.1vuex0.8.2vue资源0.7.0在使用远程API而不是本地运行的API尝试登录到我的页面后,出现如下所示的cors错误vue-resource.common.js?2f13:1074OPTIONShttps://mywebsite/api/auth/login(anonymousfunction)@vue-resource.common.js?2f13:1074Promise$1@vue-resource.common.js?2f13:681xhrClient@vue-resource.common.js?2f13:103