JavaScript 群控编程网

JavaScript编码挑战：“我属于哪里？”

你们中的一些人可能不知道关于我的以下事情：我喜欢编码挑战，并且很长一段时间以来我一直在和他们一起玩…… 这帮助我轻松地通过了多个编码面试，从而获得了一些非常有趣的工作面试（如果您有兴趣，我可以在另一篇文章中告诉您更多信息，请告诉我😉）。我甚至在过去的《 Medium》上写了一些博客文章，内容涉及我如何使用JavaScript（这是我用于此类任务的GO-TO语言）解决编码挑战的方法。我曾经使用过两个站点来提高自己的技能，其中一些是：CodeSignal，HackerRank，FreeCodeCamp，最近我找到了CodeWars。好的，开始聊天吧，让我们开始编码吧！今天，我选择了一个非常简单的编码挑战，只是为了热身。您可以在FreeCodeCamp上找到它。它说：返回将排序后的值（第二个参数）应插入数组（第一个参数）的最低索引。返回的值应该是一个数字。例如， getIndexToIns([1, 2, 3, 4], 1.5)应该返回1因为它大于1…

billboard.js 1.2.0发布！

自上次发布以来已经快三个月了。我非常高兴今天宣布新发布的billboard.js！主要目标是实现新功能和新图表类型支持。请检查发布以获取详细信息： – https://github.com/naver/billboard.js/releases/tag/1.2.0 在本文中，我想分享我们所做更改的详细信息。气泡型气泡是通过圆的直径（气泡）可视化数据量的一种通用方法。这将使线的样式设计更加轻松便捷。有关实际示例，请查看以下链接。 – https://naver.github.io/billboard.js/demo/#Style.StyleForLines 每天，billboard.js的使用在增加。上个月，每月下载量达到2K，每天有100次下载。与2017年6月的第一个版本相比，这意味着大幅增长。最引人注目的是贡献者的参与度增加。在此1.2.0版本中，Julien…

使用ContextMenu创建简单的Easy Searcher

在阅读本文之前，请设置Firefox，以便您可以在浏览器中运行WebExtensions。在此博客中，我们将探索更多有关如何创建简单上下文菜单的信息（当我们右键单击文本时将显示该菜单）。在这里，我们将显示各种搜索引擎，一旦从列表中选择任何人，我们将使用搜索URL创建一个新标签。第一步是创建一个上下文菜单项。我们必须提到上下文菜单ID，然后我们给出标题（必须在上下文菜单列表中显示的文本），然后给出上下文（上下文菜单应该用于所有内容，还是仅用于图像，或者当我们做选择。样本之一是 browser.contextMenus.create({ id: "google", title: "Google", contexts: ["selection"] }); 第2步：添加侦听器下一步是添加一个侦听器（单击任何一个菜单项时的一种操作方法）。此方法将接收两个参数作为输入，一个是上下文菜单信息，另一个是选项卡对象。 browser.contextMenus.onClicked.addListener(contextMenuAction); 步骤3：建立网址和新分页…

您的开发团队花了多少时间在多个平台上创建一致性？

您是否需要一个利用Salesforce数据功能的面向客户的移动应用程序？响应式移动网站呢？在大多数情况下，这意味着会有多个开发团队。一个团队使用Java Script为您的站点进行开发，然后针对将在其上部署该应用程序的每个移动平台分别设置团队。 Heroku的平台意味着您可以利用现有的Javascript，并在Electron或Cordova容器中构建应用程序。您还可以在Heroku上构建一个响应式网站，利用JavaScript通过Node.js和Angular2之类的工具管理前端和后端。使用这种方法，可以简化基于访问响应站点的访问设备的本机功能的创建品牌本机应用程序的项目，并且可以由一个开发团队完成。简化应用程序更新当将基于Heroku的解决方案作为本机应用程序部署到移动设备上时，您可以使Javascript团队保持完整。这样就不需要单独的iOS，Android和Microsoft开发人员。当需要更新时，只需在一个实例中完成更改，然后将其推送到所有其他实例，因为所有开发都使用相同的语言。您的开发团队花了多少时间在多个平台上创建一致性？对于基于Heroku的移动开发，答案是“无”。移动解决方案中的超级处理您目前的单一真理来源在哪里？在Salesforce中吗？完善。…

在实现某些特定功能时如何组织工作流程。

作为一名Web开发人员，我经常遇到一种情况，当时我被赋予一项任务来为现有Web应用程序实现某些特定功能，尽管拥有了我所需的一切，但花了很长时间才真正开始。我曾经完全困惑地坐在舒适的椅子上一个小时，试图集中精力。问题在于，从一开始就需要对整个数据/信息进行分组，分类和组织。可以这么说，我有一个想法来发明一种处理数据的方法和公式。我想到的第一件事是……是的，是可视化。在本文中，我们将讨论该方法的正确性。我将选择一些随机任务，然后继续。假设它是“实施简单消息发送表单[HTML]” 。但是，让我们先讨论一下我们的第一步，假设您已经在网上搜索了该功能或任务的示例实现，这并不是从BTW /开始的最糟糕的步骤。脚步在开始之前，我们有一些问题要问自己。需要做什么？该功能的用途是什么？ 2.让我们首先尝试口头回答上述问题。 3.让我们将逻辑部分的答案分开，并针对每个问题分别写下来。…

将ESlint添加到您的项目

在本文中，我将使用ESlint CLI工具通过几个简单的步骤来帮助您将ESlint添加到现有项目或新项目中。在这里，我们有一个简单的猫鼬模型，但看起来不太好，我们想添加ESlint遵循一些最佳实践，甚至在运行代码之前捕获一些错误。首先，让我们安装ESlint并将其保存为dev依赖项： npm我埃斯林特-D 让我们向我们添加一个lint任务 package.json文件：并通过将参数传递给我们的npm任务来运行init命令： npm run lint---init 将显示ESlint cli向导，并询问我们如何配置它。我想遵循流行的风格指南： Airbnb听起来像一个扎实的风格指南，让我们选择：我在这个项目中没有使用React，所以我们回答否：我选择了JSON格式，但是可以是JavaScript或YAML格式。 ESlint将为我们安装并安装所有必需的依赖项，并将创建一个.eslintrc.json配置文件，并使用基于airbnb-base规则对其进行扩展。…

与朋友数数沙粒

蒙大拿州代码学校的密苏拉分校的下一个兼职课程开始了，这意味着最后一堂课已经准备好跳出儿童游泳池，直接进入海洋，鲨鱼和所有事物。如果您刚从新兵训练营毕业，那么您可能在同一地方。这是一个混乱的混乱局面，希望作为一名学生，您为从一项工作过渡到另一项工作做好了提前计划，并且您有一些保留的东西，或者可以在寻找工作时让自己保持忙碌的方法。如果您不这样做，那么您的忧虑情绪就会泛滥，因此，我将简短介绍这段时间，只记得不时地喘口气。规则编号1：ABC-始终在编码没错，您在代码学校的最后一天不是您编码的最后一天，我非常希望您不认为那会是…………这很可悲。是时候了，编写更多代码：每天固定的时间。遵循此咒语有很多原因，第一个原因是，您编写的代码越多，您对编码的了解就越多，您可以编写的代码就越多，并且如果您属于那种自我完善的场景，那么您就越好码。以前，训练营是您的锚点。现在？您将需要保持自己的沉浸感。您必须不断回来，最好还是像待在工作中一样坚持下去。制定时间表并坚持下去。这将有助于扩大您的就业能力，也将使您有机会徘徊，探索您打开大门的世界，看看它带领您的方向。这个海滩上有无数的贝壳，每个贝壳都拥有一个充满挑战和充满希望的世界。如果您还没有探索森林边缘以外的地方，那么这里有一些方法： Unity游戏引擎—您可以构建平台游戏，Minecraft克隆，僵尸生存，流氓般的牧场主赛跑者，无论是什么……并结合一些简单的工具，您可以构建VR或AR应用程序。 2.代码战争-代码的游戏化，赢得荣誉，捍卫弱者在战争的恩赐中找到和平。…

ES6：简化销毁工作

ES6中添加了许多新功能，而解构就是这些功能之一。它允许您将Array值或Object属性解压缩为单个变量。对象分解假设您有一个具有多个属性的对象，并且需要将特定属性从该属性转换为变量。通常，您将执行以下操作以实现输出：分解使检索这些属性变得非常容易，并使我们的代码更具可读性。使用此新语法，现在您可以执行以下操作：我们只能检索我们需要的属性。并非必须检索所有属性。此外，变量名称应与属性的键匹配。否则您将无法获得该财产。看看我们的代码看起来有多清晰。如果要检索的属性不存在于该对象上，我们还可以设置变量的默认值。现在，如果该属性不存在于对象上（例如，上例中的age），我们将不会得到undefined 。相反，我们将在声明时获取我们提供的默认值（上例中为18）。另外，如果我们愿意，可以使用以下语法更改变量名称：…

我的Angular 5学习体验-第1部分

分享我自己的学习Angular 5-Modules的经验我是一个自学成才的学习者，并开始学习角度5。这篇文章是关于从初学者的角度分享我对角度框架的理解。模组第一步：https://angular.io/guide/architecture 一幅价值1000字的图片。下图可视化角度框架 Angular以Module开头。为了理解Module，我分叉了示例，并在此处发布了：Link。 Angular自己的模块名为NgModules ，其结构定义如下基本上，我们将JavaScript对象作为参数传递给NgModule Decorator来初始化App。它类似于其他语言的主程序。从对象Key bootstrap：’MainComponent’指示要引导的组件。同样，其他键导入以导入其他模块，导出以将该模块发布以供其他模块使用。…

在Ember.js中修复测试和全局事件

使用Ember.js进行测试从未如此简单，并且使用Ember-CLI生成器，只要您真正创建新的组件，控制器，路由或任何东西，就可以免费获得简单的测试！例如，我们可以运行 $ ember g组件foo-bar Ember-CLI不仅会生成一个组件类及其模板，还将为您提供一个简单的集成测试。但是，如果单击测试页上的任意位置，则会发生奇怪的情况。看起来仍然有一个事件附加到窗口，如果您有多个实现此行为的组件测试，这将导致问题。那这里怎么了您可能还记得，为我们的组件生成的第一个测试在单个测试中呈现了包含和不包含块内容的组件。拆解似乎只引用了一个事件处理程序，而另一个则孤立在页面上。（如果您有更多了解为什么会发生这种情况，请告诉我！）幸运的是，修复非常简单。我们将确保该组件每次测试仅渲染一次。这为我们提供了以下更安全的测试。以上布局可确保每次都正确设置和删除全局事件。摘要如果要制作在Ember生态系统外部注册事件的组件，则应确保在willDestroyElement生命周期挂钩willDestroyElement其删除。…