草庐IT

react-web

全部标签

javascript - 混合两个音频缓冲区,使用 web Audio Api 将一个放在另一个的背景上

我想通过将一首歌曲作为另一首歌曲的背景音乐来混合两个音频源。例如,我有输入:解码这些文件的脚本:window.AudioContext=window.AudioContext||window.webkitAudioContext;varcontext=newwindow.AudioContext();varsources=[];varfiles=[];varmixed={};functionhandleFilesSelect(event){if(event.target.files.lengthi+1){readFiles(i+1,callback);}else{if(callback

javascript - 有没有办法在 react-native 中流式传输视频?

react-native是否支持视频组件(官方的,就像不使用任何3rd方库一样)?我想从我的云中流式传输/播放视频,并寻找一种方法将其集成到我的react-native项目中。提前致谢,任何解决方案的线索都会有所帮助。 最佳答案 如果您使用Expo构建您的应用程序(即运行create-react-native-app命令),则Expo库包含一个videocomponent.这是一个代码示例:我想世博会在技术上是一个图书馆。据我所知,react-native没有内置视频库。您将需要使用一个包。

javascript - React Native - 如何从 ScrollView 获取 View 的 Y 偏移值?

我正在尝试获取View的滚动位置。但是Yoffsettopage的值与View的位置无关。ScrollView层次结构:-MyComponent1-MyComponent2-SubView1-SubView2-(AddedreftothisviewandpassingYoffsetvaluethroughprops)-MyComponent3SubView2组件:this.myComponent.measure((fx,fy,width,height,px,py)=>{console.log('Componentwidthis:'+width)console.log('Componen

javascript - React Native 边框半径渲染

当您在CSS中向边框添加边框半径时,边框将围绕边框半径逐渐减小宽度,如您在本例中所见:.example{width:100px;height:50px;background:#000;border-bottom:4pxsolidred;border-bottom-right-radius:20px;}我试图在ReactNative中做同样的事情,但是ReactNative似乎切断了最后一点:如您所见,它并没有沿着半径逐渐缩小边界。让边框像在网络引擎中那样逐渐变细的最佳方法是什么? 最佳答案 遇到了同样的问题,但找不到borderRa

javascript - 管理 Web 组件的依赖关系; JS、CSS/SASS 和模板文件

我正在寻找布局我们新的网络组件的结构,目前我不确定我是否找到了一个工具来完成我们理想中想要的所有事情,或者非常接近,但看起来它会成为当今想做的相当普遍的事情。我们有一个运行Java服务器端的Web应用程序,而客户端我们大量使用JavaScript并且SASS,除其他事项外。我们正在寻求重新构建我们的一些代码库,并对动态页面内容的某些方面进行组件化。例如,我们希望有一个标准的表格组件,它可以完全独立于完整的网络应用程序进行开发。我看到表格组件具有以下3个核心文件:table.jstable.scss(我们编译成CSS文件的SASS文件)table.tmpl(我们的模板文件最终编译成JS函

javascript - 在构造函数中 react 绑定(bind),如何将参数传递给 Prop

我正在尝试将我的React类转换为ES6,但在此过程中我遇到了一些困难。我希望将我的绑定(bind)放在构造函数中,而不是渲染View中。现在,如果我有一个带有setState的根模块,它需要一个参数,例如:constructor(){super();this.state={mood:""};this.updateMood(value)=this.updateMood.bind(this,value);}updateMood(value){this.setState({mood:value});}然后我将这个函数传递给一个组件:然后在customElement模块中,我有这样的东西:c

javascript - React Native - 将登录的 Firebase 用户重定向到 Home 组件

我的目标是在用户已经登录时将用户重定向到Home组件。只有在以下情况下,我才能让用户登录并将他们重定向到Home_logInUser()被调用。但是,一旦重定向到Home组件,如果我刷新模拟器,应用程序将返回到Login组件。我尝试使用componentWillMount()并设置letuser=firebaseApp.auth().currentUser来解决这个问题。但是,我什至将user记录到控制台,但似乎if检查直接进入了else语句。我将不胜感激任何见解!这是我的代码(我正在使用react-native-router-flux进行路由):index.ios.jsimportR

javascript - Web 应用程序未在 Firebase 项目控制台中注册

在我的项目控制台中,我收到这条消息。TherearecurrentlynoappsintheprojectFancyProject然后我收到将Firebase包含在我的应用程序的脚本标记中的说明。但是,我已经将它包含在我的React应用程序中,如下所示,并且我已经检查以确保它已注册。我也可以毫无问题地在我的应用程序中更新我的Firebase数据库。为什么它没有作为应用程序添加到我的项目控制台中?importFirebasefrom'firebase'exportconstconfig={apiKey:",authDomain:",databaseURL:"",storageBucket

javascript - "classic"和 "module"Web Worker 有什么区别?

我正在学习JavaScriptWebWorkerAPI,使用MozillaDeveloperNetwork(MDN)文档作为主要来源。Thedocumentationsuggests新Worker的构造函数接受type参数。根据同一文档,此type参数可以接受classic或module的值。不幸的是,文档没有描述classic和module之间的区别。我什么时候想使用classic与module以及两种“类型”的Worker之间有哪些行为差异? 最佳答案 module类型的用途与type="module"attributedoes

javascript - 如何通过React和鼠标事件传播实现可重用组件?

考虑以下典型的React文档结构:Component.jsxcontent这些组件的组成如下:OuterClickableArea.jsexportdefaultclassOuterClickableAreaextendsReact.Component{constructor(props){super(props)this.state={clicking:false}this.onMouseDown=this.onMouseDown.bind(this)this.onMouseUp=this.onMouseUp.bind(this)}onMouseDown(){if(!this.sta