jjzjj

custom-component

全部标签

javascript - Chrome扩展程序: How to show custom UI for a PDF file?

我正在尝试编写用于显示PDF文件的GoogleChrome扩展程序。一旦我检测到浏览器正在重定向到指向PDF文件的URL,我希望它停止加载默认的PDF查看器,而是开始显示我的UI。UI将使用PDF.JS呈现PDF,并使用jQuery-ui显示其他内容。问题:我该怎么做?阻止原始的PDF查看器非常重要,因为我不想通过显示两个文档实例来使内存消耗增加一倍。因此,我应该以某种方式将选项卡导航到我自己的View。 最佳答案 作为PDF.jsChromeextension的主要作者,我可以分享一些有关为Chrome构建PDFViewer扩展程

javascript - 是否可以将 var styles = StyleSheet.create 从 React.component 分离到不同的脚本中?

是否可以在ReactNative中将varstyles=StyleSheet.create从React.component分离到不同的脚本中? 最佳答案 这是可能的。只需使用此模式创建一个js文件:'usestrict';varReact=require('react-native');varmyStyles=React.StyleSheet.create({style1:{},style2:{})}module.exports=myStyles;然后在您的组件js中使用require来使用该样式表,例如假设你的样式js文件被命名为

javascript - React Styled Components - 如何访问原始 html

我有一个组件的引用,我正在将其转换为styledcomponent在我的应用程序中。ref用于访问组件的原始html元素上的offsetHeight和scrollHeight属性。将此组件切换为样式化组件后,ref现在指向样式化组件而不是原始html元素,我不确定如何引用基本元素。这能做到吗?例子:constTextArea=styled.textarea`display:block;margin:00018%;padding:4px6px;width:64%;font-size:1rem;color:#111;`;exportdefaultclassInputextendsCompo

javascript - 谷歌地图 : How to add shadow to custom marker?

我正在使用GoogleMapsJavaScriptAPIv3中的动画(弹跳)新功能。http://code.google.com/apis/maps/documentation/javascript/overlays.html#MarkerAnimations在上面链接代码的示例中,默认map标记图标在反弹期间在map上显示了一个阴影。我正在使用PNG格式的自定义map标记图标。问题:如何为我的自定义map标记图标创建一个在执行动画(弹跳)效果时也会显示的阴影?更新这是一个使用默认map标记图标的示例。http://code.google.com/apis/maps/documenta

javascript - Google Custom Search Engine 是如何解决 XSS 的?

我一直在考虑构建一个服务,该服务将使用与GoogleCSE所使用的方法类似的方法-https://developers.google.com/custom-search/docs/js/rendering我无法理解Google如何绕过XSS。是因为他们托管了他们能够写入DIV的JS文件吗?他们使用CORSheader吗?如果您有使用此模式的经验,请分享您的意见。 最佳答案 它结合了同源请求和jsonp。它通过请求www.googleapis.com/customsearch/v1element和www.google.com/uds标

javascript - react + Apollo : GraphQL errors array not passed into component

根据这些Apollodocs,设置all的error-policy应该使GraphQL响应的errors数组可用于我的Apollo包装的React组件“所以[my]UI可以使用它们。”我的应用程序是通用的,所以我使用此策略很重要,这样错误就不会阻止应用程序完全呈现。问题是,即使我的浏览器开发工具在服务器响应中显示了errors数组,我也无法在我的React组件的props中访问它。同样,props.data.error始终未定义。这是为什么?//ComponentimportReactfrom'react';import{graphql}from'react-apollo';impor

javascript - JSF 自定义组件失去对 ajax 更新的输入关注

我正在编写一个自动完成的自定义组件作为使用JSF的学习练习2.1.3.这个想法(可能很熟悉)是输入一些文本到并输入组件并显示具有匹配值的列表框。这个想法是在调用jsf.ajax.request()的输入上有一个keyupjavascript事件更新组件。到目前为止,我已经有了一个可以包含的组件这个:这会像这样呈现html:FirstSecondcom.myco.ajaxRequest()javascript函数(keyup)执行此操作:jsf.ajax.request(comp,null,{execute:'myauto',render:'myauto'});所以因为我想用建议重建和重

javascript - Angular : ng-if and ng-repeat not working after custom transclusion

我正在尝试在angularJS中对指令进行自定义嵌入,因为我需要将两个单独的元素嵌入到两个单独的位置。问题是,虽然一些指令在嵌入的内容上继续工作,例如ng-bind其他指令,例如ng-if或ng-repeat不要这样做,即使在使用正确的范围重新编译被嵌入的元素之后也是如此。示例:http://jsbin.com/menakapoma/1/edit?html,js,output正如您在示例中看到的那样,ng-bind有效,但ng-if无效,即使它们都在同一范围内并访问相同的值.ng-if的true或false状态都不起作用。我相信这是因为ng-if指令被嵌入为注释,但是即使我将嵌入指令的

javascript - 如何解决 Component should be written as a pure function error in eslint-react?

constHeader=React.createClass({contextTypes:{router:React.PropTypes.object.isRequired,},render(){return(AB);},});我使用eslint-config-airbnb检查上面的代码,它向我显示一条错误消息,例如Componentshouldbewrittenasapurefunction。那么如何将上面的组件改成纯函数呢?感谢您的帮助。 最佳答案 当你有一个“哑”组件(没有内部状态、生命周期方法等)时,你可以将它写成一个简单的j

javascript - 为什么 <Route component={Menu}/> 而不是 <Menu/>?

我的/About中有一个包含路线的子菜单。这个子菜单称为AboutMenu并出现在/About下的所有页面,例如=>/About/Company和/About/Info。练习示例显示与activeStyle={match.isExact&&selectedStyle}>我刚用过并添加了exact改为我的AboutMenu链接。为什么要使用而不是仅仅渲染?exportconstAboutMenu=(props)=>{return(CompanyHistoryVision)}关于部分constAbout=(props)=>{return({/*OR?*/})}exportdefaultAb