Questions tagged «javascript»

我试图将图标添加到使用webpack创建的基于React的网站上。添加favicon完全是一场噩梦，而我尝试了许多解决方案都无济于事。向我推荐的最新解决方案称为“ favicons-webpack-plugin”，可在以下位置找到：https : //github.com/jantimon/favicons-webpack-plugin。 如果有人能告诉我我做错了什么，将非常感谢您的协助。 当我运行'npm run start'时出现以下错误 这是我的目录结构： 这是我的webpack.config.js文件： const path = require('path'); const merge = require('webpack-merge'); const webpack = require('webpack'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const TARGET = process.env.npm_lifecycle_event; const FaviconsWebpackPlugin = require('favicons-webpack-plugin'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const CleanPlugin = require('clean-webpack-plugin'); const ExtractTextPlugin = require('extract-text-webpack-plugin'); var favicons = require('favicons'), …

75 javascript  node.js  reactjs  webpack  favicon 

React Component和React Element有什么区别？该文档提到了两者，但没有详细介绍，某些方法需要组件，其他元素...

75 javascript  reactjs 

我在运行时加载JSON配置文件，并使用接口定义其预期结构： interface EngineConfig { pathplanner?: PathPlannerConfig; debug?: DebugConfig; ... } interface PathPlannerConfig { nbMaxIter?: number; nbIterPerChunk?: number; heuristic?: string; } interface DebugConfig { logLevel?: number; } ... 由于可以使用自动填充等功能，因此可以方便地访问各种属性。 问题：有没有一种方法可以使用此声明来检查我加载的文件的正确性？即我没有意外的属性？

75 javascript  typescript 

假设您有类似的内容： <div class="parent"> <input class="childInput" type="text" /> <div class="sibling"></div> </div> 当孩子获得焦点时，我想更改父母/兄弟姐妹的外观。做这样的事情有CSS技巧吗？ 编辑： 我的问题的原因如下： 我正在创建一个需要可编辑文本字段的Angular应用。在单击之前，它应该看起来像一个标签，此时它应该看起来像是普通的文本输入。我基于：focus设置了文本字段样式，以实现此效果，但是文本被文本输入的边界所截断。我还使用ng-show，ng-hide，ng-blur，ng-keypress和ng-click在标签和基于模糊，按键和点击的文本输入之间进行切换。除一件事外，此方法运行良好：标签的ng-click =“ setEdit（this，$ event）”将ng-show和ng-hide使用的编辑布尔值更改为true后，它使用jQuery调用.select（）文字输入。但是，直到ng-click完成后，所有内容才被$ digestd，因此文本输入再次失去焦点。由于文字输入从未真正获得焦点， 编辑： 这是该问题的一个小例子：http ://plnkr.co/edit/synSIP? p= preview

75 javascript  html  css  angularjs  focus 

这有效： db.collection('users').doc('id').get() .then((docSnapshot) => { if (docSnapshot.exists) { db.collection('users').doc('id') .onSnapshot((doc) => { // do stuff with the data }); } }); ...但是似乎很冗长。我试过了doc.exists，但是没有用。我只想检查该文档是否存在，然后再订阅它的实时更新。最初的获取似乎浪费了对数据库的调用。 有没有更好的办法？

75 javascript  google-cloud-firestore 

我是一个使用express.js创建Web应用程序的node.js开发人员。现在，我的问题是： 每当我在计算机上创建一个应用程序时，npm都会安装其内容并运行它（使用node app.js和nodemon），我会在控制台中收到以下消息： connect.multipart() will be removed in connect 3.0 visit https://github.com/senchalabs/connect/wiki/Connect-3.0 for alternatives connect.limit() will be removed in connect 3.0 Express server listening on port 3000 该应用程序可以正常工作。但是，当我克隆在其他计算机上创建的应用程序时，没有收到该消息，因此我想我的计算机中有些东西已经过时了。 我去了消息中提到的站点，并确认了我的猜测。那是弃用警告。但是，我已经更新了node和npm并进行了全局表达，但是我仍然得到注释。 因此，我的问题是：我不知道我需要更新什么以摆脱弃用票据，因为它们使我感到惊讶。 我希望有一个人可以帮助我。非常感谢。

74 javascript  node.js  express  connect  node.js-connect 

我正在使用JSLint验证我的大多数外部Javascript文件，但是我得到的最大错误是来自在定义它们之前使用的函数。 这真的是我应该担心的问题吗？ 似乎Firefox，IE7和Chrome不在乎。根据JSLint的说法，像popular init()（我经常使用）之类的功能通常位于顶部，因为这对我来说很有意义（我喜欢假装类似于main()），因此需要将其压入文件的底部。

74 javascript  jslint 

我想知道当向下滚动页面时如何使粘性标头收缩（带有动画），而当页面向上滚动至顶部时又如何回到正常状态。这里有两个例子需要澄清： http://themenectar.com/demo/salient/ http://www.kriesi.at/themes/enfold/ 我得到了固定的零件，但是当用户向下滚动时，应该如何缩小标题呢？ 万分感谢

74 javascript  jquery  html  css  web-deployment 

我正在将JSON数据加载到页面并使用，appendTo()但是我试图淡化结果，有什么想法吗？ $("#posts").fadeIn(); $(content).appendTo("#posts"); 我发现文档上的append和之间存在差异appendTo。 我也尝试过这个： $("#posts").append(content).fadeIn(); 我明白了，上面的技巧！ 但是我将其"undefined"作为我的JSON值之一。

74 javascript  jquery  fade 

当我重写a的clone()方法时Backbone.Model，是否可以从植入中调用此重写的方法？像这样： var MyModel = Backbone.Model.extend({ clone: function(){ super.clone();//calling the original clone method } })

74 javascript  inheritance  backbone.js 

已关闭。这个问题需要更加集中。它当前不接受答案。 想改善这个问题吗？更新问题，使其仅通过编辑此帖子来关注一个问题。 5年前关闭。 改善这个问题 如何实现像q这样的promise / defer库？我试图阅读源代码，但发现它很难理解，所以我认为如果有人可以从较高层次上向我解释在单线程JS环境中实现promise的技术，那就太好了。例如Node和浏览器。

74 javascript  promise 

我遇到一种情况，我试图使用grunt来清理代码库，但不包括特定文件夹。 grunt在引擎盖下使用minimatch（类似于bsdglob）来匹配文件，但是我似乎无法弄清楚如何排除文件夹的.gitignore样式。 我想摄取这个： ignoreme 并匹配这些： /folder/path/here/to/something/ok.js /another/folder/path.js /test.js 但不符合以下条件： /folder/ignoreme/something.js /folder/path/here/to/ignoreme/metoo/file.js 这将匹配所有内容，包括ignoreme： /**/*.js 所以我想我可以做些类似的事情： /**/!(ignoreme)/**/*.js 但这与ignoreme文件夹中的文件匹配。 我已经习惯了正则表达式，但是似乎无法在这里弄清楚如何重复一个模式或类似的东西-我也尝试过类似的东西： /(!(ignoreme)|*)*/*.js 希望容器会重复，但是那行不通，只是无法匹配所有内容。 有什么方法可以通过正则表达式来查找文件路径，还是可以为我工作？ 更新： 这是我目前处理此问题的方式： var pattern = /\/ignoreme\// var files = grunt.file.expandFiles(arrayOfFilesPassedToMinimatch).filter(function(f){ return !pattern.test(f) }) 如果在minimatch中可能排除文件夹，我仍然会感兴趣。

74 javascript  regex  node.js  glob  gruntjs 

以下代码可在实时站点上运行，但无法在jsfiddle站点上运行。 参见此示例。 谁能告诉我为什么它不能在jsfiddle上运行？ 在控制台上，它记录：ReferenceError: fillList is not defined和ReferenceError: mySelectList is not defined。 如下面的代码片段所示，代码可以正常工作： function BetterSelect(oSelList) { this.objSelectList = oSelList; this.objSelectList.onchange = this.selectionChanged; } BetterSelect.prototype.clear = function() { this.objSelectList.options.length = 0; } BetterSelect.prototype.fill = function(aValues) { this.clear(); for (var i = 0; i < aValues.length; i++) { this.objSelectList.options[i] = new Option(aValues[i]); …

74 javascript  html  jsfiddle 

angularJS如何使用Web Worker在后台运行进程？我有什么模式可以遵循吗？ 当前，我正在使用在单独的Web worker中具有模型的服务。该服务实现的方法如下： ClientsFacade.calculateDebt(client1); //Just an example.. 在实现中，此方法将消息与数据一起发送给工作程序。这使我可以抽象出它是在单独的线程中执行的事实，并且我还可以提供一种对服务器甚至在同一线程中执行此操作的服务器进行查询的实现。 由于我是Java语言的新手，我只是在回收其他平台上的知识，因此我想知道这是否是您可以做的事情，或者我正在使用的Angular提供了一种实现方法。这也引入了我的体系结构中的更改，因为工作人员必须将更改显式地推送到控制器，然后更新其值，然后将其反映在视图中，我是否对此进行了过度设计？令人沮丧的是，Web工作者通过不允许我共享内存等来“保护”我太多，以防万一。

74 javascript  angularjs  web-worker 

我正在做标记 select2 我对select2有这些要求： 我需要使用select2 ajax搜索一些标签 另外我还需要在select2中使用“标签”，以允许列表（Ajax结果）中未包含的值。 两种方案均独立工作。但是仅将aJax值连接在一起。如果我们键入列表中未包含的其他任何值，则显示“未找到匹配项” 我的方案如果用户键入列表中没有的任何新值，请允许他们组成自己的标签。 有什么办法可以使这项工作吗？

74 javascript  jquery  jquery-select2