草庐IT

Web组件

全部标签

javascript - Webpack:将 Web 组件预呈现为 HTML 片段?

tl;dr:我可以创建一个完全呈现的HTML片段以包含到服务器端(Twig)模板中吗?基本上,我需要转换Webpackentrypoints到呈现的HTML中。链接的CSS和JS文件是可以的,如果它们不是基本功能所必需的。理想情况下,这将支持Vue.js组件,并与VueCLI集成。因此,我有一个PHP代码库,其中包含大量呈现在服务器端的Twig模板。我正在逐渐用Vue.js替换和添加功能;目前这意味着通过Webpack入口点导出谨慎的静态JS模块。这在大多数情况下效果很好。现在我想重新创建网站的标题。通常,客户端在加载我的静态模块之一时会显示一个简短的闪光;这对于header来说是No

javascript - 生成 xsl :fo 的任何 javascript(基于 Web)所见即所得编辑器

我很难在OSS或基于商业网络(javascript)的WYSIWYG*编辑器上找到生成XSL:FO的编辑器。我希望编辑能够做...用户会看到通用的文本编辑器界面,这与我目前正在输入以将此问题提交给SO的编辑器没什么不同。用户能够定义XSL:FO提供的所有结构组件(新页面、新区域)。编辑器可以做的任何“简化”(例如处理一些放置图形所需的隐式XSL:FO格式等)都会有所帮助能够创建内联区域,例如列表和表格,添加图形等能够在XSL:FO规范的范围内设计样式(*)既然是所见即所得的编辑器,就一定要有预览正在创建的文档的能力。由于XSL:FO需要一个XLS:FO处理器来翻译成文档(RTF、PDF

javascript - 使用 Vue.js 访问子组件中的 api 数据

我正在开发一个大型应用程序,在处理来self的API的数据并将其传递到我的子组件时遇到了很多麻烦。情况。我从父组件调用我的API,并通过prop将数据传递到我的子组件。子组件可以很好地显示数据,但我无法在子组件的就绪函数中访问数据。看看:https://jsfiddle.net/kmrfkynf/3/正如您在控制台中看到的那样,在子组件就绪函数中显示数据会给我一个空对象...ready:function(){console.log('itemsfromchildcomponent',this.items);}...但是子组件在我的重复中很好地渲染了对象。所以问题是子组件在父组件的API

javascript - 访问要在 React Native Text 组件中显示的对象数组

我无法访问我的JSON数据中的对象数组以显示在ReactNativeText组件中。JSON数据{"name":"PizzaJoint","when":[{"day":["Sat","Sun"],"start_time":"11:00","end_time":"23:00"}]}代码{venue.name}{venue.when[0].start_time}这会引发错误Undefinedisnotanobject(evaluating'venue.when')我不明白,因为console.log(typeofvenue.when)返回object。如何在此处访问when对象属性?附加说

javascript - React Redux,在获取数据并将其映射到组件后重新渲染?

您好,我在获取数据并作为this.props.data传递给子组件时遇到问题并在数据更改时重新渲染。它只在第一次提交表单和获取数据时起作用,但不会再次起作用。自render()以来,新数据不可用。函数调用{this.renderMap(this.props.data)}之前{this.renderData()},它获取并返回并映射数据。我尝试切换它们,但看起来render()函数在调用{this.renderMap(this.props.data)}之前没有等到数据被获取.我是否应该以不同的方式将数据传递给GoogleMap组件,以允许它在呈现之前重新加载新数据?我的渲染数据();工作

javascript - 表示 react-redux 连接组件的 UML 图

请UML专家帮助布置javascript特定图表。注意:react、FluxArchitecture、reactwithredux需要经验。我需要有关如何表示React应用程序(容器和子组件)的结构和行为的设计决策方面的帮助。使用Sparx企业架构师的目标是拥有标准的UML设计,以便整个团队(其中许多人对技术不是很熟悉)可以理解发生了什么,而且UI开发人员可以使用它进行开发。在我们决定了我们需要的UML类(ReactComponents)、Containers、表示Views以及我们仍在努力的行为之后与:貌似每个主要容器都需要用两张图来完整表示,一张结构图,一张行为图?如果设计遵循约定

javascript - 如何为 'ws' Web-Socket 模块创建自定义事件?

是否可以为NodeJS中的“ws”websocket模块创建自定义事件发射器和监听器(就像socket.io中的那样)。如果是这样,我该如何实现?//这是我想要实现的(反之亦然)://listeningonserverWebSocket.on('connection',function(ws){ws.on('myCustomEvent',function(data){//dosomethingwiththedata});});//emittingfromclientsocket.emit('myCustomEvent',data); 最佳答案

javascript - auth 组件作为 React 中的中间件

如何确保只有登录用户才能访问主页和任务页面?我正在使用redux并且我尽量避免使用任何预制的auth组件以更好地了解auth。constApp=props=>()我使用的是angular并且在路由中有中间件概念,但在react中我迷路了。我认为auth与redux的商店无关?当用户在应用程序中导航时,我是否需要调用以从api获取用户详细信息? 最佳答案 为了在我们的应用程序中解决这个问题,我们使用了一个高阶组件并包装了我们的根应用程序路由使用它。我们的路线结构有点不同,但对于任何需要“保护”的路线,您可以使用相同的概念。高阶组件只是

javascript - 如何在 Web Worker 中使用 WebAssembly (wasm) 代码?

目前,WebWorker是这样实例化的:letworker=newWorker('worker.js');然后浏览器获取worker.js并开始响应消息。我想使用WebAssembly实现我的worker的功能。理想情况下,我想做这样的事情:letworker=newWorker('worker.wasm');但我很确定那是不可能的。最明显的替代方法是让worker.js获取worker.wasm并编译和运行它。但这意味着我们获取一个脚本(worker.js),它的唯一工作是获取并运行另一个脚本(worker.wasm)。这让我觉得很恶心。所以我的问题是:是否有一种在WebWorker

javascript - (仍未解决)授权 Web App 访问客户端和服务器端的用户 Google Calendar? (使用 Firebase 和 Google API)

我有一个Firebase网络应用,并希望任何用户可以登录并授权我的网络应用在客户端访问他的谷歌日历(读/写)strong>和Server端(在用户在线和离线时管理日历)。在客户端。在googledevelopersconsole上创建APIkey和OAuth2.0客户端ID(Web应用程序)后,我已经实现了这段代码:首先,通过FirebaseAuthentication登录Googlefirebase.initializeApp({apiKey:'MY_WEB_APP_API_KEY'})varprovider=newfirebase.auth.GoogleAuthProvider()