草庐IT

扩展组件

全部标签

javascript - 如何重新加载当前的 Angular 2 组件

如何在Angular2中重新加载相同的组件?下面是我的代码:import{Component,OnInit,ElementRef,Renderer}from'@angular/core';import{Router,ActivatedRoute,Params}from'@angular/router';import{productModel}from'../_models/index';import{categoryListService}from'../_services/index';@Component({selector:'app-product',templateUrl:'p

javascript - 如何在 Chrome 扩展程序中使用历史 API 获取浏览历史记录

如何使用chrome.historyAPI获取最近访问过的标签页的URL,特别是最近访问的10个URL? 最佳答案 将空字符串作为查询传递给search()methodofthechrome.historyAPI.例如,这会将10个最近访问的URL记录到控制台:chrome.history.search({text:'',maxResults:10},function(data){data.forEach(function(page){console.log(page.url);});});

javascript - 列的 react 表组件onClick事件

我正在使用“react表”组件https://react-table.js.org我想为一列添加点击事件(稍后我将打开一个显示基于此事件的信息的模式)。 最佳答案 您像示例一样将getTrProps添加到ReactTable:constonRowClick=(state,rowInfo,column,instance)=>{return{onClick:e=>{console.log('ATdElementwasclicked!')console.log('itproducedthisevent:',e)console.log('I

javascript - 如何将 chrome.alarms 用于 Google Chrome 扩展

list.json{"manifest_version":2,"name":"Appname","description":"Descriptiongoeshere","version":"1.0","background":{"scripts":["background.js"]},"permissions":["tabs","alarms"],"browser_action":{"default_icon":"icon.png","default_popup":"popup.html"}}我试图创建一个函数,使弹出窗口每分钟都“很棒”,如下所示:chrome.alarms.onAl

javascript - 如何在 react router dom v4 中获取组件中的参数?

我有这个代码:根上的过滤器参数或“”是否应该基于以前的React路由器版本在App组件的props上?这是我在我的应用程序上的代码:constApp=({params})=>{return(//destructureparamsonprops);}我在控制台上记录了this.props.match.params但它没有?帮助? 最佳答案 我假设您正在关注ReduxtutorialonEgghead.io,因为您的示例代码似乎使用了该视频系列中定义的内容。我在尝试集成ReactRouterv4时也卡在了这部分,但最终找到了一个与您所尝

javascript - 如何从 React 组件中的 React 函数获取值

我是Reacj.js的新手,无法从函数中获取值。我不确定我是否做对了。我需要函数表达式“func”来返回“fromfunc”并替换{this.func}。不知道我错过了什么。varHello=React.createClass({func:function(){return'fromfunc';},render:function(){returnProps:{this.props.name}Function:{this.func};}});React.render(,document.getElementById('container'));我在http://jsfiddle.net/

javascript - Chrome 操作系统,通过 Chrome 扩展程序快速判断是否有互联网连接?

我正在尝试编写一个扩展程序来缓存页面内容以供离线阅读。如果用户在离线时激活扩展的弹出窗口,我想显示缓存的内容。目前,我在想我可以发出一个ajax请求并等待它是否失败,但如果chromeAPI中有一部分可以让我更快地执行此操作,那将是理想的。我进行了一些谷歌搜索,但没有发现任何问题。 最佳答案 if(navigator.onLine){//Online}else{//Offline}它还支持事件监听器。https://developer.mozilla.org/en/Online_and_offline_events

javascript - 编写依赖父构建工具的 Vue 组件的正确方法

Iimaginethisproblemwouldapplytootherframeworksthathaveabitofaplugin/componentecosystemaboutthemthatrelyonspecificbuildtools(ReactcomponentswithJSX,etc).Vueisjustmyuse-case.我以单个.vue文件的形式编写了多个Vue组件,这些组件已发布到NPM。这些组件的package.json没有列出任何依赖项,因为它们本身旨在在使用webpack、vue-loader、sass-loader等的父项目中运行。Thisisanexa

javascript - Angular - 如何在组件级别实现异常处理

在Angular(Angular4、5)内部工作时,如果组件引发错误(TypeError或null或未定义错误等),整个应用程序将继续中断。我们如何处理这个问题,以捕获组件级别的错误并可能显示后备UI,就像React16使用ErrorBoundaries一样. 最佳答案 我会通过在组件级别处理错误来处理它,并提供一个服务来监听在组件或服务级别发生的任何错误。例如:从服务抛出错误捕获组件中的错误处理错误,处理错误并将包含详细信息的错误事件发送到ErrorService。您可以拥有一个应用级组件“errorBannerComponent

javascript - 如何将 Google Chrome 扩展移植到 Firefox?

我的一个扩展程序在GoogleChrome上很受欢迎,我想与Firefox用户分享。如何将javascript从使用chrome的API转换为Firefox可以处理的东西? 最佳答案 Extensionfactory会给你关于extension的问题,试试吧,但它不会在100%工作条件下转换它。 关于javascript-如何将GoogleChrome扩展移植到Firefox?,我们在StackOverflow上找到一个类似的问题: https://stack