草庐IT

Web应用

全部标签

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

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

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 - 任何人都可以建议从 web 的 javascript 触摸事件开始的地方吗?

我想学习如何制作可以同时支持触摸和鼠标事件的图片库和内容slider。从哪里开始了解触摸事件比较好?我似乎找不到任何官方文档。是否有通过jQuery支持的有用的触摸库来规范化API? 最佳答案 有一个关于触摸事件的很好的Apple文档(但不仅限于此):listofsupportedeventsonSafariWebContentGuide:HandlingEvents您还可以在支持触控的设备上访问此页面(我创建的JS脚本)并查看正在触发的事件:http://jsfiddle.net/wzD8A/embedded/result/我相信

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

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

javascript - 使用 Web Audio API 使用 OscillatorNodes 演奏和弦

我想使用OscillatorNodes演奏和弦:varac=new(window.AudioContext||window.webkitAudioContext);//C4,E4,G4varfreqs=[261.63,329.63,392.00];for(vari=0;i但这种方法听起来一团糟(here'swhatitsoundslike)。如果我尝试为和弦中的每个音符创建新的AudioContext,那么它听起来不错(likethis)://C4,E4,G4varfreqs=[261.63,329.63,392.00];for(vari=0;i但我读到你应该只有一个AudioCont