草庐IT

es客户端

全部标签

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 - 如何衡量客户端计算机上 JavaScript 繁重网页的性能?

如何衡量我的jQuery(或JS)繁重网页是否拖拽/影响客户端计算机(和触摸设备)的CPU性能?我不是在询问加载时间/等,因为它们取决于JS文件的数量。我问的是客户端资源消耗和相关的稳定性问题(如果有的话)。具体来说:我在wordpress模板中嵌入了一个jQuery旋转函数来永久动画图像,以及几个其他基于jquery的动画对象。 最佳答案 您可以使用GoogleChrome等网络浏览器附带的webkit分析器(配置文件、审核选项卡)。页面速度和速度跟踪器等扩展也非常棒。您可以了解整个浏览器进程,例如它在UI线程中花费了多少时间、执

javascript - 将依赖项注入(inject) ES2015 模块

是否可以像C#或Java等其他编程语言一样将依赖项注入(inject)ES2015模块?如果我导入一个模块,我就会对它产生硬依赖,并且以后在运行时无法更改它。例如,我有以下JavaScript代码:importAnimalfrom'./dog';classPerson{feedAnimal(){newAnimal().feed();}}我正在导入狗模块。但是如果我想把它变成一只猫呢?目前我必须手动修改第1行,但在某些情况下我希望它可以从外部进行配置,以便在某些情况下应该有一只猫,而在其他一些情况下它应该是一只猫。经典依赖注入(inject)可以完成的所有事情。我知道有一些DI框架,比如

javascript - 在 es6 中使用 webpack 的分块

我正在构建一个开始变得相当大的网络应用程序(用es6编写的React应用程序)。结果,我发现我的JS文件在移动设备上的下载时间长得令人无法接受。我正在尝试将大型JS应用程序分块为按需加载的block。我正在使用webpack,并阅读了这篇文章:https://webpack.github.io/docs/code-splitting.html通过本文,我将我的代码拆分为app.js和vendor.js,其中vendor.js包含所有第三方模块/插件。我想更进一步,将app.js文件分解成几个入口点,然后根据需要下载block。上面的文章描述了如何使用CommonJS或AMD来做到这一点

javascript - ES6 在循环之前或循环中声明变量

我应该在哪里以及如何声明在循环中使用的新变量?答:constmap=newMap(Object.entries(columns));letcols;for(let[key,value]ofmap){cols=value.split('|');//...}乙:constmap=newMap(Object.entries(columns));for(let[key,value]ofmap){letcols=value.split('|');//...}C:constmap=newMap(Object.entries(columns));varcols;for(let[key,value]o

javascript - 使用 OAuth 2.0 和客户端 ID 从 Google chrome 扩展获取辅助 ID 的授权 token

我对开发chrome扩展相当陌生,更具体地说,对于chrome扩展中的用户身份验证部分。我正在关注UserIdentityGoogleDeveloper文档中的示例。该示例运行良好。我能够为chrome应用程序生成客户端ID,在我的例子中为GmailAPI添加API的范围。最后通过在manifest.json中添加identitypermission来获取AuthToken,如下所示"oauth2":{"client_id":"MYCLIENTID","scopes":["https://www.googleapis.com/auth/gmail.readonly","https://

javascript - 使用 create react app,并具有 ES6 依赖项

我写了一个使用ES6语法的npm包blokus。我使用create-react-app启动了一个项目web-blokus,它依赖于blokus。我可以毫无错误地运行npmstart,并在我的浏览器中查看我的web-blokus应用程序,它具有使用blokus的所有功能包。问题是我在运行npmbuild时遇到UglifyJS错误。static/js/main.8afd34e2.jsfromUglifyJsSyntaxError:Nameexpected[./~/blokus/blokus/blokus.js:3,0]似乎有一个已知的情况,UglifyJS不支持ES6依赖项(一些相关的问题

javascript - 使用 Webpack 和 Babel 的 ES6 动态导入

我一直在为我的ES6JS项目使用Webpack,并且在我开始使用动态导入之前一直运行良好。我的工作(router.js):import{navigo}from"Navigo";//routerimport{clients}from"Controllers/clients.js";constnavigo=newNavigo();navigo_router.on({'/clients':()=>{clients.init();}});但是我添加的页面/路由越多,模块头部堆积的导入就越多。这是一个相对较大的应用程序,我有很多页面/路由要添加,因此我需要动态加载它们以减少初始页面加载的大小。所

javascript - 为什么 for() 函数比 ES6 map() 和 some() 更快地查找重复项?

这个问题在这里已经有了答案:WhymostJavaScriptnativefunctionsareslowerthantheirnaiveimplementations?(1个回答)关闭4年前。我想使用map()和some()对我正在使用的函数进行基准测试,以确定对象数组中是否存在重复属性另一个函数做同样的事情,但在另一个for()中使用for()。letarray=[{"value":41},{"value":12},{"value":32}];letitens=array.map(x=>x.value);lethaveDuplicate=itens.some((item,idx)=

javascript - 服务器端处理与客户端处理+ ajax?

寻找一些一般性建议和/或想法...我正在创建我认为更像是一个Web应用程序而不是网页的东西,因为我希望它像一个Gmail应用程序,您可以让页面整天保持打开状态,同时将更新“推送”到页面(对于感兴趣的人,我正在使用cometd编程技术)。我以前从未创建过包含如此丰富的ajax和javascript的网页(我现在是jquery的super粉丝)。正因为如此,当我一次又一次地实现一个新功能时,需要在服务器需要知道的UI中进行动态更改,我面临着同样的问题:1)我是否应该使用javascript在客户端上完成所有处理并尽可能少地通过ajax回发要么2)我应该通过ajax向服务器发送请求,让服务器