javascript文章/教程

JavaScript是一种运行是浏览器里面的脚本语言,不过随着发展目前JavaScript也是一个全栈的开发语言了,比如可以运行在后端的nodejs,能做跨平台桌面应用程序开发的election等,目前JavaScript正在变成一门全面的语言。JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

JavaScript传参的6种方式总结

目录 前言 1. 传递基本类型参数 2. 传递对象类型参数 3. 使用解构赋值传递参数 4. 使用展开运算符传递参数 5. 使用可选参数 6. 使用剩余参数 总结 前言 JavaScript是一门非常灵活的语言,其参数传递方式也同样灵活。在本篇文章中,会详细介绍JavaScript中的参数 »

详解JavaScript数组reduce()方法的高级技巧

目录 1、语法 2、实例解析 initialValue 参数 3、reduce的简单用法 4、reduce的高级用法 reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这个问题,之前我也想过,要说原因还真找不到,唯一能找到的是: »

JavaScript改变函数作用域的方法示例

目录 前言 使用call和apply方法 使用bind方法 使用箭头函数 总结 前言 在JavaScript中,函数的作用域是非常重要的概念。根据默认的行为,函数只能访问自己的作用域以及其父级作用域中声明的变量。 然而,JavaScript提供了一些方法来改变函数的作用域。在这篇博客中, »

JavaScript改变函数作用域的方法示例

目录 前言 使用call和apply方法 使用bind方法 使用箭头函数 总结 前言 在JavaScript中,函数的作用域是非常重要的概念。根据默认的行为,函数只能访问自己的作用域以及其父级作用域中声明的变量。 然而,JavaScript提供了一些方法来改变函数的作用域。在这篇博客中, »

JavaScript如何生成二维数组

目录 JavaScript生成二维数组 方法一  方法二 方法三 JS中创建二维数组的坑 原因 总结 JavaScript生成二维数组 方法一  new Array(x).fill(new Array(y).fill(0)) 但注意,当一个对象被传递给fill方法时,填充数组的 »

JavaScript如何生成二维数组

目录 JavaScript生成二维数组 方法一  方法二 方法三 JS中创建二维数组的坑 原因 总结 JavaScript生成二维数组 方法一  new Array(x).fill(new Array(y).fill(0)) 但注意,当一个对象被传递给fill方法时,填充数组的 »

JavaScript两种axios取消请求方式小结

在使用 axios 发起请求时,有两种方法可以取消请求: 通过 CancelToken 实例来取消请求您可以通过创建一个 CancelToken 实例并将其传递给请求的 config 对象中来实现取消请求。然后,在需要取消请求的地方,您可以调用 cancel 方法以发送取消请求信号。 以下是一个例 »

JavaScript中Promise的简单使用及其原理详解

Promise是ES6最重要的特性之一,今天来系统且细致的研究一下Promise的用法以及原理。 按照我往常的理解,Promise是一个构造函数,有all、resolve、reject、then、catch等几个方法,一般情况下,在涉及到异步操作时才会用到Promise。 所以我接下来先new一 »

JavaScript中Promise的简单使用及其原理详解

Promise是ES6最重要的特性之一,今天来系统且细致的研究一下Promise的用法以及原理。 按照我往常的理解,Promise是一个构造函数,有all、resolve、reject、then、catch等几个方法,一般情况下,在涉及到异步操作时才会用到Promise。 所以我接下来先new一 »

基于Javascript开发连连看游戏小程序

目录 01、程序设计的步骤 1. 设计点类Point 2. 设计游戏主逻辑 3. 编写函数代码 “连连看”是源自台湾的桌面小游戏,自从流入大陆以来风靡一时,也吸引众多程序员开发出多种版本的“连连看”。“连连看”考验的是各位的眼力,在有限的时间内,只要把所有能连接的相同图案,两个一对地找出来 »

基于Javascript开发连连看游戏小程序

目录 01、程序设计的步骤 1. 设计点类Point 2. 设计游戏主逻辑 3. 编写函数代码 “连连看”是源自台湾的桌面小游戏,自从流入大陆以来风靡一时,也吸引众多程序员开发出多种版本的“连连看”。“连连看”考验的是各位的眼力,在有限的时间内,只要把所有能连接的相同图案,两个一对地找出来 »

基于原生JavaScript实现SPA单页应用

目录 什么叫做SPA单页应用 单页应用的优点 单页应用的实现原理 上代码 代码说明 动图演示 DEMO 什么叫做SPA单页应用 单页Web应用 (single page web application,SPA) ,就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互 »

基于原生JavaScript实现SPA单页应用

目录 什么叫做SPA单页应用 单页应用的优点 单页应用的实现原理 上代码 代码说明 动图演示 DEMO 什么叫做SPA单页应用 单页Web应用 (single page web application,SPA) ,就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互 »

html嵌入javascript代码的三种方式

目录 一、概念 二、html嵌入javascript代码的三种方式 1.事件句柄是以html标签的属性存在的。 2.脚本块的方式 3.引入外部独立的.js文件 一、概念 javascript是运行在浏览器中的脚本语言,运行在浏览器的内存当中,不需要程序员手动编译,编写玩源代码之后,浏览 »

html嵌入javascript代码的三种方式

目录 一、概念 二、html嵌入javascript代码的三种方式 1.事件句柄是以html标签的属性存在的。 2.脚本块的方式 3.引入外部独立的.js文件 一、概念 javascript是运行在浏览器中的脚本语言,运行在浏览器的内存当中,不需要程序员手动编译,编写玩源代码之后,浏览 »

JavaScript实现简单的Markdown语法解析器

目录 什么是markdown 上代码 实现原理 demo 什么是markdown Markdown 是一种轻量级标记语言,创始人为约翰·格鲁伯(John Gruber)。 它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者HTML)文档。这种语言吸收了很多在电子 »

深入了解 JavaScript 内存泄漏

在任何语言开发的过程中,对于内存的管理都非常重要,JavaScript 也不例外。但是如果我们对内存泄漏没有什么概念,就有可能因为内存泄漏,导致许多问题。了解内存泄漏,如何避免内存泄漏,都是不可缺少的。 作者:京东零售 谢天 在任何语言开发的过程中,对于内存的管理都非常重要,JavaSc »

Jcloud

深入了解 JavaScript 内存泄漏

在任何语言开发的过程中,对于内存的管理都非常重要,JavaScript 也不例外。但是如果我们对内存泄漏没有什么概念,就有可能因为内存泄漏,导致许多问题。了解内存泄漏,如何避免内存泄漏,都是不可缺少的。 作者:京东零售 谢天 在任何语言开发的过程中,对于内存的管理都非常重要,JavaSc »

Jcloud

一文详解JavaScript如何安全的进行数据获取

目录 获取数据的方式 更优雅的方式 封装类 开源的解决方案 axios Redaxios Wretch 获取数据的方式 fetch可能是我们在 JavaScript 获取数据最常见的方式。 但是,我们用fetch获取数据的的代码很有可能存在安全问题: 代码示例: const »