草庐IT

flex布局之flex-direction

全部标签

javascript - 了解 Marionette for Backbone.js 中的布局

我想我可能对Marionette.Layout的用途存在根本性的误解。我正在尝试这样的事情:布局包括两个Marinotette.ItemView:“Explode”ItemView和“PopStar”ItemView。此布局旨在始终包含这些View,因此我尝试这样做:varTheLayout=Backbone.Marionette.Layout.extend({template:'#the=layout-template',regions:{explode:'#explode-region',popstar:'#popstar-region'}initialize:function(o

javascript - 我们需要使用 javascript 来创建响应式布局吗?

我下载了几个免费的响应式布局(如果你好奇的话,你可以简单地通过谷歌找到它们)并且我看到布局至少有一个或两个javascript文件。问题是:javascript对创建响应式布局必不可少?然后,在对这个问题的回答是“否”时,您还可以链接一个仅使用html和css制作的免费响应式布局,那么,您将收到非常感谢。 最佳答案 响应式布局的全部意义在于它可以(并且应该)仅使用CSS3媒体查询来完成。然而,这通常需要一些巧妙的HTML设计,特别是如果您想要一个滑入式菜单(提示::active与tabindex结合使用时会非常强大,以使原本“惰性”

javascript - 将 d3.js 气泡转换为基于强制/重力的布局

我有一组数据,我正在使用d3.js进行可视化。我以气泡的形式表示数据点,其中气泡的配置如下:vardot=svg.selectAll("g").data(data).enter().append("g");dot.append("circle").attr("class","dot").attr("cx",function(d){returnxp(x(d));}).attr("cy",function(d){returnyp(y(d));}).style("fill",function(d){returncolorp(color(d));}).attr("r",function(d){

javascript - D3 力布局中的动态链接距离

我已经实现了d3的强制布局。然而对我来说问题是布局没有在屏幕上展开。以下是截图:我希望节点以动态链接距离分布在屏幕上,因为右侧和左侧有很多空白区域。我尝试按如下方式随机化链接距离:d3.layout.force().charge(-800).linkDistance(function(d){return(Math.random()*(400-200)+1);}).size([w,h]);这会增加链接距离,但也会增加垂直方向的距离。我曾尝试设置linkStrength()属性,但它对我不起作用。我怎样才能让这个布局只在水平方向上分布在整个区域?有没有一种方法可以定义链接距离以适合我页面的

小程序基础(一):环境搭建和基本布局

1.注册小程序账号https://mp.weixin.qq.com申请小程序AppID2.安装微信官方小程序开发工具 下载并安装微信小程序开发工具3.新建项目选择小程序AppID,选择javascript,新建本地项目4.小程序目录 breezemini/ |--images/ #图片 |--template/ #模板 |--utils/ #工具组件 |--pages/ #页面 |--logs/ #日志页面 |--index/ #后台API目录 |--index.js #页面逻辑,必须 |--index.json #页面配置 |--index.wxs

javascript - 仅针对 html 禁用 flex 滚动,但针对溢出 :scroll 的元素进行维护

我正在创建一个全屏网络应用程序,它将包含一些使用新的iOS5溢出:滚动功能的模块/小部件。我想要的是在滚动html/body时禁用那种“flex”效果(因为它是全屏),但只在可滚动元素上保持这种效果。平滑我拥有的可滚动元素的效果:html,body{overflow:hidden;}.scrollable{overflow:scroll;-webkit-overflow-scrolling:touch;}然后是以下禁用触摸滚动效果的脚本:$(document).bind('touchmove',function(e){if(e.target===document.documentEle

Javascript - 获取任何键盘布局的键描述

对于丰富的Web应用程序,我需要键盘快捷键。因为有许多不同的键盘布局,所以它们必须是可配置的。不幸的是,我想不出一种方法将键盘事件映射到人类可读的快捷方式名称,例如Ctrl+Alt+Y或Alt+\.keypress事件是无用的,因为它不会针对所有按键触发。以下是keydown事件的一些属性:charCode:仅适用于可打印字符。已弃用,根据MDNcode:有效,但忽略了键盘布局。当我按Z键时,我的德语键盘上出现了code:"KeyY"。key:有效,但根据修饰符给出不同的结果。例如Shift+3在我的键盘上生成key:"§",在大多数美式键盘上生成key:"#"。keyCode:值不唯

javascript - 嵌套在 hbox 布局中的 ExtJS vbox 布局问题

我试图让布局看起来像这样:(来源:yfrog.com)为了使它正常工作,我获得了各种乐趣。我终于得到了几乎可以工作的东西,但这只是因为我放弃了ExtJS的3.2beta。还有最后一个问题。下面的代码将几乎正确地显示面板,但是,右侧面板不会拉伸(stretch)以填充容器的右半部分。如果我添加一个布局配置(在注释掉的代码中显示)并删除布局属性,那么我最终会得到所有三个面板垂直排列的结果,而不是两个hbox面板被拉伸(stretch)以填充空间和vbox面板高高在上。我真的很感激有人能看到下面的代码并指出我遗漏了什么,或者如果我遇到了ExtJS3.2b中的错误。谢谢斯蒂芬Ext.BLANK

javascript - D3.js力布局中LinkDistance和LinkStrength的关系

在D3.js的力导向布局中,LinkDistance和LinkStrength是如何相关的?我假设他们是,如果我错了请纠正我。我知道linkDistance定义了任何一对节点之间的长度,并且本质上用作力布局中的约束。但是linkStrength起什么作用呢?D3.js的API文档将其定义为“链接到[0,1]范围内指定值的强度(刚性)”,这里的“刚性”到底是什么意思? 最佳答案 您可以将链接距离视为预期距离,并将强度视为您希望在每次迭代中达到此目标距离的速度。如果您查看sourcecodeoftheforcedirectedlayou

javascript - 检查对象是否是类的 'direct instance'

我有两个类:classBarextendsFoo{//Fooisn'trelevantconstructor(value){if(!(valueinstanceofFoo))throw"InvalidArgumentException:(...)";super();this.value=value;}}classBazextendsBar{constructor(value){super(value);}}Barconstructor检查value是否是Foo的实例,如果不是则抛出错误。至少,那是我想要它做的。如果您将Bar或Baz作为值传递,则if语句也会返回true。目标是只让Fo