草庐IT

ionic-platform-web-client

全部标签

javascript - Web Worker 中的微任务

任务和微任务之间的区别很重要,因为IndexedDBtransactionscommitacrosstasks,butnotmicrotasks.当在Promises中包装IndexedDB代码时,这是有问题的,因为在Firefox(以及其他浏览器)中,promise解析不会发生在微任务中,因此您的事务将提交。这个问题的解决方案是使用使用微任务的第三方promise实现。lie是这些库之一,在幕后,它将微任务问题抽象到另一个名为immediate的库中,它使用MutationObserver生成微任务。大多数情况下效果很好。但是在WebWorker中,MutationObserver不

javascript - Web 推送通知 'UnauthorizedRegistration' 或 'Gone' 或 'Unauthorized' - 订阅到期

我为我的网站开发了推送通知服务。服务人员是:'usestrict';self.addEventListener('push',function(event){varmsg={};if(event.data){msg=event.data.json();}letnotificationTitle=msg.title;constnotificationOptions={body:msg.body,//bodydir:'rtl',//directionicon:msg.icon,//imagedata:{url:msg.url,//click},};event.waitUntil(Promi

javascript - 无需托管的 Firebase 云消息传递(Web/JavaScript)

在学习Firebase云消息传递的官方视频教程时,我无法在不托管应用程序的情况下获取消息传递token。这是我的app.js文件:/*globalfirebase*///InitializeFirebasevarconfig={apiKey:'AIzaSyBYfb9HAi_oE-PKqFNkRQcxAgLU-nm8sIE',authDomain:'web-quickstart-c0309.firebaseapp.com',databaseURL:'https://web-quickstart-c0309.firebaseio.com',projectId:'web-quickstart

javascript - Browserify 在大型 Web 项目中的最佳实践 - Gulp

事情是这样的我来自一个网页中包含多个js文件的世界。有些总是包含在页面中(您的库、菜单等...)和其他取决于当前页面(用于登录页面的js、用于订阅的js等。..).基本上假设我有每页1个不同的js文件加上库。现在我想用browserify开始一个新项目,我遇到了一个大问题:在我见过的所有示例中,总是一个入口点(如app.js)。在我的例子中,我将有n个入口点(每页1个)。所以我的问题是:每页有1个入口点是否违反良好做法?为什么?如果是,浏览具有大量页面特定JS的大型应用程序的最佳做法是什么?如果否,如何使用Gulp将其自动化。在我发现的每个例子中。您必须知道每个文件的名称并一个接一个地

javascript - 如何在首次启动时以 ionic 显示 App 说明

我是ionic框架的新手。我想像这样显示应用说明。我应该使用什么api/framework来实现这个。或者如果有人有代码示例,codepen可以帮助我学习这个。 最佳答案 如果您指的是“导览”或“介绍”功能,您可以尝试使用各种AngularJS插件之一:https://github.com/abhikmitra/ng-joyride/http://code.mendhak.com/angular-intro.js/example/index.htmlhttp://daftmonk.github.io/angular-tour/htt

javascript - 具有不同滑动高度的 ionic 滑动盒

我正在使用ion-slide-box,但问题是,我的ion-slide不在同一高度,所以它设置了所有ion-slide到高度一的大小。下面是一个例子ion-slide1高度30pxion-slide2高度100px因此,ion-slide-box高度将为100px,这会在slide1中形成一个空白区域(70px)。当用户使用该空白区域(70px)滑动时,slider不起作用。有什么方法/解决方法可以让slidebox适用于不同的幻灯片高度? 最佳答案 你可以使用这个:.slider-slides{display:flex;flex-

javascript - 编写 v1 嵌套 Web 组件

我是网络组件的新手。由于webcomponentsv1可用,我从那里开始。我已经阅读了网络上关于它们的各种帖子。我对正确地组合它们特别感兴趣。我已阅读有关槽的信息并让它们正常工作,尽管我的努力并未产生按我预期的方式工作的槽式Web组件。如果我像这样组成嵌套的web组件,嵌套/开槽的web组件中的DOM不会插入到父级的槽中:这是父网络组件HTML:由于每个web组件(父和子)都是独立编写的,所以我一直在创建它们:customElements.define('component-name',classextendsHTMLElement{constructor(){super();this

javascript - 使用 babel 转译基于类的 Web 组件

我有一个遵循最新webcomponentsv1classsyntax的简单网络组件,它在Chrome和Firefox/Edge(带有polyfill)中运行良好,但我希望它在IE11中运行,所以我需要转换该类。然而,通过babel运行它会产生不再适用于任何浏览器的代码。是否有任何方法可以使用类语法生成向后兼容的Web组件,或者是否有编写Web组件以获得最大兼容性的首选方法?示例代码-classTestElementextendsHTMLElement{connectedCallback(){this.innerHTML="Testing"}}customElements.define(

javascript - 使用Web Worker和D3.js异步生成图?

我目前正在解决一个问题,该问题要求我的Web应用程序生成一个代表大约50k到60k数据点的图表。它加载速度相当快(约6秒),但我想知道是否可以使用D3.js在WebWorker中生成图形,然后将SVG传回以加载到页面中。 最佳答案 WebWorker没有DOM访问权限,因此您在这方面所能做的就是构建可用于快速创建DOM的东西。例如,工作人员可以处理数据集并进行所有繁重的计算,然后将结果作为一组数组传回。 关于javascript-使用WebWorker和D3.js异步生成图?,我们在St

javascript - 如何限制 Kendo UI Web 上传只允许一次上传?

我目前正在使用KendoUI使用MVC3和Razor以及EntityFramework将文件上传到数据库。我让它在我网站的几个区域运行良好,除非我需要将它限制为只允许单个上传。我将multiple设置为false,我需要禁止多选,但仍然允许用户多次单击选择按钮来添加文件,这违反了数据库中此字段的要求。我尝试了一些我认为在他们网站上找到的建议,但他们指的是当前请求中发送的当前选定项目,而不是整个上传列表(见下图)。functionsingleFile(e){varfiles=e.files;if(e.files.length>1){alert('Onlyonefilemaybeuploa