草庐IT

Web组件开发

全部标签

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

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

javascript - 当所有数据准备好时加载组件

我正在使用React和Redux。在此示例中,我的类(class)包含ma​​pStateToProps和ma​​pDispatchToPropsclassEnigmaPageextendsComponent{constructor(props){super(props);}componentDidMount(){this.props.authCheckState();}readUserData(){this.props.loadLevel(this.props.userId);}render(){return()}}constmapDispatchToProps=dispatch=>

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

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

javascript - 可以使用 Ruby on Rails 开发 google chrome 扩展吗?

我不确定为什么它告诉我这个问题是主观的。我在整个互联网上都看过,找不到答案。我知道谷歌浏览器扩展的内容脚本通常是用javascript编写的。这和Ruby之间有什么联系?我知道Rails是Ruby的Web开发框架。我只是在学习所有这些东西。 最佳答案 RubyonRails是Ruby语言的服务器端代码框架。Chrome扩展是用纯Javascript编写的。两人永远不会见面。您可能想使用CoffeeScript,它是一种类似Ruby的语言,已转换为Javascript。(我从未尝试在其中编写Chrome扩展程序,但我认为它会正常工作)

javascript - Chrome 开发者工具控制台 - 日志堆叠,如何查看重新记录的内容 [内部屏幕截图]?

我刚刚开始使用Chrome开发者工具中的控制台(一般来说对Javascript来说还是个新手)。我注意到,当我连续两次记录同一个变量(在本例中是一个对象)时,日志会堆叠它并在它旁边放置一个小数字图标。我点击这个以为我将能够看到该对象两次(因为它已经更新了两次),但是没有任何反应。更多说明图片:如您所见,Object下拉列表旁边的蓝色圆圈中有一个小“2”。第一个日志在3处有Object.num,第二个在4处,但是我只能看到第二个。任何关于如何查看两个日志的答案都将不胜感激。:). 最佳答案 发生这种情况是因为您两次记录同一个对象。即使

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

javascript - jquery 只从开发工具控制台返回第一个输入元素

我有以下html:................我想选择所有的输入元素,但是当我输入时:$("input")在chromedevtools控制台中,我只得到第一个元素:我可以输入什么来获得输入元素的完整列表? 最佳答案 这不是一个愚蠢的问题。这实际上是Chrome开发者工具带来的困惑行为。这里发生的事情是您没有包含JQuery。GoogleChrome在Chrome开发者工具中提供了变量/函数$。它与jQuery不同。这是关于它的文档:https://developers.google.com/chrome-developer-t

javascript - Web 抓取具有动态 javascript 内容的网站

所以我使用python和beautifulsoup4(我没有绑定(bind))来抓取网站。问题是当我使用urlib获取页面的html时,它不是整个页面,因为其中一些是通过javascript生成的。有什么办法可以解决这个问题吗? 最佳答案 基本上有两个主要选项可以继续:使用浏览器开发工具,查看哪些ajax请求将加载页面并在脚本中模拟它们,您可能需要使用json将响应json字符串加载到python数据结构中的模块使用selenium等工具打开一个真正的浏览器。浏览器也可以是“headless”的,参见HeadlessSelenium

javascript - 在 dangerouslySetInnerHTML 中从 onclick 调用 React 组件函数

React新手在这里。我有一个contenteditablediv,它有dangerouslySetInnerHTML作为child,因为我需要在运行时格式化用户输入的任何内容。在HTML中的特定范围内单击时,我想setState包含组件的变量之一。这能做到吗?如果不是,我应该如何更改我的结构?代码如下:updateText:function(){vartxt=$('#text_Box').text();if(txt.indexOf('@Name')>-1){txt=txt.replace('@Name',':Name');}this.setState({userText:txt});