Questions tagged «javascript»

有关在ECMAScript(JavaScript / JS)及其各种方言/实现(不包括ActionScript)中进行编程的问题。此标记很少单独使用,但最常与标记[node.js],[jquery],[json]和[html]关联。

4
在大写字母或数字上分割字符串
我试图在打字稿中创建一个管道,该管道将拆分PascalCase字符串,但是如果这也可以拆分为数字,那将很好。我也希望将其分成连续的大写字母。我有这个管道,除了只在Chrome而不是Firefox中工作之外,它运作得很好,显然只有Chrome支持回溯。如何做到这一点而无需回头? transform(value: string): string { let extracted = ''; if (!value) { return extracted; } const regExSplit = value .split(new RegExp('(?<=[a-z])(?=[A-Z])|(?<=[A-Z])(?=[A-Z][a-z])|(?<=[0-9])(?=[A-Z][a-z])|(?<=[a-zA-Z])(?=[0-9])')); for (let i = 0; i < regExSplit.length; i++) { if (i !== regExSplit.length - 1) { extracted += `${regExSplit[i]} `; } else { extracted += regExSplit[i]; } } …

1
甜甜圈(量规)的自定义背景限制
我正在使用基于(Chartjs-tsgauge)的仪表图。我想将图表的背景色与量规限制分开设置。Charts.JS如何呈现背景的问题是因为我使用的插件没有关于背景的代码。例如,我有一个带有极限的量规[0, 20, 40, 60, 80, 100]。我要设置[0-30]为绿色,[30-70]黄色和[70-100]红色。当前代码:CodePEN 这是我目前的选择。 var ctx = document.getElementById("canvas").getContext("2d"); new Chart(ctx, { type: "tsgauge", data: { datasets: [{ backgroundColor: ["#0fdc63", "#fd9704", "#ff7143"], borderWidth: 0, gaugeData: { value: 7777, valueColor: "#ff7143" }, gaugeLimits: [0, 3000, 7000, 10000] }] }, options: { events: [], showMarkers: true } }); 这是我设置背景颜色的方法。 new …

6
侧边栏默认在桌面上打开,在移动设备上关闭
我在尝试使侧边栏/导航内容(使用Bootstrap)在桌面上默认显示(展开)并在移动设备上默认关闭并且仅在移动设备上显示图标时遇到了一些实际麻烦。我似乎无法使它正常工作。 <nav class="menu menu-open" id="theMenu"> <div class="menu-wrap"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa fa-bars menu-close d-lg-none" id="menu-toggle"></i> </button> <div id="menu-logo"> <img src="Final_Logo.png" width="210" height="214" alt=""> </div> <div id="navbarToggleExternalContent"> <ul id="main-menu"> <a href="#">Home</a> <a href="#">About</a> <a href="#">Writing</a> <a href="#">Events</a> <a href="#">Speaking</a> <a href="#">Music</a> </ul> <ul id="social-icons"> …

1
可以将PWA应用发布到应用商店和Play商店吗
我正在创建一个React JS Web应用程序,该应用程序最终将转换为PWA,以便用户可以将其安装在他们的移动设备上。现在,客户要求找出一种方法来将这些PWA应用程序推送到Apple Store和Google Store。因此,我的疑问是我们是否具有将Progessive Web Apps转换为apk或ipa文件的工具,以便可以将其放置到Apple Store或Play Store。 我在Google上搜索了一下,现在感到困惑,因为有些人说这是可能的,有些人说在Apple Store中是不可能的。我还看到了一些工具,例如PWABuilder,但是我不确定哪个工具适合使用,以及我们是否可以将PWA应用程序发布到应用商店和Play商店。 在这方面的任何帮助将不胜感激。 谢谢

3
处理选择标记之间的交集
我在UI上有一个标记按钮,单击后,所有用户选择都标记为红色。没问题 我通过实现document.execCommand("insertHTML") 但是我还有一个附加要求,如果创建的新选择是旧选择标记的交集,则旧选择的红色标记应该消失。 举个例子: 在下图中:此和测试已标记。现在,如果我选择他是TES从一开始,点击标记,旧标志的这个和测试应该离开,只有他是TES应标,因为有一个路口。 码: const button = document.getElementById("button"); button.addEventListener('click', ()=>{ const s = window.getSelection(); const selectionStr = s.toString(); document.execCommand("insertHTML", false, `<span class="bg-red">${selectionStr}<span>`); }) .bg-red { background: red; } <div contenteditable="true"> this is testing this is testing this is testing </div> <button id="button">mark</button> 运行代码段隐藏结果展开摘要

2
通过导入ES6模块来加载和使用旧版JS模块(例如IIFE)
对于具有旧版本的应用程序中的某些库代码,我具有IIFE函数,这些代码需要适用于IE10 +(无需加载ES6模块等)。 但是,我开始开发一个将使用ES6和TypeScript的React应用,并且我想重用我已经拥有的代码而不复制文件。经过一番研究,我发现我想使用UMD模式来允许这些库文件既可以作为<script src=*>导入工作,又可以让React应用程序通过ES6模块加载来导入它们。 我想出了以下转换: var Utils = (function(){ var self = { MyFunction: function(){ console.log("MyFunction"); } }; return self; })(); 至 (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : typeof define === 'function' && define.amd ? define(['exports'], factory) : (factory((global.Utils = …

2
如何构建Web组件自定义元素以同时使用这两个规范
我需要建立一个应该需要工作与两个规格,组件custom elements spec v0它得到了过时和custom elements spec v1,最新的稳定版本。 如果我使用custom elements v0规范构建组件,则由于某些应用正在使用polymer 2和使用上述规范,因此它们将面临问题,而polymer 1与custom elements v1规范不兼容的应用将面临同样的问题。 我无法控制更改Polyfill的应用程序,某些应用程序必须使用支持旧规范的Polyfill,而某些应用程序使用新的Polyfill。 我正在寻找一个可靠的解决方案,以结合这两个规范以在所有应用程序中运行我的自定义元素,而不管polyfills版本如何。我可以在组件中添加任何polyfill或代码段,以便它们可以在任何地方运行,但我还没有找到支持我的两个规范的库或polyfill。 我打算编写一个适配器,该适配器可以结合下面提到的用于绑定回调的映射之类的两个规范,对此的意见将不胜感激。 connectedCallback(){ this.attachedCallback(); } 我尝试使用stenciljs,但它只能与最新版本的自定义元素规范一起使用。我还没有找到任何方法来对其进行调整以使其与早期规范兼容。 请针对上述情况提出一些可行的替代方案和可行的解决方案。

1
无服务器:通过调用方法触发并忘记无法正常工作
我有一个无服务器的 lambda函数,在其中我想触发(调用)一个方法而忘记它 我用这种方式做 // myFunction1 const params = { FunctionName: "myLambdaPath-myFunction2", InvocationType: "Event", Payload: JSON.stringify(body), }; console.log('invoking lambda function2'); // Able to log this line lambda.invoke(params, function(err, data) { if (err) { console.error(err, err.stack); } else { console.log(data); } }); // my function2 handler myFunction2 = (event) => { console.log('does …

4
在启动时通过给定的浏览器URL重定向
我用基本路径创建了一个新的Vue应用程序。由于该应用程序已嵌入到另一个Vue应用程序中,因此该应用程序无法呈现router-view在启动时。如果您想进一步了解此应用程序如何或为何嵌入到另一个应用程序中,请在此处查看: 将Vue应用安装到主Vue应用的容器中 我对这个问题的回答: https://stackoverflow.com/a/58265830/9945420 启动我的应用程序时,它将呈现除以外的所有内容router-view。我想在启动时通过给定的浏览器URL进行重定向。这是我的路由器配置: import Vue from 'vue'; import Router from 'vue-router'; import One from './views/One.vue'; import Two from './views/Two.vue'; Vue.use(Router); const router = new Router({ base: '/my-embedded-app/', mode: 'history', routes: [ { path: '/', component: One, }, { path: '/two', component: Two, }, ], }); router.replace(router.currentRoute.fullPath); export default …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.