Questions tagged «javascript»

最初询问：具有LTS（长期支持）的Node.js 4.x分支与5.x分支（列为稳定版）之间有什么区别？ 但这对于理解6.x和7.x之间的区别以及将来的8.x和9.x之间的区别同样重要。 通常，我总是倾向于最新版本的功能和性能（因为我现在做很多ES6 / ES7）。是否有关于“稳定”分支准备就绪的信息？

76 javascript  node.js  version  v8  lts 

new Set(['b', 'a', 'c']).sort()抛出TypeError: set.sort is not a function。如何排序Set以确保特定的迭代顺序？

76 javascript  arrays  sorting  set  ecmascript-6 

我正在尝试创建与当前颜色相反的颜色。我的意思是，如果当前颜色是黑色，则需要生成白色。 实际上我有一个文本（此文本的颜色是动态的，其颜色可以随意设置）。这是文成div，我需要设置文本的相反颜色background-color的div。我希望该文本在（颜色透视图）中清晰可见。div 相反的颜色表示：暗/亮 我具有文本的当前颜色，可以将其传递给此函数： var TextColor = #F0F0F0; // for example (it is a bright color) function create_opp_color(current color) { // create opposite color according to current color } create_opp_color(TextColor); // this should be something like "#202020" (or a dark color) 有创建create_opp_color()功能的想法吗？

76 javascript  jquery  html  css  colors 

在ES6中，可以缩短以下代码。我有一个App.js文件和一个index.js。 index.js import App from './App'; export default App; 像这样 index.js export default App from './App.js'

76 javascript  ecmascript-6  babeljs  es6-modules 

我是npm的新手，并不真正了解依赖项与devDependencies的关系。我知道对于测试库，他们应该进入开发人员，但是对于babel和webpack这样的东西呢？它们是否也应该在dev中，因为它们仅用于将es6和JSX反编译为原始JS？我的理解是，当您部署到heroku时，它已经与必需的库进行了反编译，因此不需要将它们托管在生产环境中吗？ "dependencies": { "babel-core": "^6.7.7", "babel-eslint": "^6.0.4", "babel-loader": "^6.2.4", "babel-plugin-react-transform": "^2.0.2", "babel-plugin-transform-object-rest-spread": "^6.6.5", "babel-plugin-transform-react-display-name": "^6.5.0", "babel-polyfill": "^6.7.4", "babel-preset-es2015": "^6.6.0", "babel-preset-react": "^6.5.0", "bootstrap": "^3.3.7", "css-loader": "^0.23.1", "es6-promise": "^3.2.1", "eslint": "^2.9.0", "eslint-plugin-babel": "^3.2.0", "eslint-plugin-react": "^5.0.1", "express": "^4.13.4", "extract-text-webpack-plugin": "^1.0.1", "file-loader": "^0.9.0", "lodash": "^4.15.0", "react": "^15.0.2", "react-addons-css-transition-group": "^15.0.2", "react-dom": "^15.0.2", "react-redux": "^4.4.5", "react-transform-catch-errors": …

76 javascript  npm  dependencies  packages  package-managers 

我正在使用Vue 2.x和Vuex 2.x创建一个Web应用程序。我正在通过http调用从远程位置获取一些信息，我希望如果该调用失败，我应该重定向到其他页面。 GET_PETS: (state) => { return $http.get('pets/').then((response)=>{ state.commit('SET_PETS', response.data) }) }, error => {this.$router.push({path:"/"}) } ) } 但是this.$router.push({path:"/"})给我以下错误。 未捕获（承诺）TypeError：无法读取未定义的属性“ push” 如何做到这一点。 模拟的JsFiddle：在这里

76 javascript  vue.js  vuex 

文档：https : //developer.mozilla.org/zh-CN/docs/Web/API/FileList 为什么是FileList对象而不是数组？它唯一的属性是.length，唯一的方法是.item()，这是多余的（fileList[0] === fileList.item(0)）。

76 javascript 

是否可以在页面加载之前预加载或以其他方式缓存@ font-face字体（最有可能使用javascript），以便在页面最终加载时不会出现难看的跳转？

76 javascript  css  fonts  embedding  font-face 

拒绝一次后，如何通过getUserMedia（）请求摄像头/麦克风访问？ 我正在与getUserMedia一起使用，以访问用户的相机并将数据通过管道传输到画布。那一点一切正常。 在测试中，我一次拒绝。此时，在Chrome和Firefox中，任何带有getUserMedia（）的后续请求均默认为拒绝状态。 我们显然不希望在被拒绝后在每次加载页面时请求摄像头/麦克风的权限来惹恼我们的用户。地理位置api已经足够令人讨厌。 但是，必须有一种方法可以再次请求它。仅仅因为用户单击一次“拒绝”并不意味着他们要一直拒绝网络摄像头访问。 我一直在阅读有关规范的信息，并搜索了一段时间，但是我没有明确发现有关此问题的任何信息。 编辑：进一步研究，似乎在Chrome中点击“拒绝”会将当前站点添加到阻止列表。可以通过chrome：// settings / content手动访问。滚动到媒体。管理例外，删除被阻止的站点。 链接到chrome：// settings / content无效（在我们要添加有用的链接以使人们重新启用权限的情况下）。 用于处理围绕getUserMedia的权限的整个UX会发臭。=（

76 javascript  webrtc  getusermedia 

我正在使用bootstrap 4文件浏览器。如果我使用自定义文件控件，则会一直看到“选择文件值”。 https://v4-alpha.getbootstrap.com/components/forms/#file-browser 选择文件后，我想更改选择文件的值。此值实际上隐藏在CSS中.custom-file-control:lang(en)::after，我不知道如何在javascript中访问和更改它。我可以这样获得所选文件的值： document.getElementById("exampleInputFile").value.split("\\").pop(); 我不需要改变 .custom-file-control:lang(en)::after { content: "Choose file..."; } 不知何故 链接：http：//codepen.io/Matoo125/pen/LWobNp

76 javascript  jquery  css  twitter-bootstrap  bootstrap-4 

我使用以下代码提交表单，我希望Puppeteer在表单提交后等待页面加载。 await page.click("button[type=submit]"); //how to wait until the new page loads before taking screenshot? // i don't want this: // await page.waitFor(1*1000); //← unwanted workaround await page.screenshot({path: 'example.png'}); 如何使用puppeteer等待页面加载？

76 javascript  puppeteer 

与复选框不同，一旦单击，用户就不可能取消选择单选按钮。有什么方法可以使用Javascript对其进行编程切换吗？最好不使用jQuery。

76 javascript  html  radio-button 

我有一个简单的方法，在它的结尾，我想重定向到另一个组件： export class AddDisplay{ display: any; addPairTo(name: string, pairTo: string){ this.display = {}; this.display.name = name; this.display.pairTo = pairTo; } } 我想做的是在方法结束时重定向到另一个组件： export class AddDisplay{ display: any; addPairTo(name: string, pairTo: string){ this.display = {}; this.display.name = name; this.display.pairTo = pairTo; this.redirectTo('foo'); } } 如何在Angular 2中实现这一目标？

76 javascript  angular 

我已经看过关于jQuery与$(this)vs的一些讨论$this，它们对我来说很有意义。（有关示例，请参见此处的讨论。） 但是下面的jQuery网站插件教程中的片段如何显示可链接性呢？ (function ($) { $.fn.lockDimensions = function (type) { return this.each(function () { var $this = $(this); if (!type || type == 'width') { $this.width($this.width()); } if (!type || type == 'height') { $this.height($this.height()); } }); }; })(jQuery); $this以上代表什么？就在我想知道了的时候...

76 javascript  jquery 

我正在使用此功能将URL复制到剪贴板： function CopyUrl($this){ var querySelector = $this.next().attr("id"); var emailLink = document.querySelector("#"+querySelector); var range = document.createRange(); range.selectNode(emailLink); window.getSelection().addRange(range); try { // Now that we've selected the anchor text, execute the copy command var successful = document.execCommand('copy', false, null); var msg = successful ? 'successful' : 'unsuccessful'; if(true){ $this.addClass("copied").html("Copied"); } } catch(err) …

76 javascript  ios  copy  mobile-safari  clipboard