草庐IT

按钮组件

全部标签

javascript - 用于网站的所有社交分享按钮 javascript?

关闭。这个问题是off-topic.它目前不接受答案。想改善这个问题吗?Updatethequestion所以它是on-topic对于堆栈溢出。9年前关闭。Improvethisquestion现在几乎我们所有人都使用社交媒体,是的,我(开发人员)很难将每个社交按钮共享合并为一个。facebooktwittergooglepluslinkedin其他任何东西都是额外的我找到了一些很好的例子,比如https://github.com/dbushell/Socialite但是有没有我没见过的替代方案?供读者引用http://www.quora.com/For-my-website-shou

javascript - Angular 重定向到其他而不检测 View 但是当我点击后退按钮时它有效

更新下面的答案或评论都没有帮助,我希望有人能给我正确的答案。当我将这个url放在我的浏览器下方时-它会带我查看水果并且完美运行,http://localhost:53052/AppTest.aspx#/fruits但是当我转到我的主视图并单击按钮并尝试导航到'fruits'View时,它会将我重定向到http://localhost:53052/AppTest.aspx#/routeNotFound但是当我点击浏览器的后退按钮时,它会返回到水果View,然后如果我再次点击它就会返回到主页View。所以这是在TreeView中发生的事情,-->点击Homeview按钮(应该导航到frui

javascript - 我可以使用 Angular2 Universal 仅在客户端中运行组件方法吗?

我正在写一个angular2universal应用程序。它有一个d3图表,但我希望只在客户端(浏览器)呈现d3图表,而不是尝试在服务器上呈现它。angular2universal中是否有一个接口(interface)只能在客户端运行一个组件方法?即classComponentWithChartimplementsOnInit,ngUniversalBrowser{elem;constructor(privateviewContainerRef:ViewContainerRef){}ngUniversalBrowserOnInit(){this.elem=this.viewContain

javascript - 使用 Chrome 扩展中的 jQuery/Plain Javascript 修改 React 组件的状态

我正在构建一个小型Chrome扩展程序供我个人使用。在Facebook的广告管理器(使用React)中,我想将textarea字段的值更改为由我的chrome扩展程序生成的值。我试过像这样用老式的方式做document.querySelector('textarea').value=myValue;这会改变屏幕上的值,但在chrome的检查元素中,该值不会改变,当我关注输入元素时,值会重置。这是React组件的图片:这是这个react组件Prop和状态的图片:在上面的组件中,我想将state.displayValue更改为我的值。如何实现? 最佳答案

javascript - Shopify 切换购物车按钮位置

我目前正在使用ShopifyBuyButton.在大多数情况下,我只是复制并粘贴了嵌入代码,并没有做太多改动。如果您一直向下滚动到"toggle":{,您会注意到我将iframe和sticky设置为假。问题将产品添加到购物车后,正文中会出现一个用于切换购物车的按钮。.shopify-buy-frame.shopify-buy-frame--切换它通常显示为屏幕右中Angular的固定div但由于我的sticky选项设置为false,它被放置在屏幕的底部正文。我希望能够分配这个切换按钮最终所在的父容器。理想情况下,我想把它放在我的标题中的某个地方,而不是让它在我的页面正文底部生成。例如:

javascript - React、Apollo 2、GraphQL、身份验证。如何在登录后重新渲染组件

我有这个代码:https://codesandbox.io/s/507w9qxrrl我不明白:1)如何在以下之后重新渲染()Menu组件:this.props.client.query({query:CURRENT_USER_QUERY,fetchPolicy:"network-only"});如果我login()我希望我的Menu组件重新渲染()本身。但是什么也没有。只有当我点击Home链接时,它才会重新渲染()本身。我怀疑是因为我正在使用它来渲染它:在react-routerprops中拥抱它。有错吗?另外,如果在login()之后检查Menu的this.props,我会永远看到l

javascript - 将单文件 .vue 组件转换为 JavaScript?

是否有一个工具可以采用这样的.vue模板:Hello,{{thing}}exportdefault{data(){return{thing:'World'};}}div{background:red;}并将其转换为.js文件,如下所示:exportdefault{template:`Hello{{thing}}`,data(){return{thing:'World'}}}(不确定它对CSS有什么魔力,但它会做一些事情。)我正在尝试使用native浏览器模块,效果很好,但我想使用.vue文件语法,因为它提供了一些不错的东西。我想避免使用像Webpack或Browserify这样的bun

javascript - 响应调用子组件中的函数

我试图调用存储在父组件子组件中的函数。但不确定是否要这样做。我知道如果是从child到parent,我可以简单地使用组件Prop,但不确定如何从parent到child。从下面的示例中可以看出,父类中的按钮需要触发子类中的显示功能。varParent=React.createClass({render(){}})varChild=React.createClass({getInitialState(){return{display:true};},display:function(){this.setState({display:!this.state.display})},rende

javascript - 如何处理相同子组件中的 React Native animated.timing

父组件:routes.forEach((data,index)=>{content.push()})项目组件:scrollAnimate(toValue){const{offset}=this.props;Animated.timing(this.state.xTranslate,{toValue,duration:20000,easing:Easing.linear,useNativeDriver:true}).start((e)=>{if(e.finished){constnewState={xTranslate:newAnimated.Value(offset)}this.set

javascript - 如何知道哪个提交按钮触发了 onsubmit 事件

当表单中有多个提交按钮时,有没有一种方法可以知道哪个按钮触发了onsubmit事件,而无需向按钮本身添加代码?编辑:我需要在客户端进行检查,即使用JavaScript。 最佳答案 “提交”事件不是由按钮触发的,而是由“表单”触发的。一个快速测试证明了这一点:document.getElementById("myform").onsubmit=function(evt){varevent=evt||window.event;alert(event.target.id);//myformalert(event.explicitOrigi