草庐IT

网络应用

全部标签

javascript - HTML5 音频未在本地主机的 React 应用程序中播放

我正在使用React.js和HTML5网络音频javascriptAPI制作一个mp3播放器。我刚刚学习React两周,所以我只是习惯了结构和设置(使用组件等),但是我有几年的JavaScript经验。我在浏览器中使用React时让mp3播放器正常工作。IE。我有一个index.html文件,我包含了React脚本,如下所示:现在我想习惯使用命令行和本地主机构建React应用程序,因此我开始重写代码以在该环境中使用。我首先按如下方式创建骨架应用程序:create-react-appmy-appcdmy-app/npmstart然后我添加了我自己的组件等。该应用程序在localhost:

javascript - 在同构 React 应用程序中渲染 HTML 字符串

存在非SPA场景,使用经过净化但随机的HTML字符串作为输入:.........该字符串源自WYSIWYG编辑器,包含嵌套的常规HTML标记和有限数量的应呈现给小部件的自定义元素(组件)。目前像这样的HTML片段应该在服务器端(Express)单独呈现,但最终也会作为同构应用程序的一部分在客户端呈现。我打算使用React(或类似React的框架)来实现组件,因为它可能适合这种情况-它是同构的并且可以很好地呈现部分。问题是像这样的子串应该变成JSX/TSX组件在某些时候,我不确定什么是正确的方法,但我希望它是一个常见的任务。如何在React中解决这个问题? 最

javascript - 水平翻转 .​​getUserMedia 的网络摄像头图像流

所以我一直在搞乱这个页面:https://tutorialzine.github.io/pwa-photobooth/基本上它的作用是激活您的网络摄像头并让您直接从流中拍摄快照,我为我的网络借用了它,但视频流被翻转了,我想镜像视频流以便感觉更好。注意:我是一个js新手,所以欢迎详细解释。这是代码,您可能必须使用Firefox而不是Chrome:$('.closecam').click(function(){$('.webcam__overlay').hide();}); $('.camera').click(function(){$('.webcam__overlay').show()

javascript - 如何从父组件将类应用到 Vue.js 功能组件?

假设我有一个功能组件:Somefunctionalcomponent现在我在一些带有类的父级中渲染这个组件:结果DOM没有将new-class应用于Functional子组件。现在据我了解,Vue-loader将Functional组件针对render函数context编译为explainedhere.这意味着类不会被直接应用和智能合并。问题是-如何在使用模板时让函数式组件与外部应用的类很好地配合?注意:我知道可以通过渲染函数轻松实现:Vue.component("functional-comp",{functional:true,render(h,context){returnh("

javascript - 在 Progressive Web App 中使用系统应用程序打开文件

我正在尝试弄清楚是否可以使用默认系统应用程序从ProgressiveWebApp打开文件。这个想法是PWA将存储一些文件(例如.docx文件)以供离线使用,并且用户无需(重新)下载它们就可以打开它们。理想情况是PWA能够将文件加载到内存中,使其可供该文件类型的默认系统应用程序访问(例如.docx文件的Word),观察更改(即用户保存编辑),然后将其存储回PWA存储。即使是只读解决方案也很棒。由于隐含着严重的安全问题,并且从谷歌搜索中没有任何结果,我最好的选择是(还)不支持它。但是,我希望可能有一种我不知道的方法可以做到这一点,并且不需要用户下载文件的副本。

javascript - 如何使用谷歌浏览器调试 Vue 应用程序

我想摆脱一直使用console.log并更频繁地使用Chrome开发者调试工具。我觉得这很好Howtostopusingconsole.log()andstartusingyourbrowser’sdebugger关于一般调试(设置断点、逐行执行等)但是当我尝试在现实生活中使用它时——这意味着在我正在处理的vue(nuxt)应用程序中使用它——我无法让它工作。我的所有文件都组合成更复杂的javascript文件,我无法对其进行调试。然后我找到了这个帖子:Debugging.vuecomponentinChrome我认为这会阐明这件事,但不幸的是我不知道该怎么做。我添加了这个:confi

javascript - 从 iPhone 网络应用程序检查在线状态

有没有一种方法可以通过网络应用程序检查iPhone是否在线。也就是说,在移动版Safari中,我可以检查设备的在线状态,看看我是否应该尝试AJAX调用。在Firefox/常规WebKit中,这将是:if(navigator.onLine){onlineCode()} 最佳答案 imgsrc="http://aonlinesite.com/a-really-little-image.png"onload="互联网!"onerror="没有网络!" 关于javascript-从iPhone网

javascript - iPhone Safari Web 应用程序 : Seeking overview of iPhone-specific features

我试图大致了解在编写Web应用程序(使用html/css/javascript,在Safari中运行)时我可以获得哪些原生iPhone功能。意思:我想知道我是否可以访问一般的“智能手机”,特别是iPhone/iTouch的特定功能(加速度计、地址簿、照片库、iPhone的唯一标识符、相机、指南针、可用的Wifi网络)等)。我想一定有一个概述,可能在Apple开发者网站上,但我很难找到它,因为它现在都是关于native应用程序的。 最佳答案 查看Apple开发者网站上的“针对Web应用程序的iPhone人机界面指南”。它没有明确说明,

javascript - 当 Javascript 被禁用时,AJAX 应用程序应该如何表现 - 常见做法?

我正在开发非常基本的Web应用程序,这主要是为了我可以在途中学习jQuery/ajax/php(并获得一些乐趣)。我想让用户尽可能地访问它,以便它应该在禁用Javascript的情况下工作,验证AAA等等。禁用JS当然会没有所有的花里胡哨,但仍然应该完成这项工作。我想好好利用Ajax,但我不太明白当JS关闭时我应该如何应对。假设JS已打开,用户提交表单,单击提交按钮并通过ajax,数据被提交到register.php(register.php在表单action属性中指定)。register.php返回数据,jQuery显示适当的消息。无需重新加载页面。现在,如果JS被禁用,将表单提交到

javascript - 获取应用于元素的 css 类的背景颜色

比如说,我有以下CSS类:.upComing{background:#ccc;font-weight:bold;}在我的HTML中,我有一个表,其中一些行应用了该类,如下所示:到目前为止一切顺利,但是通过JavaScript我有监听td点击的事件,我想获取行的颜色(我知道我可以获取行的类,但在这种情况下我需要能够从类中获取颜色)。我需要这样做,因为表格可以导出到excel文件,如果行颜色在CSS类上,则不会应用于excel文件,我想在之前将这种颜色应用于每个td将html发送到excel生成器。PS:该表是从我们创建的jQuery插件动态生成的,它仍在进行中,但当我们对它有足够的信心时