草庐IT

component-services

全部标签

javascript - 如何更新 PWA 中的 Service Worker 缓存?

我将ServiceWorker与sw-toolbox结合使用图书馆。我的PWA缓存了除API查询(图像、css、js、html)之外的所有内容。但是,如果某天某些文件将被更改怎么办。或者如果service-worker.js将被更改怎么办。应用程序应如何了解文件中的更改?我的service-worker.js:'usestrict';importScripts('./build/sw-toolbox.js');self.toolbox.options.cache={name:'ionic-cache'};//pre-cacheourkeyassetsself.toolbox.preca

javascript - @types/styled-components 重复标识符 FormData

如果我在我的项目中添加@types/styled-components,我将在构建输出中出现一堆错误:ERRORin/Users/me/projects/react/node_modules/@types/react-native/globals.d.ts(36,15):TS2300:Duplicateidentifier'FormData'.ERRORin/Users/me/projects/react/node_modules/@types/react-native/globals.d.ts(81,5):TS2717:Subsequentpropertydeclarationsmu

javascript - 如何防止同一个 Service Worker 在多个页面上注册?

我有一个serviceworker脚本,它在多个站点级别重复注册。换句话说,同一个服务人员注册了www.site.ca/、www.site.ca/text-text、www.site.ca/example-example等。该站点基于php构建,根据内容生成不同的url,类似于API。serviceworker注册在这些页面上的原因是因为大多数站点流量都落在这些页面上而不是主页上。结果是同一个serviceworker在不同的页面上注册了不同的id。有没有人有办法防止在多个子级别上多次注册同一脚本?编辑:ServiceWorker的目的是设置通知,即使用户不在网站上也是如此。此外,我遇

javascript - Firefox 异常 'JavaScript component does not have a method named: "可用"'

我正在使用Django构建网络应用程序。我通过Ajax(jQueryv1.8.3)在Javascript中调用了一堆API。它们中的大多数都有效,但有一个特定的结果会返回一个状态为0的对象,并将此消息作为状态文本:[异常...“'JavaScript组件没有名为:'available''调用方法时:[nsIInputStream::available]”nsresult:“0x80570030(NS_ERROR_XPC_JSOBJECT_HAS_NO_FUNCTION_NAMED)”location:“JSframe::http://127.0.0.1:8000/media/js/jq

javascript - 错误 : attempted to update component that has already been unmounted (or failed to mount)

我是React的新手,由于这个错误,我无法呈现我的应用程序。由于尝试在卸载时设置状态,我试图呈现为元素的数据似乎不会呈现?我不确定我是怎么得到这个错误的,因为我正在componentDidMount中设置Data的状态。我该如何解决这个问题?error:attemptedtoupdatecomponentthathasalreadybeenunmounted(orfailedtomount)classProfileextendsReact.PureComponent{staticpropTypes={navigation:PropTypes.object,handleLogout:Pr

javascript - Vuex:跳过 Action 并直接从 Component 提交 Mutation

在vue.js应用程序中,使用vuex作为状态管理存储,我需要简单地更改vuex中的属性值。为此,我可以采用两种方法:调度action方法,该方法将进一步提交mutation,最终将更改状态。第二种方法是直接从组件提交mutation,然后mutation方法将更改状态。目前,我正在使用这样的第一种方法:在组件中:this.$store.dispatch('updateNotice','这是一些通知')在行动中:updateNotice({state,getters,commit},payload){提交('UPDATE_NOTICE',有效载荷)}在突变中:UPDATE_NOTICE

javascript - 是否可以像所有针对普通 HTTP 请求的示例一样在 Service Worker 中拦截和缓存 WebSocket 消息?

我知道您可以从ServiceWorker本身内部创建WebSocket连接;我的问题更多的是,您是否可以像往常一样从您的应用程序使用WebSocket,并让ServiceWorker拦截/缓存WebSocket请求,就像它对普通HTTP获取请求所做的那样?这是一个拦截和缓存来自ServiceWorker的普通HTTP请求的示例。self.addEventListener('fetch',function(event){//Ifamatchisn'tfoundinthecache,theresponse//willlooklikeaconnectionerrorevent.respond

javascript - react .js : the most efficient way to pass a parameter to an event handler without bind() in a component

当事件处理程序使用this时(像下面的handleClick一样使用this.setState),你必须将事件处理程序与this关键词。否则,您需要使用thearrowfunction.例如//Thisfunctionisn'tboundwhilstusing"this"keywordinsideofit.//Still,itworksbecauseitusesanarrowfunctionhandleClick=()=>{this.setState({isClicked:true});}render(){return(Click);}但是,使用上述方法,您不能传递参数。您需要使用..

javascript - 在自动完成选择时解析谷歌地图中的 address_components

我有以下代码来解析country选择“自动完成”列表时:$('#spot_address').autocomplete({//Thisbitusesthegeocodertofetchaddressvaluessource:function(request,response){geocoder.geocode({'address':request.term},function(results,status){//Getaddress_componentsfor(vari=0;i但是,上面的代码不起作用,在解析国家时,无论如何只解析自动完成的第一个结果,这对数组results[0]有意义

javascript - Service Worker 不更新

我在我的网站上安装了一个serviceworker,一切正常,除了我推送更新到缓存文件时,事实上;他们永远被捕获,我似乎无法使缓存无效,除非我取消订阅`chrome://serviceworker-internals/constSTATIC_CACHE_NAME='static-cache-v1';constAPP_CACHE_NAME='app-cache-#VERSION';constCACHE_APP=['/','/app/app.js']constCACHE_STATIC=['https://fonts.googleapis.com/css?family=Roboto:400,