草庐IT

$全局组件

全部标签

javascript - 如何获取分组 svg 元素的全局坐标?

假设我有以下document(fiddle):如果我不知道rect元素在一个组中,我如何获取它的全局坐标? 最佳答案 其实有点难找。搜索SVGElement的方法会导致页面显示SVGElement没有方法!它实际上有很多方法,但它们是继承的:http://www.w3.org/TR/SVG/types.html#InterfaceSVGLocatable根据您的需要,您可以使用getCTM或getScreenCTM的结果来转换SVGPoint,从而了解您的元素在哪里:root=document.getElementById('roo

javascript - ReactJS 中的子父组件通信

我喜欢在事件触发onDrag时将属性properties/props/state值从子组件发送到父组件。我找不到关于此的适当文档。这是我的代码:/***@jsxReact.DOM*/varAPP=React.createClass({getInitialState:function(){return{url:'http://www.youtube.com/embed/XGSy3_Czz8k'}},handleDrag:function(vidurl){alert(vidurl);//ineedtogetchildcomponenturlhere.},render:function(){

javascript - 为什么 TypeScript 将 .default 添加到全局定义的导入中?

我有一个外部库thing.d.ts文件,里面有一个全局定义:declarevarthing:ThingStatic;exportdefaultthing;我在我的TypeScript中引用了npm模块:importthingfrom'thing';...thing.functionOnThing();当我转译TS(针对ES6)时,它看起来像这样:constthing_1=require("thing");...thing_1.default.functionOnThing();这会抛出一个错误:Cannotreadproperty'functionOnThing'ofundefined

javascript - ReactJS - React.Children.forEach - 我可以获得子组件名称吗?

我有一个包含许多子项的React(15.5.4)组件,其中一些是HTML元素,一些是其他React组件。我正在使用服务器渲染并且需要在服务器和客户端上有相同的行为。客户端将使用React的生产构建。我需要遍历子组件并确定特定类型的React组件。所以我的第一个想法是使用React.Children.forEach()进行迭代并查找组件名称。React.Children.forEach(this.props.children,child=>{console.log('name=',child.name)})似乎child.name和child.displayName不存在。现在,chil

javascript - React Router v4 - 切换组件时保持滚动位置

我有两个s使用react-router创建。/cards->纸牌游戏列表/cards/1->纸牌游戏#1的详细信息当用户点击“返回列表”时,我想将用户滚动到他在列表中的位置。我该怎么做? 最佳答案 工作示例在codesandboxReactRouterv4不提供开箱即用的滚动恢复支持,就目前而言,它们也不会。在ReactRouterV4-ScrollRestoration部分在他们的文档中,您可以阅读更多相关信息。因此,由每个开发人员编写逻辑来支持这一点,尽管我们确实有一些工具来实现这一点。element.scrollIntoVie

javascript - JS 恢复默认/全局函数

这是一个假设性的问题,它确实没有实际用途,但是......假设您要执行以下操作:document.open=null;如何将document.open恢复到其原始功能,这可能吗(没有用户创建的临时存储)?document.open是否以鲜为人知的名称存储在另一个位置?谢谢!:) 最佳答案 覆盖document.open直接在document对象上创建一个名为open的变量/函数。但是,原始函数不在对象本身上,而是在其原型(prototype)上-因此您确实可以恢复它。open函数来自HTMLDocument.prototype,因此

javascript - 我可以在不重新加载浏览器的情况下编辑 React 组件吗?

如果React提供DOM协调,是否可以在我编辑后动态重新加载组件的代码并重新呈现它?我正在寻找一种解决方案,它允许我编辑JSX文件、保存它并让组件在浏览器中自行更新,而无需重新加载页面、卸载它或丢失其状态。理想情况下,这应该可以在没有浏览器插件的情况下工作。 最佳答案 您可以使用react-hot-loader,顺路Webpack加载器,可以对项目中的React组件进行实时编辑。无需浏览器插件或IDEHook。它与Webpack结合HotModuleReplacement(HMR)与React。您可以在以下情况下使用它:您的Reac

javascript - 如何基于 widgetVar 在 Primefaces 组件中查找和/或覆盖 JavaScript?

根据这个问题:MultiplefileuploadwithextrainputText我可以使用widgetVar以这种方式覆盖PrimeFaces元素的JavaScript函数:PF('fileUpload').jq.fileupload({add:function(e,data){...}});现在,我尝试覆盖DataTable中的函数,但不明白我该如何引用它?此外,PF(')从chrome调试器控制台返回undefined,所以我无法调试它。我怀疑这是范围问题,但不知道如何解决。 最佳答案 你可以使用原型(prototype)

javascript - 为什么 'event' 在 Chrome 中全局可用但在 Firefox 中不可用?

在回答另一个问题时,出现了一个奇怪的错误,该错误与event对象在匿名函数中可用而不被传入有关。在Chrome中,下面的工作正常,但Firefox抛出一个错误。$(document).ready(function(){$("#uspsSideboxTrackingClose").click(function(){event.preventDefault();console.log(event);});});Chrome:火狐:ReferenceError:eventisnotdefined众所周知$("#uspsSideboxTrackingClose").click(function

javascript - React-router 不显示组件

我目前正在学习react-router,然后尝试在示例应用中实现它。这是我的代码:index.htmlSampleAPP/src/app.jsxvarReact=require('react');varReactDOM=require('react-dom');varRoutes=require('./routes');ReactDOM.render(Routes,document.getElementById('main'));/src/routes.jsxvarReact=require('react');varRouter=require('react-router').Rout