JavaScript 群控编程网

HTTP请求-您（可能）做错了

每当我们从外部团队获得一个新项目时，我们都会尝试分析潜在的安全漏洞。有许多常见的问题，例如注入，XSS（跨站点脚本）和XXE（XML外部实体处理）。尽管我要描述的问题是一种注入式攻击（这是摘要中最流行的攻击，例如OWASP Top 10文档），但它似乎经常被忽略。表面上，HTTP请求是一个非常简单的概念。您指定URI，添加查询参数和/或正文并发出请求。不幸的是，定义它的RFC没有详细说明。您知道如果使用相同的密钥传递两个参数会发生什么情况？没有文件说明这一点。如果这与后端中的低于标准的输入验证相结合，则可能导致怪异的，非直觉的行为，甚至导致漏洞。它在OWASP Appsec 2009上首次被识别为HTTP参数污染。就像OWASP在他们的精彩演讲中所说的： HPP攻击可以定义为通过注入查询字符串定界符来覆盖或添加HTTP GET /…

编码期– IV

大家好，我们处于编码期的第二个月。这是我的GSoC之旅的第五篇博客文章。就我的项目进度而言，上周是富有成效的一周。直到现在更新修复了笔记圈中的现有错误。我在一个音乐块js文件（musicutils.js）中添加了一个函数。此函数以起始音高和间隔作为参数，并返回较深的音符（距起始音高的间隔）。例如。如果起始螺距为C4且间隔为主要秒，则函数将返回D4。通过根据此功能更改一些计算，我能够修复现有的错误。圆圈中数字的间距（代表间距）的变化方式是，从视觉上看，距离越近的距离越近，距离越远的距离越远。圆之间的角度被sliceAngle覆盖。以这样的方式实现模式选择器：将模式块放置在气质小部件夹具内。完成注释表。注释表提供了有关所选调优系统的信息。在下面的示例中，起始音高为C4，所选模式为“ C大调”，所选气质为“毕达哥拉斯”。…

导入特定的JavaScript文件VS使用析构函数导入

tl; dr; 使用析构函数的速度快约2％。这种差异微不足道。不久前，我真正敬重的人深信（没有任何证据能证明）在导入特定的JavaScript文件与使用析构函数导入时，性能存在巨大差异。要清楚：他的论点是：为了使用析构函数，JavaScript必须在析构之前读取并加载内存中的所有内容。导入特定文件时，JavaScript一次读取一个文件。因此，一次读取一个特定的文件比读取所有文件然后立即销毁要快。当您捆绑应用程序时，如果使用析构函数导入文件，则您的应用程序每次都会加载所有内容（他相信捆绑中仍然会包含 import 语句）。不幸的是，我在网络上找不到任何利弊。…

无极的承诺

JavaScript中的承诺是一个非常强大的工具箱。用JS编写的应用程序的性质通常相对复杂，因为它们以不同的方式依赖于时间。没有像Promise这样的工具，这些事情很快就会变得很难处理。我已经学习Monads和函数式编程了一段时间了。特别是对Monads的了解有助于我理解Promise的更细粒度的细节。在称为Promises / A +的开放标准中指定了Promise。揭露其内部运作方式和特定行为确实很有趣，在考虑什么是Monad时更是如此。提示：它们是相似的。承诺/ A + 承诺有时被认为是可以thenable 。 then方法总是向您提供Promise返回（在调用的返回位置），并且在第一个参数位置提供一个值，或者在第二个参数位置提供一个错误值（第二个回调参数是可选的）。在返回位置不传递值而是通过连续传递值的样式也称为CPS，连续传递样式。…

使用Ramda的converge（）函数

总结文档， converge有两个参数：一个函数（收敛函数）函数数组（分支函数）。我将使用收敛和分支来引用这些参数。然后converge返回一个新函数，该函数采用n参数，将它们应用于分支函数，然后将每个结果馈送至收敛函数。考虑这个例子。 console.log是会聚函数，返回1，2，3的函数数组是分支函数的列表。让我们添加更多的分支功能。看到？对于每个分支函数，收敛函数都会获得一个新参数。但这还不是全部！我们说过使用会聚和分支函数调用会聚会返回一个新函数，对吗？好吧，新功能采用了具有最大Arity的分支功能的Arity。 Arity…

了解闭包

认为您了解某些东西并能够表达一些东西是完全不同的两件事。与编程相比，我从编程中学到的更多。以关闭为例。我在不知不觉中使用过它们，大多数开发人员可能确实是从入门开始的，但是我觉得您已经完全理解它们，您可以开始编写更好的JavaScript代码。定义闭包是内部函数，可以访问外部函数变量或基本上是函数内的函数。例这是我最近创建的Tic Tac Toe游戏的我的saveGame（）函数的一部分。变量板是用空数组定义的，然后在.each JQuery函数中，我们从每个（’td’）（板上的每个空间）向板添加innerText。函数saveGame（）{let board = [] $（'td'）。each（function（）{board.push（this.innerText）}） }//…

Array.reduce所有事情

ECMAScript 5.1在Array上引入了许多操作，包括map ， filter和reduce 。这些功能使JavaScript开发人员可以用一些简洁的功能编程替代方法来替换经典的for循环。给定一个数组arr = [1, 2, 3] ，您曾在其中写过 var total = 0; for（var i…

前瞻性思维-永远不完整的现代JavaScript＃4 Spread运算符指南

在上一篇文章中，我们遇到了魔术三点“…”别名散布运算符。在我们去地图之前，这些点值得探索。散布运算符的主要目标是散布数组或可迭代对象的元素。试试这个代码： const log = x => console.log（x）; const myFunction =（a，b，c）=> { log（`a：$ {a}，b：$ {b}，c：$…

精选的monoid及其用途的集合

这是教程9 在系列中实现从JavaScript到PureScript的飞跃。请务必*阅读本系列的介绍，其中介绍了目标和概述以及安装，编译和运行PureScript。我将大约发布一个新教程每月一次。因此，经常回来吧，还有更多！索引| <<简介教程21 >> 欢迎阅读本系列的教程9。从Javascript到PureScript的飞跃，希望您到目前为止喜欢它。在本教程中，我们将通过增加词汇量并展示如何在生产中充分利用它们来打破类人动物的话题。请务必阅读“简介”系列以了解如何安装和运行PureScript。我（经许可）从egghead.io课程的Frisby教授的课程中借用了大纲和javascript代码示例，Brian…

这周我在JavaScript和HTML上学到的13件事

使用Javascript时，发现注释中的步骤编号很有帮助。它有助于使您自己和他人也易于阅读代码。为Javascript创建一个外部表单，与CSS相同，您可以将其嵌入HTML文件中。当需要应用新的更改时，它可以使您的代码保持整洁，并防止您分别更改每个页面。与CSS外部工作表相比，外部JavaScript工作表应放在索引文件的底部。嵌入部分与CSS相比有所不同。要嵌入JS文件，请在“ body”元素内的代码底部键入以下内容：基本上，“ defer async”布尔属性会告诉浏览器，一旦HTML和CSS被加载，就应加载此代码。很酷吧？ 🙂 数组索引以“ 0”而不是1开头。在学习编码的开始阶段很容易忘记。如果您的代码不起作用，则Google Chrome开发者工具（Chrome DevTools）可帮助您更快地找到并修复错误。…