草庐IT

layout-page

全部标签

javascript - 在鼠标悬停时显示 d3.layout.force 链接工具提示

如何在鼠标悬停在D3有向图布局中的链接上实现工具提示?我正在改编D3force示例,因此使用如下代码设置节点工具提示非常简单:node.append("title").text(function(n){returnn.id;});对链接尝试类似的技术并没有导致鼠标悬停在工具提示上:varlink=svg.selectAll("line.link").data(json.links).enter().append("line").attr("class","link").style("stroke-width",function(d){return4;});link.append("ti

javascript - Chrome 扩展 : Storing variables for a tab even if page changes

我正在构建一个Chrome扩展程序。我想知道即使页面发生变化,是否有一种方法可以记住选项卡的js变量。例如。如果我在example1.com上并在同一个选项卡上转到example2.com,我应该保留在example1.com上设置的变量。我不想使用Chrome存储空间。我不能使用localStorage或sessionStorage,因为chrome对不同的域有不同的存储。这可以通过哪些方式实现? 最佳答案 除了使用localStorage(通过后台页面)之外,您还可以通过从内容脚本向后台页面发送消息,将这些变量直接保存在后台页面

javascript - 在版本 4 中动态添加节点到 D3 Force Layout

我正在尝试实现一个简单的力布局,其中可以动态添加和删除节点(没有链接)。我成功地在D3版本3中实现了这个概念,但我无法将其转换为版本4。添加和更新节点后,模拟卡住并且传入的圆圈绘制在svg的左上角。有人知道为什么会这样吗?感谢您的帮助:)我的概念是基于这个解决方案:AddingnewnodestoForce-directedlayoutJSFiddle:workingcodeind3v3/*Defineclass*/classPlanet{constructor(selector){this.w=$(selector).innerWidth();this.h=$(selector).i

javascript - 一般情况下 : JS Only Vs Page-Based Web Apps

与开发网站相比,在开发网络应用程序时,有什么理由使用多个HTML页面,而不是使用一个html页面并通过Javascript完成所有事情?我希望这取决于应用程序——也许——但希望对这个主题有任何想法。提前致谢。编辑:根据这里的回复和我自己的一些研究,如果你想做一个单页的、完全由JS驱动的网站,一些有用的工具似乎包括:JQuery插件:JQuery历史:http://balupton.com/projects/jquery-historyJQuery地址:http://plugins.jquery.com/project/jquery-addressJQuery分页:http://plug

javascript - Marionette Layout 切换策略

我有以下情况:app.js:SingletonMarionette.Application()我在其中定义导航、页脚和主要区域。在初始化程序中,我构建了Marionette.Contoller's并将它们附加到应用程序的this.controller对象以供以后控制。我可能不会在这里构建所有的Controller,只构建我想要预先加载的Controller。有些是后来的延迟加载。我还在这里实例化了一个Backbone.Router,并传入了对我的应用程序对象的引用:vartheApp=newTP.Application();theApp.addRegions({navRegion:"#

微信小程序开发(八):page-container弹窗与share-element动画

page-container页面容器,可以在当前页面中弹出一个半屏的弹窗、或者在页面内加载一个全屏的子页面。当page-container组件显示时,用户进行返回操作时会关闭page-container容器,而不会关闭当前页面。每个页面最多只能显示一个page-container,如果在一个页面代码中定义了多个page-container,只有文档流中的第一个page-container能正常显示。属性show:是否显示page-container组件duration:动画时长z-index:默认100,显示在其他元素的上层overlay:是否显示遮罩层position:page-contai

javascript - Bootstrap : Multiple pages (divs) and navbar

我想使用这个流行的模板:http://getbootstrap.com/examples/navbar/我不想链接到about.htm或contact.htm,此内容应该在模板内(多页/div)。这一定是这个样子:home...about...contact...但是如何从导航标签“链接”到div?这行不通:HomeAboutContact非常感谢! 最佳答案 您需要使用JavaScript和JQuery来执行此操作。有多种方法可以实现这一目标。选项1创建一个index.html,指定一个并将其留空。然后用jQuery加载home.

javascript - 什么触发 "Internet Explorer has modified this page to help prevent cross-site scripting."?

我正在尝试针对InternetExplorer中缺少的CORS功能实现解决方法。对于GET请求我使用JSONP,这里没问题。对于小型POST/DELETE/PUT请求,我还通过GET隧道化请求来使用JSONP,但这不适用于较大的请求(因为GETURL的长度是有限的)。因此,对于大数据,我尝试通过iframe实现表单POST。由于同源策略,我无法读取此POST的响应,因此我在发布数据后通过JSONPGET请求获取响应。效果很好,但有时我会在IE9中收到奇怪的警告:InternetExplorerhasmodifiedthispagetohelppreventcross-sitescrip

javascript - Angular Material : layout-fill not filling parent <div>

SampleTextHereSignUp我有上面的HTML部分,我正在尝试使用AngularMaterial的flexbox支持来创建一个页面,该页面的背景图像是整页。叠加在该图像上的是一些文本和一个位于图像中心的按钮。如果我检查chrome中最外层的div,它的大小(如预期的那样)是全屏。由于某种原因,图像div不执行此操作。它只占用足够的空间来包含文本和按钮。任何关于为什么会发生这种情况的见解将不胜感激。我知道这可以通过多种不同的方式使用各种css技巧来完成,但我想了解我对flex的工作原理缺少什么。更新链接到JSFiddle 最佳答案

javascript - 在 GitHub Pages 构建期间缩小 JavaScript?

我通过GitHubPages建立了一个基于Jekyll-Bootstrap的静态网站。我的小网站包含大量JavaScript,为了可维护性,我希望GitHub存储库中的所有JavaScript都保持人类可读。但对于我网站的最终用户,我更愿意缩小JavaScript。是否有某种方法可以在GitHubPages构建过程中构建一个Hook以缩小/丑化JavaScript,以便最终用户可以下载较小的文件? 最佳答案 除了safemode中的Jekyll之外,GitHub页面构建服务不能运行任何其他代码。和smallnumberofinclu