摘要：array_keys — 返回数组中部分的或所有的键名 说明 array_keys ( array $array [, mixed $search_value = null [, bool $strict = false ]] ) : array array_keys() 返回 input 数组中的
阅读全文
摘要：array_key_exists — 检查数组里是否有指定的键名或索引 说明 array_key_exists ( mixed $key , array $array ) : bool 数组里有键 key 时，array_key_exists() 返回 TRUE。 key 可以是任何能作为数组索引的
阅读全文
摘要：array_intersect_assoc — 带索引检查计算数组的交集 说明 array_intersect_assoc ( array $array1 , array $array2 [, array $... ] ) : array array_intersect_assoc() 返回一个数组
阅读全文
摘要：array_flip — 交换数组中的键和值 说明 array_flip ( array $array ) : array array_flip() 返回一个反转后的 array，例如 array 中的键名变成了值，而 array 中的值成了键名。 注意 array 中的值需要能够作为合法的键名（例
阅读全文
摘要：array_filter — 用回调函数过滤数组中的单元 说明 array_filter ( array $array [, callable $callback [, int $flag = 0 ]] ) : array 依次将 array 数组中的每个值传递到 callback 函数。如果 ca
阅读全文
摘要：说明 array_count_values ( array $array ) : array array_count_values() 返回一个数组： 数组的键是 array 里单元的值； 数组的值是 array 单元的值出现的次数。 参数 input 统计这个数组的值 返回值 返回一个关联数组，用
阅读全文
摘要：说明 array_combine ( array $keys , array $values ) : array 返回一个 array，用来自 keys 数组的值作为键名，来自 values 数组的值作为相应的值。国旗迷 参数 keys 将被作为新数组的键。非法的值将会被转换为字符串类型（strin
阅读全文
摘要：说明 array_column ( array $input , mixed $column_key [, mixed $index_key = null ] ) : array array_column() 返回input数组中键值为column_key的列， 如果指定了可选参数index_key
阅读全文
摘要：说明 array_column ( array $input , mixed $column_key [, mixed $index_key = null ] ) : array array_column() 返回input数组中键值为column_key的列， 如果指定了可选参数index_key
阅读全文
摘要：说明 array_chunk ( array $array , int $size [, bool $preserve_keys = false ] ) : array 将一个数组分割成多个数组，其中每个数组的单元数目由 size 决定。最后一个数组的单元数目可能会少于 size 个。 参数 arr
阅读全文
摘要：array_change_key_case — 将数组中的所有键名修改为全大写或小写 说明 array_change_key_case ( array $array [, int $case = CASE_LOWER ] ) : array array_change_key_case() 将 arr
阅读全文
摘要：条件断点 条件断点是代码在达到时暂停执行的断点，只有当满足特定条件时，此类变量在某个值时才暂停执行。您可以使用上下文菜单（见上文）设置条件断点，或者通过突出显示要在源窗格中中断的行，然后按 ++（Windows/Linux）或 +（macOS）。CtrlShiftBCmdShiftB 当您首次选择设
阅读全文
摘要：var ninja = { yell: function(n){ return n > 0 ? ninja.yell(n-1) + "a" : "hiy"; } }; assert( ninja.yell(4) == "hiyaaaa", "A single object isn't
阅读全文
摘要：function stealthCheck(){ assert( stealth(), "We'll never get below the return, but that's OK!" ); return stealth(); function stealth(){ return true; }
阅读全文
摘要：这些工具可以使您编写的代码更好一些。 工具的这一部分应特定于您自己的开发环境，尽管公司可以安装某种策略或预烘焙的配置以使所有开发人员都使用相同的流程并不罕见。 这包括使您的开发过程在生成稳定和可靠的代码方面更加轻松的所有内容。安全网工具还可以帮助您防止错误或自动纠正错误，而不必每次都从头开始构建代码
阅读全文
摘要：<label> 元素 正如我们在前一篇文章中看到的， <label> 元素是为HTML表单小部件定义标签的正式方法。如果你想构建可访问的表单，这是最重要的元素——当实现的恰当时，屏幕阅读器会连同有关的说明和表单元素的标签一起朗读。以我们在上一篇文章中看到的例子为例: <label for="name
阅读全文
摘要：当你第一次见到它们的时候，promises会让你有点困惑，但现在不要太担心这个。在一段时间之后，您将会习惯它们，特别是当您了解更多关于现代JavaScript api的时候——大多数现代的JavaScript api都是基于promises的。 让我们再看看上面的promises结构，看看我们是否能
阅读全文
摘要：常见第三方API 第三方API种类繁多; 下列是一些比较流行的你可能迟早会用到的第三方API: The Twitter API, 允许您在您的网站上展示您最近的推文等。 The Google Maps API 允许你在网页上对地图进行很多操作（这很有趣，它也是Google地图的驱动器）。现在它是一整
阅读全文
摘要：常见浏览器API 特别地，您将使用的最常见的浏览器API类别（以及我们将更详细地介绍的）是： 操作文档的API内置于浏览器中。最明显的例子是DOM（文档对象模型）API，它允许您操作HTML和CSS — 创建、移除以及修改HTML，动态地将新样式应用到您的页面，等等。每当您看到一个弹出窗口出现在一个
阅读全文
摘要：什么是API? 应用程序接口（API）是基于编程语言构建的结构，使开发人员更容易地创建复杂的功能。它们抽象了复杂的代码，并提供一些简单的接口规则直接使用。 来看一个现实中的例子：想想您的房子、公寓或其他住宅的供电方式，如果您想在您的房子里用电，只要把电器的插头插入插座就可以，而不是直接把它连接到电线
阅读全文
摘要：function loadAsset(url, type, callback) { let xhr = new XMLHttpRequest(); xhr.open('GET', url); xhr.responseType = type; xhr.onload = function() { cal
阅读全文
摘要：了解Async / await确实很有用，但是要考虑一些缺点。 异步/等待使您的代码看起来同步，并以某种方式使其行为更加同步。在await所有的代码块关键字执行后面，直到承诺履行，正是因为它会与同步操作。它的确允许其他任务在此期间继续运行，但是您自己的代码被阻止了。 这意味着您的代码可能会因大量彼此
阅读全文
摘要：您会注意到，我们已经将代码包装在一个函数中，并且在async关键字之前包含了function关键字。这是必要的-您必须创建一个异步函数来定义代码块，在其中运行异步代码；如前所述，await仅在异步函数内部起作用。 在myFetch()函数定义内部，您可以看到代码与先前的Promise版本非常相似，但
阅读全文
摘要：首先，我们有async关键字，您可以将关键字放在函数声明的前面，以将其转换为异步函数。异步函数是一种知道如何预期await使用关键字调用异步代码的可能性的函数。 尝试在浏览器的JS控制台中输入以下几行： function hello() { return "Hello" }; hello(); 该函
阅读全文
摘要：一个线程基本上是一个单一的过程中，一个程序可以使用它来完成任务。每个线程一次只能执行一个任务： Task A --> Task B --> Task C 每个任务将按顺序运行；必须先完成一项任务，然后才能开始下一项任务。 如前所述，许多计算机现在具有多个内核，因此可以一次执行多个操作。可以支持多个线
阅读全文
摘要：通常，给定程序的代码直接运行，一次只发生一件事。如果一个函数依赖于另一个函数的结果，则它必须等待另一个函数完成并返回，直到这种情况发生为止，从用户的角度来看，整个程序实际上都已停止。 例如，Mac用户有时会遇到旋转的彩虹色光标（通常称为“沙滩球”）。光标就是操作系统说的：“您正在使用的当前程序不得不
阅读全文
摘要：上述示例就访问 JSON 而言是简单的，因为我们设置了 XHR 来访问 JSON 格式数据： request.responseType = 'json'; 但是有时候我们没有那么幸运，我们接收到一些 字符串作为 JSON 数据，然后我们想要将它转换为对象。当我们想要发送 JSON 数据作为信息，我们
阅读全文
摘要：JSON 是一种纯数据格式，它只包含属性，没有方法。 JSON要求在字符串和属性名称周围使用双引号。 单引号无效。 甚至一个错位的逗号或分号就可以导致 JSON 文件出错。您应该小心的检查您想使用的数据(虽然计算机生成的 JSON 很少出错，只要生成程序正常工作)。您可以通过像 JSONLint 的
阅读全文
摘要：如果我们要加载对象进入 JavaScript 程序，以保存为一个名为 superHeroes 对象为例，我们使用 . 或 [] 访问对象内的数据（关于. 和 []概念，见 对象基础 ）。如： superHeroes.hometown superHeroes["active"] 为了访问对象中的对象，
阅读全文
摘要：所以在这个例子里，我们很有效的在Teacher()构造函数里运行了Person()构造函数（见上文），得到了和在Teacher()里定义的一样的属性，但是用的是传送给Teacher()，而不是Person()的值（我们简单使用这里的this作为传给call()的this，意味着this指向Teach
阅读全文
摘要：每次迭代中，你需要给当前的 newImage 加上一个 onclick 事件处理函数——它应该： 找到当前图片的 src 属性值。这个可以通过对当前的 <img> 用 "src" 作为参数调用 getAttribute() 函数来完成，但是如何在代码里获取图片？用 newImage 是不行的，因为在
阅读全文
摘要：新的事件触发机制被定义在 Document Object Model (DOM) Level 2 Events Specification, 这个细则给浏览器提供了一个函数 — addEventListener()。这个函数和事件处理属性是类似的，但是语法略有不同。我们可以重写上面的随机颜色背景代码
阅读全文
摘要：在 Web 中, 事件在浏览器窗口中被触发并且通常被绑定到窗口内部的特定部分 — 可能是一个元素、一系列元素、被加载到这个窗口的 HTML 代码或者是整个浏览器窗口。举几个可能发生的不同事件： 用户在某个元素上点击鼠标或悬停光标。 用户在键盘中按下某个按键。 用户调整浏览器的大小或者关闭浏览器窗口。
阅读全文
摘要：在代码中做决定 — 条件在任何程序语言中，程序需要根据不同的输入数据作出相应的选择并执行相关的操作。例如，在游戏中，如果玩家的生命值是0，那么游戏就结束了。在天气应用中，如果在早上打开应用，则显示一个太阳升起的图片，如果在晚上打开，则显示星星和月亮。在这篇文章里我们将探索如何在JS中使用条件结构。循
阅读全文
摘要：在字符串中查找子字符串并提取它 有时候你会想要找出一个较小的字符串是否存在于一个较大的字符串中（我们通常会说一个字符串中存在一个子字符串）。 这可以使用indexOf()方法来完成，该方法需要一个parameter — 你想要搜索的子字符串。 尝试以下： browserType.indexOf('z
阅读全文
摘要：获得字符串的长度 这很简单 — 你可以很轻松的使用 length 属性. 尝试输入以下的两行代码： let browserType = 'mozilla'; browserType.length; 这个结果应该返回一个数字：7,因为"mozilla"的长度为7个字符. 说字符串的长度有用是有很多原因
阅读全文
摘要：连接字符串 连接是一个很花哨的编程词，意思是“连接在一起”。在JavaScript中连接字符串使用加号(+)操作符，我们也用它来将数字加在一起，但是在这种情况下，它做了一些不同的事情。让我们在控制台中尝试一个例子。 let one = 'Hello, '; let two = 'how are yo
阅读全文
摘要：这显示了一个循环用于迭代数组中的项目，并与每个项目进行一些操作 - JavaScript中非常常见的模式。 这里： 迭代器i从0开始（var i = 0）。 循环将会一直运行直到它不再小于猫数组的长度。 这很重要 - 退出条件显示循环仍然运行的条件。 所以在这种情况下，<cats.length仍然是
阅读全文
摘要：关键字for，后跟一些括号。 在括号内，我们有三个项目，以分号分隔： 一个初始化器 - 这通常是一个设置为一个数字的变量，它被递增来计算循环运行的次数。它也有时被称为计数变量。 一个退出条件 -如前面提到的，这个定义循环何时停止循环。这通常是一个表现为比较运算符的表达式，用于查看退出条件是否已满足的
阅读全文
摘要：让我们看看到目前为止你将会在JavaScript中用到的最常见的条件语句类型 — if ... else语句。 基本的的 if…else 语法 基本的if…else语法看起来像下面的 伪代码: if (condition) { code to run if condition is true } e
阅读全文
摘要：这里将用新的 DOM API 为网页添加另一张图片，并用 JavaScript 使图片在点击时进行切换。 首先，找到另一张你想要在你的页面上展示的图片，且尺寸与第一张图片尽可能相同。 将这张图片储存在你的images目录下。 将图片重命名为'firefox2.png'（去掉引号）。 打开 main.
阅读全文
摘要：css中z-index属性在做项目时，常常会用到弹出一个层，然后在这个层上进行操作，操作完成时就关闭弹出层，或者点击别的地方进行关闭层。通常都会在p样式中设置z-index的值，比如父层设置z-index:100，子层就设置大于100，起到弹出父层时，子层能够显示。例如（简单写一下）： <p sty
阅读全文
