草庐IT

Web组件开发

全部标签

javascript - 如何将react js组件拆分成多个文件

我试图将每个组件分离到一个单独的文件中以获得更好的模块化。尽管我在索引页上包含了组件jsx文件,但我仍然收到UncaughtReferenceError:TopicsListisnotdefined代码如下:index.htmlReact.jsDemolayout.jsx"usestrict";varLayout=React.createClass({render:function(){return();}});ReactDOM.render(,document.getElementById('main-container'));topic-list.jsx"usestrict";va

javascript - 如何在 Vue.js 中保持可排序数组和组件的顺序

我正在使用Vue.js和Dragula制作一个拖放图block页面。每个图block都包含自己的一组数据,因此每个图block都是一个Vue组件。问题是,一旦我拖放其中一个图block,Vue实例中的DOM元素和数据数组就会失去同步并开始引起问题。只是拖放不会产生问题,但是一旦我拖放某些东西然后尝试删除它,一切都会出错。这是一个fiddle:https://jsfiddle.net/wfjawvnL/13/这是我的HTML,带有组件模板:{{$data|json}}{{name}}Index:{{index}}✗这是我的Vue实例:varvm=newVue({el:'#a

javascript - React-Router Link,如何从另一个组件触发链接上的点击事件

我正在尝试设置一系列React-Router以在特定组件内进行导航。我已对其进行设置,因此链接标签可以正常工作,但我正在尝试将它们设置为如下所示:样式设置如下:PaymentsBillsCharge当前系列的链接看起来像这样(没有样式):option1option2option3HTML(顶部)是用HTML编写的,而不是JSX,但这不是问题所在。我正在尝试将链接组件组合到上面的HTML中,以便选项将触发链接标签的功能。在React文档中我发现了这个:Forcommunicationbetweentwocomponentsthatdon'thaveaparent-childrelatio

javascript - 在 Web Worker 中将 SVG 转换为 PNG

我想在WebWorker中将SVG转换为PNG。我的问题是,DOM无法从Worker中访问,所以我无法将SVG绘制到Canvas或类似的东西上。 最佳答案 Weeell,您始终可以手动解析SVG并从中构建位图,但是(!)这显然需要更多工作,因为您必须构建SVG解析器和PNG编写器,更不用说光栅化了线条代码和双模式多边形填充,包括。抗锯齿、图案、矩阵、合成、混合和渐变支持。不过可能是一个不错的周末项目:)但更重要的是:您只能使用使用常规上下文(非网络worker)的内置工具或选择性地设置基于服务器的服务来执行此操作。

javascript - Web api - 使用 Gulp 任务动态设置端点地址

如我之前的问题所述:Asp.netwebAPI2separationOfWebclientandwebserverdevelopment为了完全分离客户端和服务器,我想设置一个变量来保存客户端请求的终点。当开发客户端时,请求将被发送到一个返回默认值的“stub服务器”,这样就可以在不依赖于服务器端开发的情况下开发客户端。该stub服务器运行在与真实服务器端口不同的一个端口上,并且在服务器和客户端之间运行集成时,在分支集成中,变量将保存真实服务器端口。就此而言,我了解到Gulp等构建工具可以帮助我。我正在使用Tfs源代码管理。例如,我想要的是编写一个功能如下的任务:gulp.task('

javascript - 将秘书 URL 参数广播到试剂组件的正确方法是什么

我正在re-framedefaulttemplate上构建一个应用程序.我有以下秘书路线:(defroute"/users/:id"[](re-frame/dispatch[:set-active-panel:user-panel])我想从我的试剂组件中的URL访问id参数。我发现实现它的唯一方法是将它设置为db。像这样的东西:(defroute"/users/:id"[id](re-frame/dispatch[:set-user-idid])(re-frame/dispatch[:set-active-panel:user-panel])这肯定会污染我的数据库,这种方法对我来说似乎

javascript - Google 自动完成器位置在 Angular 2 的子组件中不起作用

我正在为Googleplacesautocompletor使用googleplace指令.如链接所示,当我在AppComponent中使用此指令时它会起作用,但当我在子组件中使用它时它不起作用。app.routes.tsimport{provideRouter,RouterConfig}from'@angular/router';import{BaseComponent}from'./components/base/base.component';import{DashboardComponent}from'./components/dashboard/dashboard.compon

javascript - 如何在 React 中实现搜索栏按钮和结果组件

我已经看到了其他类似的答案,但由于我是初学者,所以我尝试实现它们,但我很困惑,以至于对我没有任何帮助。这是问题所在:我有一个搜索栏(搜索栏组件),它应该有一个提交按钮。单击该按钮时,搜索结果应该出现在查看器组件中。我不知道如何从查看器中的搜索栏连接事件。如何告诉一个组件另一个组件发生了变化?我希望两个sibling能够传达这一点importReactfrom'react';varSearchbar=React.createClass({getInitialState:function(){return{};},handleSubmit:function(e){e.preventDefa

javascript - 使用 asp.net C# Javascript 使用 Finerprint 登录到 Asp.net Web 应用程序

我想使用指纹登录到我的asp.netweb应用程序。这意味着我不想使用任何登录ID和密码。我只想用我的指纹登录。我有一个3mcogent设备,设备工作正常,但我不知道如何将设备与我的软件集成。我正在使用ActiveX。我的Javascript代码是:$(document).ready(function(){$('#scan').click(function(){$('#dicscan').addClass('scanning');setTimeout(function(){$('#dicscan').removeClass('scanning');},20*1000);});});fu

javascript - Prop 在组件中被标记为 required,但其值为 `undefined`

单.js:importReact,{Component}from'react';importDetailsfrom'../components/details'import{ProgressBar}from'react-materialize';import{Route,Link}from'react-router-dom';constTest=()=>(RENDERPAGE1)classSinglePageextendsComponent{constructor(props){super(props);this.state={data:null,}}componentDidMount