草庐IT

offline-web-app

全部标签

javascript - 离线优先 Web 应用程序中的缓存无效化

我们目前正在使用Webpack和HtmlWebpackPlugin来为我们的网页生成javascript版本。newHtmlPlugin({template:'www/index-template.html',//sourcepath-relativetoprojectrootfilename:'index.html',//outputpath-relativetooutpathabovehash:true,cache:true//onlyemitnewbundleifchanged}),这会导致将哈希添加到捆绑的javascript文件的查询字符串中。当使用任何标准的桌面或移动浏览器

javascript - Webpack:将 Web 组件预呈现为 HTML 片段?

tl;dr:我可以创建一个完全呈现的HTML片段以包含到服务器端(Twig)模板中吗?基本上,我需要转换Webpackentrypoints到呈现的HTML中。链接的CSS和JS文件是可以的,如果它们不是基本功能所必需的。理想情况下,这将支持Vue.js组件,并与VueCLI集成。因此,我有一个PHP代码库,其中包含大量呈现在服务器端的Twig模板。我正在逐渐用Vue.js替换和添加功能;目前这意味着通过Webpack入口点导出谨慎的静态JS模块。这在大多数情况下效果很好。现在我想重新创建网站的标题。通常,客户端在加载我的静态模块之一时会显示一个简短的闪光;这对于header来说是No

javascript - 生成 xsl :fo 的任何 javascript(基于 Web)所见即所得编辑器

我很难在OSS或基于商业网络(javascript)的WYSIWYG*编辑器上找到生成XSL:FO的编辑器。我希望编辑能够做...用户会看到通用的文本编辑器界面,这与我目前正在输入以将此问题提交给SO的编辑器没什么不同。用户能够定义XSL:FO提供的所有结构组件(新页面、新区域)。编辑器可以做的任何“简化”(例如处理一些放置图形所需的隐式XSL:FO格式等)都会有所帮助能够创建内联区域,例如列表和表格,添加图形等能够在XSL:FO规范的范围内设计样式(*)既然是所见即所得的编辑器,就一定要有预览正在创建的文档的能力。由于XSL:FO需要一个XLS:FO处理器来翻译成文档(RTF、PDF

javascript - 在 Chrome App Webview 中加载本地文件

在Chrome打包应用中,您可以使用它在应用内加载外部页面。有没有办法让他们加载本地文件(打包应用程序中的html文件)?我不能使用iframe,因为iframe不支持外部资源(脚本、图像等)。 最佳答案 没有任何代码可显示,但试试这个:假设您可以读取本地文件(必须使用chrome.fileSystem.chooseEntry或在文件或其包含目录中保留条目)并获取FileEntry对象,然后你可以创建一个FileReader来获取文件作为数据URL。然后您可以直接在webView中使用该数据URL。(除了访问FileEntry所需的

javascript - 如何为 'ws' Web-Socket 模块创建自定义事件?

是否可以为NodeJS中的“ws”websocket模块创建自定义事件发射器和监听器(就像socket.io中的那样)。如果是这样,我该如何实现?//这是我想要实现的(反之亦然)://listeningonserverWebSocket.on('connection',function(ws){ws.on('myCustomEvent',function(data){//dosomethingwiththedata});});//emittingfromclientsocket.emit('myCustomEvent',data); 最佳答案

javascript - 如何在 Web Worker 中使用 WebAssembly (wasm) 代码?

目前,WebWorker是这样实例化的:letworker=newWorker('worker.js');然后浏览器获取worker.js并开始响应消息。我想使用WebAssembly实现我的worker的功能。理想情况下,我想做这样的事情:letworker=newWorker('worker.wasm');但我很确定那是不可能的。最明显的替代方法是让worker.js获取worker.wasm并编译和运行它。但这意味着我们获取一个脚本(worker.js),它的唯一工作是获取并运行另一个脚本(worker.wasm)。这让我觉得很恶心。所以我的问题是:是否有一种在WebWorker

javascript - (仍未解决)授权 Web App 访问客户端和服务器端的用户 Google Calendar? (使用 Firebase 和 Google API)

我有一个Firebase网络应用,并希望任何用户可以登录并授权我的网络应用在客户端访问他的谷歌日历(读/写)strong>和Server端(在用户在线和离线时管理日历)。在客户端。在googledevelopersconsole上创建APIkey和OAuth2.0客户端ID(Web应用程序)后,我已经实现了这段代码:首先,通过FirebaseAuthentication登录Googlefirebase.initializeApp({apiKey:'MY_WEB_APP_API_KEY'})varprovider=newfirebase.auth.GoogleAuthProvider()

javascript - DOMContentLoaded 与 Web 组件有什么关系?

只有在DOM准备就绪后才开始操作它是一个古老的常识,我们可以确定所有元素都可用,在后jQuery时代我们都在使用DOMContentLoaded为此举办的事件。现在Web组件(尤其是自治自定义元素的形式)倾向于创建自己的HTML,通常在connectedCallback()生命周期方法中。第一个问题:DOMContentLoaded与(自主)自定义元素有何关系?只有在所有组件connectedCallbacks完成后事件才会发生吗?如果不是,我如何确保某些代码仅在Web组件完成初始化后执行?第二个问题,完全相关:Web组件如何与script元素的defer属性相关?

javascript 拦截来自 web worker + 文件 url 的 http 获取

我想拦截我应用程序中所有部分和库的获取,同时我不想破坏通过文件URL使用应用程序的可能性-它对Electron和移动设备很有用(通过WebView)。目前,我发现了两种可能的方法:类似于hereconstrealFetch=window.fetch;window.fetch=function(){//dosomethingreturnrealFetch.apply(this,arguments)}类似于here,服务worker注册:主要.js:if('serviceWorker'innavigator){window.addEventListener('load',function(

javascript - ZeroMQ 在 Web 应用程序中的使用 : how frontend interacts with backend

我听说过一些关于ZeroMQ的事实,我认为它非常强大。但现在我试着想象它如何应用于Web应用程序。您能举例说明在Web应用程序中使用ZeroMQ吗?所以,第一个让我印象深刻的是-简单的聊天应用程序。所以,我们需要前端和后端。我更喜欢使用python+Tornado作为后端。有用于使用ZeroMQ的python库。很明显。所以,接下来是前端。在前端,我将使用一些javascript与后端进行交互。那么,为此我应该使用ajax调用,对吗?还有其他方法吗?TIA! 最佳答案 最简单的方法是将WebSockets映射到ZeroMQ套接字,这