草庐IT

Web组件

全部标签

javascript - 最佳基于 Web 的 SVG 所见即所得

我有一个需要绘图程序的站点。我的用户需要能够绘制平面图并向这些图像添加文本。我想知道是否有人遇到过不错的SVG所见即所得编辑器。否则我将不得不使用我不喜欢的Flash或Java应用程序。 最佳答案 我唯一知道的是svg-edit.它远不如CKEditor、TinyMCE或FCKEditor等编辑器在其应用领域中强大或成熟,实现起来也不会那么简单,因为它更像是一个脚本,就像一个组件,最后我不知道定制它是多么容易。但我非常怀疑是否有类似的东西更舒适。你可以试试here或here(顺便提一下,它不能在InternetExplorer中运行

javascript - 使用 RESTful Web 服务身份验证的 AngularJS

我正在尝试构建一个需要用户登录的AngularJS应用程序。当他们第一次访问该应用程序时,他们将被重定向到登录页面(http://domain.my:3000/login)。当用户输入他的用户名和密码时,将调用网络服务(http://domain.my:4788/WebServices/user/login?username=XXX&password=YYYY),它返回包含用户ID、名称等的JSON数据,这些数据需要存储在某个地方(cookies/localstorage?)。我该怎么做呢?我是否需要创建一个服务器(可能在nodejs上)来处理对Web服务的请求,或者一个angular

javascript - 将参数传递给 Knockout 中的子组件

我有一个模板:AddItem还有一些具有一定逻辑的组件:functionItem(title){this.title=title}ko.components.register('item-list',{viewModel:function(params){this.items=ko.observableArray(params.items)this.newItem=ko.observable('')this.addItem=function(){this.items.push(newItem(this.newItem()))}this.removeItem=function(a){th

javascript - 在 Web 浏览器上实时接收 Kafka 事件

我们使用Kafka集群实时发送/接收消息。我们能够成功地向Kafka主题发布消息。现在我们希望在使用JavaScript的Web浏览器上运行的单页应用程序(SPA)上实时接收这些消息。是否可以直接从Kafka将消息推送到在任何著名浏览器上运行的最新版本的SPA?我找到了使用NodeJS实时接收消息的示例,但没有找到在Web浏览器上运行JavaScript的示例。 最佳答案 Kafka有Javascript客户端,但鉴于您的用例描述,我建议您在浏览器端javascript和Kafka之间使用REST或WebSocket代理。这将确保消

javascript - 在 React 组件中使用常规 JavaScript 库

我很好奇在React环境中使用常规JavaScript库(不是作为React组件编写)的最佳方式是什么。例如,假设有一个JavaScript库可以将一个简单的小部件嵌入到我的网页中。说明如下:在header中包含加载标签。将代码段嵌入到您想要的任何位置。在普通网页中,我会执行以下操作:Hellolookatmycoolwidgetlibrary如何在我有这样一个React组件的情况下实现相同的效果?classMainViewextendsComponent{render(){return(Iwanttoshowmykaraokewidgethere,buthow?);}}

javascript - 获取 'ngbCollapse' 因为它不是 'div' 的已知属性。将组件移入子模块后出错

错误compiler.js:215UncaughtError:Templateparseerrors:Can'tbindto'ngbCollapse'sinceitisn'taknownpropertyof'div'.("][ngbCollapse]="isHidden">我有一个NavbarComponent和一个FooterComponent,我想将它们移到SharedModule中,以保持根app.module更干净。app.moduleimport{AdminComponent}from'./admin/admin.component';//import{NavbarCompo

javascript - 在 JSF 复合组件中集成 JavaScript,干净的方式

在JSF中,将JavaScript集成到复合组件中的“正确”和“干净”方法是什么?我是UnobtrusiveJavaScript的粉丝,并将HTML与JS与CSS分开。什么是尽可能少的怪癖的好方法?到目前为止,这是我最喜欢的://...//...initSomething('#{cc.clientId}');我不喜欢的是,使用languageA生成languageB.事件处理程序和其他东西基本上也是如此。我最喜欢的是通过附加这些处理程序.这可能吗?您如何进行这种集成? 最佳答案 我会说,您所拥有的就是您所能获得的最好的,前提是您绝对

javascript - 什么时候在 React 组件中使用构造函数?

我总是编写React代码,尤其是在ES6类中。但我的问题是,我们什么时候在ReactComponents中使用constructor(props)?constructor(props)行是否与组件及其props的渲染有关? 最佳答案 已接受的答案不正确(可能只是误用了“渲染”一词)。正如我在我的评论中解释的那样React组件的构造函数在第一次安装或实例化组件时执行一次。它永远不会在后续渲染中再次调用。通常构造函数用于设置组件的内部状态,例如:constructor(){super()this.state={//internalsta

javascript - 是否可以在没有 web dyno 的情况下将 Node.js 应用程序部署到 Heroku?

对于一些背景故事和引用,这里引用了一些Heroku文档页面。来自HerokuNode.jsSupport>Activation:TheHerokuNode.jsbuildpackisemployedwhentheapplicationhasapackage.jsonfileintherootdirectory.来自HerokuNode.jsSupport>Defaultwebprocesstype:First,HerokulooksforaProcfilespecifyingyourprocesstypes.IfnoProcfileispresentintherootdirectory

javascript - IntelliJ Firefox Web 扩展开发

我正在学习如何使用FirefoxWebExtensionsAPI,并且正在使用IntelliJ。有没有办法获得API的代码完成/建议?我按照下面答案中的步骤操作,但似乎没有针对Firefox的完整步骤。https://stackoverflow.com/a/25466708/5941389 最佳答案 最近(2017年11月)在名称firefox-webext-browser下添加了FirefoxWebExtension类型stub。您链接的答案中的步骤现在有效(相关更改以粗体显示):FirsttimesetupOpentheSett