JavaScript 群控编程网

在EmberJS中访问动作

此处更新文章：https://medium.com/@sunskyearthwind/accessing-actions-in-ember-js-2018-17131a93df10 让我们看一下使用最简单的可用方法将操作从组件传递到子组件，从路由传递到组件以及从控制器传递到组件的过程。父组件逻辑：parentComponent.js 在父组件的逻辑文件中创建“ hello”操作，以将字符串记录到控制台。动作：{ 你好（） { console.log（'来自parentComponent.js的问候'）; } } 父组件模板：parentComponent.hbs 实例化父组件模板中的子组件，并将“ hello”操作引用以“ onClick”的名称从父组件传递给子组件。 {{childComponent name…

2016年FullStack Fest巴塞罗那

FullStack Fest 2016图片和谈话视频直播！最近，我参加了2016年FullStack Fest，在那里我有机会认识了一些出色的演讲者，结识了新朋友，并获得了许多新概念，这些新概念表明了我们在这项快速增长的技术上的发展方向。伴随着乐趣，这使它成为了一次真正的很棒的体验！像AndréStaltz（cycle.js，marbleRX创作者，也是FRP的主要参考者），@ jhusain（Netflix的技术负责人，Falcor的架构师和TC-39 ECMA 262规范的一部分）这样的才华横溢的演讲者都在这里举办了FullStack节年。我特别感谢他们，因为我能见到他们，他们很友好地回答了我一些好奇的问题。在本文中，我将基于我所看到的对话以及与大家进行的所有对话，对趋势，趋势以及应该关注的重点进行一些总结性总结。后端我还没有参加会议的后端部分。但是，根据我与其他与会者的交谈和聊天，我得出以下主要重点：分布式系统上的架构模式 Docker和云，Docker和云，Docker和云！无服务器…

Chrome Devtools技巧1

知道你的武器… 打断有时，某些html元素会被javascript修改。但是调试起来真的很困难。尤其是在调试其他人的代码时。在devtools中的elements选项卡上，当您右键单击html元素时，将出现“ Break on”菜单项。您可以观看对此html元素的修改。例如，我创建了一个函数，当单击元素时可以更改元素的颜色。一旦您开始观看“属性修改”，任何导致对此元素进行修改的javascript代码都将被捕获，就像是在断言。 Console.log传奇字符串插值您可以插入字符串。在ES6字符串文字之后，这有点过时了，但是无论如何，还是很高兴知道的。 const varStr =…

Chrome 73 Devtools更新

Chrome进行了一些有趣的devtools更新，以下列出了一些突出的内容日志点作为开发人员，我们喜欢在各处编写控制台日志来调试我们的应用程序，我得到一个好消息，最新版本的chrome不再需要此功能，您可以通过devtools添加日志点！ dom元素的详细工具提示在chrome的早期版本中，当您将鼠标悬停在某个节点上时，会看到该节点的类型和大小。在较新的版本中，您将能够看到颜色，字体，边距和对比度！代码折叠要启用代码折叠，请按F1键打开设置，然后滚动到源代码部分，然后选中“代码折叠”复选框。现在，您可以在“源”标签中折叠代码。框架标签现在是消息标签 “框架”选项卡是您用来检查WebSocket上游和下游消息的位置。此选项卡现在称为消息。所有功能仍然相同。有关更多信息，请参见 DevTools（Chrome 73）的新增功能| 网页| Google开发人员…

¿QuéesIxJS？

Aunque RxJS和tema complejo，Despuésde asistir和uncampcamp在Yuxi Global，Juan Herrera的货物，fuecil empezar是usarlo，en的受益者是agregarlo en todo micódigo。 🤓 “ IxJSfuécreado por la misma gente quecreóRxJS”…

Vue：生命周期挂钩

“您能描述Vue的生命周期钩子吗？”是前端采访中一个必问的问题。有人可能会说很简单。创建->安装->更新->故事每个时期都有2个钩子： beforeXXX和XXXed 。这篇文章将进一步讲解每个钩子发生的事情。钩子挂钩是某些特定事件的回调。您可以将它们视为侦听器。例如，当Vue调度created事件时，将执行created钩子。 beforeCreate和创建创建Vue实例后，它将调用init() ，该方法首先在beforeCreate钩子之前执行。在此期间，它将进行注射。例如，如果注入eventHub ，则实例会将其绑定到自身，则可以使用this.eventHub进行访问。需要注意的一件事：不要尝试在beforeCreate内修改数据。…

从Markdown插件中提取Yaml

一个Webpack插件，用于自动从Markdown文件中提取Yaml内容这个插件允许人们使用YAML编写markdown ，然后将YAML内容提取到.json文件中。此外，在--watch模式或webpack-dev-server ，将检测到指向目录内的所有更改（添加，更改和删除），并将新内容自动写入.json文件。纱： yarn add extract-yaml-from-markdown-plugin.js --dev Npm： npm install extract-yaml-from-markdown-plugin.js --save-dev 进入您的webpack.config.js ，要求extract-yaml-from-markdown-plugin.js ，然后在plugins选项中将其初始化。…

国际大师（JAM Stack Hackathon 2k18）

我在比赛的晚些时候开始了我的项目。我正在研究Postgres数据库及其工作。这是Hasura Graph QL引擎与postgres数据库连接的示例工作。 Hasura的技术类型，使用Heroku：在Heroku的免费层上托管Hasura GraphQL引擎和Postgres。使用Docker：运行本地开发设置，该设置使用Docker设置Hasura GraphQL引擎和Postgres。我在前端使用HTML，CSS，JavaScript，在后端使用hasuea的GraphQL。使用GraphQL的主要优点是可以轻松检索数据库中的数据，即可以获取我们只需要的数据。我的网站看起来像这样，它的设计就是我。各种公司资料将在此处添加，人们可以登录并使用各种过滤器找到合适的公司。该页面用于注册简历上传过程。简历详细信息可从网站上获取，并保存在postgres数据库中。这就是这个项目的全部！

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…