草庐IT

CSS面试问题

全部标签

javascript - 饼图点击问题 - 未检测到点击

我一直在尝试创建一个图表来显示世界不同地区发生的事件。所以我基本上结合了两个图1)d3googlegraph(http://bl.ocks.org/mbostock/899711)通过map和jqueryflot饼图(http://people.iola.dk/olau/flot/examples/pie.html)显示区域来映射事件。我将所有相应的纬度经度值存储到一个数组中,并根据这些值附加map上的标记。所以基本上我会创建一个xhtml:div借助在相应标记上留出空间创建这些div后,我将为每个相应的div元素添加饼图。所以图形创建成功,饼图的“plotclick”功能,捕捉饼图上

javascript - ArcGis 3.5 问题与 Requirejs

我正在使用ArcGIS3.5JavascriptAPI和RequireJS我用这段代码实现了它:varmap;require(["esri/map","dojo/domReady!"],function(Map){map=newMap("mapDiv",{center:[-96.571541,39.155622],zoom:3,basemap:"streets"});});});使用这个RequireJS配置:requirejs.config({baseUrl:"js/",paths:{underscore:'libs/underscore',tpl:'tpl',backbone:'l

javascript - JS 中的分号问题

这个问题在这里已经有了答案:WhenshouldIuseasemicolonaftercurlybraces?(8个答案)关闭7年前。我碰巧遇到了以下奇怪的情况:其中一个网络调用返回了这样的响应:window.function1=function(){console.log('function1');}window.project='test';但是当下面的脚本被评估时,它返回一个错误UnexpectedIdentifier当在function1定义之后添加semi-colon时,这个问题得到解决所以正确的解决方法是:window.function1=function(){consol

javascript - 隐藏 div 是否会停止动画(CSS 或 JS)?

将任何基于CSS的加载器动画作为引用。通常,当某些回调函数执行成功时,div会被隐藏,以表明结果已经到达。我的问题是,隐藏div实际上会停止动画吗?或者它们是否仍在继续耗尽CPU周期?非CSS动画呢? 最佳答案 长话短说Myquestionis,doeshidingthedivactuallystoptheanimation?OrdothosestillcontinuetouseupCPUcycles?不确定动画状态是如何在内部定义的,但它一旦隐藏就不会使用CPU周期。Whataboutnon-CSSanimations?CPU周期

javascript - 如何设计一个监听 WebSocket 并与 CSS 动画交互的 ReactJS 组件

ReactJS组件需要监听WebSocket发出的事件。对于每个入站事件,组件应该呈现一个DOM节点。然后它应该等待与DOM节点关联的CSS动画完成,然后删除DOM节点。这是我打算实现的草图。这种方法看起来可行吗?setTimeout感觉很糟糕。classMyComponentextendsReact.PureComponent{componentDidMount(){this.props.webSocket.on('myEvent',componentDidReceiveEvent)}componentWillUnmount(){this.props.webSocket.off('m

javascript - 是否可以让 Chrome 返回 CSS "content"属性的原始值?

考虑以下JavaScript、CSS和HTML代码:console.log(getComputedStyle(document.querySelector('p'),'::after').getPropertyValue('content'));p::after{content:"Hello"attr(data-after);}Firefox和IE11都返回CSS中定义的原始值:"Hello"attr(data-after),这正是我所需要的。但是Chrome返回"HelloWorld",解析后的值。当我使用ChromeDevTools检查元素时,我可以看到它在“样式”面板中显示以下信

javascript - 检测并记录外部 JavaScript 或 CSS 资源无法加载的时间

我有多个对外部js和css资源的引用。大多数情况下,这些用于第三方分析等。有时(传闻)这些资源无法加载,通常会导致浏览器超时。是否可以在外部JavaScript或CSS资源加载失败时检测并登录服务器?我正在考虑某种类型的延迟加载机制,当失败时,将调用一个特殊的URL来记录此失败。有什么建议吗?我认为会发生什么:用户点击我们的页面,服务器端成功处理并提供页面在客户端,HTMLheader尝试连接到我们的第3方集成合作伙伴,通常通过以“http://www.someothercompany.com...”开头的javascript包含。其他公司无法处理我们的负载或正常运行时间很差,因此连接

javascript - CSS 和 JavaScript : Get a list of CSS custom attributes

来自这段代码:HTMLCSS.test{background-color:red;font-size:20px;-custom-data1:value1;-custom-data2:150;-custom-css-information:"loremipsum";}使用javascript——例如从$('.test')——我如何才能得到一个CSS属性列表,其属性名称以前缀“-custom-”开头“?(他们可以有不同的名字,但总是相同的前缀)我想得到这个:{customData1:"value1",customData2:150,customCssInformation:"loremip

javascript - TinyMCE 与 IE8 中可调整大小的内容有关的问题

更新:postingontheTinyMCEforum之后(在提供赏金之前我应该​​做的事情)主要问题可能已经解决,但我仍然非常愿意接受关于如何禁用可调整大小行为的其他问题(帖子末尾的数字2和3)).我在IE8(不是其他版本)中使用TinyMCE保存内容时遇到问题。在IE中,编辑器中的某些元素在每个Angular落都有handle和可拖动的“边框”,当您聚焦开始编辑时,可能会出现条纹边框:问题:如果我在粗边框仍然可见时提交表单(图像中的状态3),表单将不会保存内容。我必须单击编辑器的另一个区域以使所有边框消失,然后提交表单。我使用的是TinyMCE3.4.6jQuery包,我在其他浏览

javascript - Window.print 问题

这是我的问题我有一个实现window.print的代码,但问题是当我关闭窗口打印并返回到我的页面时,我的打印按钮不再起作用。$(function(){$('#button1').click(function(){$('head').append('assets/weekly/style/weekly.css"type="text/css"/>');varprintContents=document.getElementById('data').innerHTML;varoriginalContents=document.body.innerHTML;document.body.inne