您想在WordPress页面或帖子中添加JavaScript吗？有时您可能需要将JavaScript代码添加到整个网站或特定页面。默认情况下，WordPress不允许您直接在帖子中添加代码。在本文中，我们将向您展示如何在WordPress页面或帖子中轻松添加JavaScript。 什么是JavaScript？ JavaScript是一种编程语言，不在您的服务器上运行，而是在用户的浏览器上运行。这种客户端编程允许开发人员在不降低网...
window.onload（）通常用于元素，在页面完全加载后（包括图片，css文件等等）执行脚本代码。 只有一个要执行的函数语法： 窗口。onload = funcRef ; 在页面加载完成后funcRef方法会被调用。 有多个要执行的函数语法： 窗口。onload = function （）{ Func1 （）; Func2 （）; Func3 （）; ..... } 在页面加载完成后依次执行Func1，Func2，Func3。 为什么使用 window.onload()? 因为 Ja...
原型链会有什么问题? 以我的拙见，这个问题的答案是：没有。但是社区花了很多年的时间才将类的概念强加到不同的结构和库中，因此ECMA技术委员会决定无论如何都要添加它。 你会问，这有什么问题吗?这就是他们真正做的，在我们已经拥有的原型继承之上添加了一些构成，并决定将其称为类，这反过来又让开发人员认为他们正在处理一种面向对象的语言，而实际上它们并不是。 类只不过是语法糖...
我们称一个字符序列为字符串。这几乎是所有编程语言中都有的基本类型之一。这里跟大家展示关于 JS 字符串的10个很棒的技巧，你可能还不知道哦? 1.如何多次复制一个字符串 JS 字符串允许简单的重复，与纯手工复制字符串不同，我们可以使用字符串的repeat方法。 const laughing = '小智'.repeat(3) consol.log(laughing) // "小智小智小智" const eightBits = '1'.repeat(8) co...
使用GPU.js改善JavaScript性能 你是否曾经尝试过运行复杂的计算，却发现它需要花费很长时间，并且拖慢了你的进程? 有很多方法可以解决这个问题，例如使用web worker或后台线程。GPU减轻了CPU的处理负荷，给了CPU更多的空间来处理其他进程。同时，web worker仍然运行在CPU上，但是运行在不同的线程上。 在该初学者指南中，我们将演示如何使用GPU.js执行复杂的数学计算并提高JavaScript...
JavaScript以众多技巧出名，了解JavaScript的所有技巧几乎不可能。最近在浏览JavaScript的相关文件，阅读相关话题时我又发现了一个从没见过的功能点。我大概不是最后一个学到这个技巧的人，所以我想与各位分享。 它完全改变了我访问嵌套对象的方式!希望它能够帮助到你们。 技巧 这个技巧就叫做可选链。它实际上是一个操作符，写法是 ?.。根据Mozilla网站文件，可选链操作符的功能是...
1. 删除数组的重复项 2. 替换数组中的特定值 有时在创建代码时需要替换数组中的特定值，有一种很好的简短方法可以做到这一点，咱们可以使用 .splice(start、value to remove、valueToAdd) ，这些参数指定咱们希望从哪里开始修改、修改多少个值和替换新值。 3. Array.from 达到 .map 的效果 咱们都知道 .map() 方法， .from() 方法也可以用来获得类似的效果且代码也很简洁。 4.置空...
const icon = ''; // 模板字符串 `hi ${icon}`; // join() 方法 ['hi', icon].join(' '); // Concat() 方法 ''.concat('hi ', icon); // + 操作符 'hi ' + icon; // RESULT // hi 1. 模板字符串 如果你来自另一种语言(例如Ruby)，则将熟悉字符串插值一词。这正是模板字符串要实现的目标。这是在字符串创建中包含表达式的一种简单方法，该方法简洁明了。 const ...
用常量来表示数字 如果我们有很多重复的值且表示一样的含义，但没有明确地说明，那么我们应该将它们转换为常量，以便每个人都知道它们的含义，并且如果需要更改，我们只需更改一个地方就行了。 例如我们可能会这样写代码： const getWeight = (mass) => mass * 9.81 const potentialEnergy = (mass, height) => mass * height * 9.81 对于含义相同的数学我可以用常量表示： ...
1. 过滤唯一值 ES6 引入了 Set 对象和延展（spread）语法…，我们可以用它们来创建一个只包含唯一值的数组。 const array = [1, 1, 2, 3, 5, 5, 1] const uniqueArray = [...new Set(array)]; console.log(uniqueArray); // Result: [1, 2, 3, 5] 在 ES6 之前，获得同样的数组需要更多的代码！ 这个技巧可以支持包含原始类型的数组：undefined、null、boolean、string 和 numbe...
什么是JS闭包？ 分分钟了解弄懂JavaScript闭包 先看一段代码： function a(){ var n = 0; function couter() { n++; console.log(n); } couter(); couter(); } a(); //控制台输出1，再输出2 再来看一段代码： function a(){ var n = 0; this.couter = function () { n++; console.log(n); }; } var c = new a(); c.couter...
1.基本类型 基本的数据类型有：undefined，boolean，number，string，null。基本类型的访问是按值访问的，就是说你可以操作保存在变量中的实际的值。基本类型有以下几个特点： 1.基本类型的值是不可变得 任何方法都无法改变一个基本类型的值，比如一个字符串： var name = 'jozo'; name.toUpperCase(); // 输出 'JOZO' console.log(name); // 输出 'jozo' 会发现原始的name并未发...
ES6 引入了一种新的原始数据类型 Symbol，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。 基本类型 JavaScript 中共有 6 种基本数据类型：Undefined、Null、Boolean、Number、String、Symbol (new in ES 6) ！ 约定：基本数据类型与原始数据类型等意。 基本数据类型的...
JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据： 使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。 使用 innerHTML 写入到 HTML 元素。 使用 console.log() 写入到浏览器的控制台。 使用 window.alert() 你可以弹出警告框来显示数据： 实例 <!DOCTYPE html> <html> <body> <h1>我的第一个页面<...
Iterator Pattern是一个很重要也很简单的Pattern：迭代器！ 我们可以提供一个统一入口的迭代器，Client只需要知道有哪些方法，或是有哪些Concrete Iterator，并不需要知道他们底层如何实作！现在就让我们来开始吧！ 起手式 Iterator最主要的东西就是两个：hasNext、next。要让Client知道是否还有下一个，和切换到下一个！ 定义Interface interface IteratorInterface { index: num...
script标签 如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。 <script> 和 </script> 会告诉 JavaScript 在何处开始和结束。 <script> 和 </script> 之间的代码行包含了 JavaScript: <script> alert("我的第一个 JavaScript"); </script> 您无需理解上面的代码。只需明白，浏览器会解释并执行位于 和 之间的 JavaScript 代...
JavaScript 字面量 在编程语言中，一般固定值称为字面量，如 3.14。 数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。 3.14 1001 123e5 字符串（String）字面量 可以使用单引号或双引号: "John Doe" 'John Doe' 表达式字面量 用于计算： 5 + 6 5 * 10 数组（Array）字面量 定义一个数组： [40, 100, 1, 5, 25, 10] 对象（Object）字面量 定义...
一、this原理 this是JavaScript的一个关键字，函数调用时才会出现; 因为函数是在一定的环境中运行的，调用函数时肯定需要知道是[谁调用的]?就用到了this进行指向; 那么this到底指向的是什么? this 既不指向函数自身，也不指函数的词法作用域，而是调用函数时的对象! 二、使用场景 (一)普通函数的调用，this指向的是Window var name = '卡卡'; function cat(){ var name = '有...
我相信学习新事物并评估我们所知的东西对自己的进步非常有用，可以避免了我们觉得自己的知识过时的情况。在本文中，我将介绍一些常见的 JavaScript 知识。请享用! 1.声明 查看以下代码，并回答输出的内容(以及原因)。 // situation 1 console.log(person); var person = 'John'; // situation 2 console.log(person); let person = 'Phill'; // situation 3 console.log(p...
前言 最初，JavaScript 只能在 Web 浏览器中运行，但是随着 Node 的出现，现在 JavaScript 也可以在服务端运行。虽然我们可能知道应该在何时何地去使用它， 但是我们真的了解这些脚本执行的背后发生了什么吗？ 如果您觉得自己对 JavaScript 引擎有了一些了解的话，可以先给自己鼓个掌，但不要急着关掉本文，我相信阅读完成后您仍然可以从中学到一些东西。 JavaScript 是一门高级语言，...