草庐IT

扩展组件

全部标签

javascript - 如何创建一个行为类似于表单元素的 Web 组件?

我正在尝试创建一个专门用于表单元素的Web组件,它具有一个name和一个value。我认识到我可以创建一个extendsHTMLInputElement的Web组件:但我正在尝试创建一个全新的元素。在创建常规Web组件时,您可以从常规HTMLElement(HTMLElement.prototype)的原型(prototype)创建它。这使我假设我可以使用HTMLInputElement(HTMLInputElement.prototype)的原型(prototype)创建不同的元素。您在扩展输入元素的API时实际上使用了该原型(prototype),那么为什么我不能使用该原型(pro

javascript - Angular2 rc5> 组件未加载

我最近从RC4迁移到Angular2RC5。从那以后我遇到了几个问题。我不确定这些问题是我的错误还是过渡性的。我的应用程序组件如下所示:import{Component,OnInit}from"@angular/core";import{SetLocationService}from"./auth/set-location.service";@Component({selector:"my-app",template:``})exportclassAppComponentimplementsOnInit{constructor(private_setLocationService:Se

javascript - D3.js 4 与 AngularJS 1.5(组件或指令?)

我想在AngularJS1.5x中使用D3.jsv4过去我使用.directives作为图表,但现在我想知道是否可以使用.components代替指令,这是否是一个好的做法。CheckthesamplecaseonPlunkr问题出现在组件中的d3.select(element[0]).append('svg')中。控制台抛出错误:元素未定义。所以我尝试了类似d3.select('chart-container').append('svg')但随后d3在拥有该类的第一个元素中注入(inject)所有图表(在所有文档中查找该类,而不仅仅是组件)。那么...有人可以帮我为可重用组件做一个正

javascript - 在页面加载时在 chrome 扩展中运行 js 脚本

我需要构建一个操作dom的chrome扩展我正在学习一些教程,现在我有这个manifest.json:{"manifest_version":2,"name":"Gettingstartedexample","description":"ThisextensionshowsaGoogleImagesearchresultforthecurrentpage","version":"1.0","browser_action":{"default_icon":"icon.png","default_popup":"popup.html"},"permissions":["activeTab"

javascript - 本地存储的 Chrome 扩展替代品?

我正在寻找一种可以跨网站持续存在的存储机制。我有需要存储的原始数据类型数字/字符串。localStorage对我不起作用,因为它属于同源策略。我需要我的数据在所有网站上都相同,但更多的是特定于选项卡并通过内容脚本访问。有人可以建议一种合适的机制来实现这一点吗?编辑:我目前正在实现第一个答案代码并且没有太多关注。我有以下...背景.html注意:tabStorage是这个函数中的一个类变量functionstore(){chrome.extension.onRequest.addListener(function(request,sender,sendResponse){if(reque

javascript - 如何为 chrome 扩展制作开/关按钮/图标?

我想让用户决定何时运行脚本,以便在打开浏览器时显示“关闭”图标并且不运行脚本;但是当用户单击它时,它会变为“打开”图标并执行用户脚本,直到用户单击关闭。我有两个png图标,每个都是32x32:on.png和off.png。我的两个问题:如何将默认图标设置为我的off.png?我在我的manifest.json中试过这个,但它没有设置图标,而是显示了一个拼图(我假设是默认的):..."browser_action":{"default_icon":{"32":"off.png"},"default_title":"icon"},"icons":{"32":"on.png","32":"o

javascript - 从组件触发路由 Action

我有一个组件,我想触发路由级别的操作,以便我可以转换到不同的路由。App=Ember.Application.create();App.Router.map(function(){});App.IndexRoute=Ember.Route.extend({actions:{complete:function(){//Thisneverhappens:(console.log('Triggeredcomplete!');}}});App.MyAreaComponent=Ember.Component.extend({actions:{clickMyButton:function(){co

javascript - Chrome 扩展弹出窗口中的 Firebase 身份验证

我正在尝试获取身份验证(电子邮件/密码)以在Chrome扩展程序中工作。如果我将我的身份验证代码放在后台脚本中,我似乎工作得很好。但是我似乎无法让它作为浏览器ActionScript工作。我使用以下代码作为扩展的基础:https://github.com/firebase/firebase-chrome-extension我将browser_action.js更改为:Firebase.enableLogging(true);varf=newFirebase('https://myapp.firebaseio.com/');f.authWithPassword({email:"a@b.c

javascript - 具有大型数据集的组件仅在 IE11/Edge 上运行缓慢

考虑下面的代码。想象一下rows.length在此示例中,每个数组大约有8列,将达到2000或更多的任何值。我使用此代码的更扩展版本来呈现表格的一部分,这一直是我的Web应用程序的瓶颈。varGridBody=React.createClass({render:function(){return{this.props.Rows.map((row,rowKey)=>{returnthis.renderRow(row,rowKey);})};},renderRow:function(row,rowKey){return{row.map((col,colKey)=>{returnthis.r

javascript - 自行销毁组件 - angular2

我的组件(main-cmp)包含来自数据库的行。对于行,我为例如创建另一个组件。行-cmpmain-cmp从数据库中请求数据,并解析为在row-cmp中,我声明了delete()函数,它向我的后端调用http请求。现在,当来自请求的响应为真时,我想销毁所选行的row-cmp。这可能吗? 最佳答案 这是不支持的。我建议添加一个事件发射器@Output()delete:EventEmitter=newEventEmitter();然后添加一个事件处理程序,从数据数组中删除该项目 关于java