草庐IT

渐进式

全部标签

javascript - 如何使用 angularjs 对 HTML 列表进行渐进式增强?

假设我有一个可访问的网站,该网站将在禁用JS的情况下进行咨询。我有一个新闻列表,我可以这样总结:News1News2News3每次重新加载页面时,您都会添加最新的新闻,如果您获得超过10条新闻,则旧的新闻将被丢弃。现在,如果我使用AngulardJS,我必须将数据放入一个模型和一个ng-repeat,并摆脱我的静态HTML。该列表将动态填充,因此使用JS的人将看到几乎实时更新的列表。我需要的是让两者协同工作。我需要静态列表,如果JS被激活,我希望将当前元素插入到模型中并由angularjs管理。现在我目前的做法是:当我的模型初始化时,分离列表DOM,手动提取数据,并删除所有子列表在列表

javascript - node.js - 我无法重现来自服务器的渐进式响应

嗯,我是node.js的新手。开始尝试,我正在关注RyanDahl(http://www.youtube.com/watch?v=jo_B4LTHi3I)的介绍此时(大约0:17:00)有关于服务器如何处理响应的解释,基本示例是从网络服务器输出“hello”,然后在2秒后输出“world”,这段代码应该做到这一点//Requirethewebserverlibraryvarhttp=require('http');varserver=http.createServer(function(req,res){res.writeHead(200,{'content-type':'text-p

Javascript 视频 blob 和渐进式下载

尝试将我的视频流Web应用程序从使用经典切换带有指向blob的URL,以避免在页面上使用简单的Ctrl+s进行完整下载。似乎必须使用XMLHttpRequest才能从远程视频文件创建blob。问题是XMLHttpRequest下载整个文件,这不适用于渐进式下载。以下代码是从远程文件加载blob的最简单示例。varr=newXMLHttpRequest();r.onload=function(){//Triggeredonlywhenallvideoisdownloadedvideo.prop("src",URL.createObjectURL(r.response));};r.open

javascript - 是否有可能检测用于 Web 开发中渐进增强的处理能力?

有时我需要添加超出CSS3范围的动画效果,例如与滚动位置耦合的效果等。通常,这工作得很好,但最近我遇到了一个棘手的问题。我正在尝试制作动画用户使用-webkit-filter:blur()向下滚动页面时出现的模糊效果。这很容易用一些JavaScript实现,但我发现动画模糊确实给用户的处理器带来了压力。动画在我全新的上运行正常速度极快的mac-book,但无法在旧机器(甚至是我的浏览器)上流畅运行GoogleChrome以外的计算机)。实现细节并不重要,但我发现这个问题回避了问题:CanItransparentlydetect(roughlyperhaps)theclientsproc

javascript - 渐进式 konami 代码

我正在尝试为网站创建一个.js文件,在输入konami代码后,向上、向上、向下、向下、向左、向右、向左、向右、B、A、开始(输入)它将嵌入一个视频.然而,当输入正确的键时,网页应该显示类似“继续”的内容,如果输入错误的键,它应该显示“错误,再试一次”,并允许他们重新开始。我已经设法让JavaScript在输入正确的代码时显示警告,输入错误的代码时显示不同的代码。我已经使用在线资源获得了这么多代码,但没有人解释如何出错,重试部分if(window.addEventListener){varkeys=[],konami="38,38,40,40,37,39,37,39,66,65,13";

javascript - 渐进增强是当前的问题吗?

我听到过一些为渐进增强辩护的说法。Javascript已关闭或不可用。根据W3School'sJavascriptstatistics,95%的人在2008年1月(2.5年前)启用了Javascript。基于这些统计数据,趋势似乎是支持Javascript的浏览器正在增加。AJAX的大量采用可能促使用户更快地启用。从业务Angular来看,支持纯文本或可访问性没有多大意义,因为它们可能只占不到移动浏览器不工作。我会创建网站的移动版本,因为屏幕尺寸有限,而且移动设备上的浏览体验完全不同。有人可能会争辩说为屏幕阅读器/移动设备使用不同的CSS,但是无论你让它看起来多么整洁,你都无法在移动设

javascript - Three.js 中的渐进式加载/LOD/流式网格

我正在使用STL加载器将STL文件加载到three.js场景中。这些STL文件的范围从5mb到50mb。有没有一种方法可以让我在模型加载时逐步加载/流式传输/增加细节级别(不确定正确的术语),这样我的用户就不会在出现任何内容之前盯着空白屏幕几分钟?如果模型有20,000个三Angular形,three.js是否有一种方法可以先加载2,000个,然后再发展到完全详细的模型? 最佳答案 真正的渐进式加载/网格流并不是开箱即用的。不过这会很棒并且可行。它是在没有three.js的情况下使用POP缓冲区的WebGL完成的:http://x3

javascript - 如何关闭渐进式网络应用程序

在移动设备上安装了pwa后,如何像关闭native应用一样关闭应用,而无需用户多次点击后退按钮。我知道在网页上window.close是个坏主意,但这是移动设备上的pwa。在Cordova中您将使用navigator.app.exitApp,这当然在pwa上不可用。 最佳答案 这是我今天创建的解决方案。当您点击后退按钮时,会出现一个对话框,要求您再次点击后退按钮以实际关闭应用程序,或取消以返回页面。整个过程对历史进行了一些操作,并且可以在Chrome上运行。可以调整一些东西,使其适用于更多的浏览器。在历史应该如何详细工作方面,浏览器

javascript - 渐进式网络应用程序 OCR SDK (JavaScript)

我们开发了一个使用OCR技术的网络应用程序。我们使用付费的API服务,效果很好。我们的后端/服务器使用基于Ruby/Rails的API,我们的前端/客户端使用VUE.js。现在OCR技术是服务器端的,但我们也想进军离线/PWA(渐进式网络应用程序)市场,目前正在开发我们应用程序的离线版本。由于我们应用程序的OCR部分必须在客户端运行,我们会将OCR技术也转移到客户端,这意味着我们必须使用某种PWA兼容的OCR技术,例如一个JavaScriptSDK我可能已经搜索了整个互联网,但似乎没有真正的解决方案。这一切都归结为两个主要vendor:tesseract/可能是最大的OCR项目(开源)

c# - 如何在 C# 中渐进加载 XML?

我需要处理从ResponseStream加载的进程渐进式异步回调XML。回复有:........架构,我需要有能力处理在他们完成之前。是否有使用标准.NET解析它的常规方法? 最佳答案 System.Xml.XmlTextReader“表示提供对XML数据的快速、非缓存、仅向前访问的阅读器。”http://msdn.microsoft.com/en-us/library/system.xml.xmltextreader.aspx编辑:这是一个快速的hack,但它确实表明读者实际上是懒惰的。publicclassXmlTextRead