草庐IT

web_apps

全部标签

javascript - 将 TypeScript 添加到现有的 create-react-app 应用程序

我在将TypeScript添加到已存在create-react-app应用程序时遇到困难。以前我总是在开始项目之前添加它,只需通过create-react-appmy-app--scripts-version=react-scripts-ts即可,但现在不起作用。我找到的唯一“解决方案”here是:使用react-scripts-ts创建一个临时项目复制tsconfig.json,tsconfig.test.json,tslint.json从临时项目src文件夹到项目的src文件夹。在package.json中,将脚本部分中对react-scripts的所有引用更改为react-scr

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 - 编写 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

javascript - Vue/Vuetify - 未知的自定义元素 : <v-app> - did you register the component correctly?

我是Vue和Vuetify的新手。我刚刚创建了快速应用程序来检查它们。但我一开始就遇到了问题。尽管遵循了文档中概述的所有步骤,vue仍无法识别vuetify组件。错误如下-vue.runtime.esm.js?ff9b:587[Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe"name"option.foundin--->atsrc\App.vue您可以在沙箱https://codesandbox.io/s/40rq