草庐IT

前端知识——css之flex布局

全部标签

javascript - 为什么我的 jQuery UI CSS 在 JSFiddle 中不起作用?

为了用JavaScript输入回答问题,我经常使用JSFiddle上的演示.它非常有用,但是当我回答thistooltip时问题我需要使用jQueryUI.这种用法的问题是,您可以在框架选择中检查jQueryUI,但它只加载js文件而不加载css文件。所以我决定链接到这个http://jqueryui.com/themes/base/jquery.ui.all.css在jQueryUI的官方演示中使用。=>问题解决了。真的解决了吗?没有?!因为如果用户之前打开过一个jQuery演示,这个链接会很好用,但正如我在工作中看到的那样,如果我只打开fiddle而没有打开一个演示,它就不起作用。

javascript - D3 力导向布局的基础知识

我正在使用d3.js进入令人兴奋的力导向布局世界。我掌握了d3的基础知识,但我无法弄清楚设置力导向布局的基本系统。现在,我正在尝试创建一个简单的布局,其中包含一些漂浮在中心的不相连的气泡。很简单吧!?创建了正确的圆圈,但没有任何反应。编辑:问题似乎是force.nodes()返回初始数据数组。在工作脚本中,force.nodes()返回一个对象数组。这是我的代码:$(function(){varwidth=600,height=400;vardata=[2,5,7,3,4,6,3,6];//createchartvarchart=d3.select('body').append('sv

javascript - CSS 溢出 : scroll HTML 的滚动问题

这里是jsFiddle以便更好地理解:http://jsfiddle.net/BzYcZ/我有一些带有滚动条的div。我想要的是当我使用鼠标滚动在到达div的末尾时停止滚动,而不是滚动整个页面。发生的事情是,当我到达div的末尾时,整个页面开始滚动。我知道这是浏览器驱动的,但是是否有一些JS事件可以处理这种情况并防止在我的光标位于此div元素上时滚动整个页面。编辑:我希望能够滚动整个页面,但只有当我的鼠标离开这个div时。解决方案.noscroll{position:fixed;overflow-y:scroll;width:100%;}这是JavaScript部分:$('.small

javascript - 在 javascript 计算时使用 CSS 动画

我正在开发一个Web应用程序,它需要在启动时生成和计算一堆数组。我想在发生这种情况时显示一个加载页面,并且可能会播放一些css动画,但似乎CSS动画会在执行javascript时挂起。我已经有一个加载栏,它会根据处理的关键事件进行更新,但我想使用css-transitions来稍微平滑它。我想知道是否有任何方法可以在javascript执行时让某些东西具有动画效果?我知道我可以设法不时将控制权交还给浏览器以让它刷新,但我发现在后台使用javascript计算某些东西只会卡住整个界面是愚蠢的。编辑:这是我所说的一个愚蠢的例子:http://jsfiddle.net/YWefx/13/如果

Javascript 仪表板布局框架

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我一直在研究代表仪表板的javascript框架。我实际上是在尝试用他们的仪表板模仿Atlassian的JIRA产品的行为。因此,以下是要求:仪表板的列布局由用户预定义(1col、2col、1col@30%-2ndCol@70%等)用户可以使用添加按钮将小部件添加到仪表板用户可以将小部件拖动到新位置拖动时,小部件采用它被拖动到的列的宽度。在拖动过程中,移位的小部件只会

javascript - Karma Require.js——改变目录结构正在杀死一切

几天来,我一直在尝试设置karma以与Require.js一起工作(然后再将require与angular一起使用),这令人非常沮丧。这是我的文件树在这个例子中的样子:$tree.|--public||--index.html||--src||--app.js|`--main.js|--config||--karma.conf.js|--lib||--jquery.js||--require.js|`--underscore.js|--src||--app.js|`--main.js`--test|--appSpec.js`--test-main.js注意事项:我正在处理的这个存储库是

javascript - socket.io——限制每个命名空间的最大连接数

我有一个基于node.js、express和socket.io构建的小型网络应用程序。在其中,我使用了两个这样创建的命名空间:lists=io.of('/lists'),views=io.of('/view'),我想做的是限制/views命名空间中的连接数。有没有办法用socket.io做到这一点?我查看了文档,但在那里找不到任何东西。任何想法如何做到这一点?提前致谢! 最佳答案 您可以制作一个简单的计数器(如果需要-扩展类):varlists=io.of('/lists');lists.max_connections=10;lis

javascript - 包含来自多个模块的 CSS (Sass)

我正在整理一个将在npm上可用的存储库。repo由多个模块组成,类似于react-leaflet和react-d3.应用程序开发人员将通过require在npm包中包含模块/import,例如:import{ModuleOne,ModuleTwo}from'myNpmPackage`;我需要将CSS与这些模块中的每一个一起打包,并且CSS将从每个模块中的Sass文件编译而来。给定myNpmPackage的文件夹结构喜欢:├──src│├──ModuleOne││├──index.js││├──style.scss│├──ModuleTwo││├──index.js││├──style.

javascript - 如何在 Meteor 中使用 Materialize css Tabs?

Meteor.js的新功能和MaterializeCSSFramework.我不完全理解如何将选项卡动态地连接到3个不同的选项卡,因此当用户单击它时,.tabindicator/active属性会随着所需的路线路径。如果我这样做:client/app.htmlPageOnePageTwoPageThreeclient/app.jsTemplate.layout.rendered=function(){$('ul.tabs').tabs();}选项卡指示器有效,但它不会更改指向正确页面的链接。就像它阻止了转到页面的能力一样。我需要有关如何执行此操作的帮助,我已经这样做了一段时间了。谢谢。

javascript - 如何处理响应服务器端渲染的 css 导入

这与ImportingCSSfilesinIsomorphicReactComponents非常相似但建议的解决方案提出了一个条件语句,用于检查导入是从服务器还是浏览器完成的。问题是我在组件本身中使用导入对象,如下所示Signupwithgithub但是style是未定义的,因为我没有在服务器上导入它。另一种方法建议使用webpack-isomorphic-tools,它也要求我捆绑服务器端代码。这种方法还迫使您在我不喜欢的服务器端使用webpack。基本上这是我的组件importReactfrom'react';importSignUpfrom'./SignUp'import{Lin