layout: post title: JS(一)基本语法、数据类型与DOM树操作 description: JS(一)基本语法、数据类型与DOM树操作 tag: 前端 文章目录JS概念快速入门js引入基本语法严格检查模式数据类型字符串数组流程控制Map和Set函数定义与参数传递变量的作用域、let、const方法的定义与调用常用内部对象json对象原型操作BOM对象操作DOM对象表单操作(验证)
你好,朋友。欢迎进入JS基础引导——引用类型 引用类型是一种数据结构,用于将数据和功能组织在一起。Object类型我们看到的大多数类型都是object类型的实例。他不具备太多的功能,但是对于数据的存储和传输非常方便。他和 java 之中的类非常的相似。 定义方法有两种: 如下:var person = new object(); person.name = "Jack"; person.age
目录一、JavaScript入门1 - JavaScript简介2 - JavaScript嵌入页面的方式3 - 变量、数据类型及基本语法规范4 - 函数定义和调用5 - 获取元素6 - 操作元素7 - 事件属性及匿名函数8 - 条件语句9 - 案例:聊天对话框二、JavaScript进阶1 - 数组及操作方法2 - 循环3 - 定时器4 - 定时器制作动画经典案例5 - 字符串处理6 - Ja
# 从JavaScript 调用axios 在前端开发中,我们经常需要与后端服务器进行数据交互。其中,一个常见的方法是使用axios来发送HTTP请求。axios是一个基于Promise的HTTP客户端,可以在浏览器和node.js中使用。本文将介绍如何在JavaScript中调用axios来发送请求。 ## axios的安装 在开始使用axios之前,我们首先需要安装它。可以通过npm来安
原创 2024-02-22 05:40:48
60阅读
JavaScript是单线程语言,但是它允许通过设置超时值和间歇时间值使代码在特定的时间内运行。setTimeout超时调用需要使用 window 对象的 setTimeout()方法,它接受两个参数:要执行的代码和以毫秒 表示的时间(即在执行代码前需要等待多少毫秒)。其中,第一个参数可以是一个包含 JavaScript 代码的 字符串(就和在 eval()函数中使用的字符串一样),也可以是一个函
转载 2024-10-09 14:06:40
18阅读
# 如何使用axios引入JavaScript 在前端开发中,我们经常需要与服务器进行数据交互。而在JavaScript中,我们可以使用axios库来进行网络请求。axios是一个基于Promise的HTTP客户端,可以用于浏览器和Node.js。 ## 实际问题 假设我们有一个网页,需要从服务器获取数据并展示在页面上。我们可以使用axios来发送请求并处理响应,以达到获取并展示数据的目的。
原创 2024-04-04 04:35:34
245阅读
# axios JavaScript CDN 封装 ## 介绍 在前端开发中,我们经常需要与后端进行数据交互。而通过 HTTP 请求获取数据已成为前端开发的标配。在 JavaScript 中,我们可以使用 `fetch`、`XMLHttpRequest` 等原生 API 发送 HTTP 请求。但是这些原生 API 使用起来不够简洁和方便,因此我们常常使用第三方库来进行封装,以提高开发效率。其中
原创 2024-01-12 12:22:26
41阅读
JavaScript数组API全解密(一)Array构造器语法及介绍: Array构造器根据参数长度的不同,有如下两种不同的处理:new Array(arg1, arg2,…),参数长度为0或长度大于等于2时,传入的参数将按照顺序依次成为新数组的第0至N项(参数长度为0时,返回空数组)。new Array(len),当len不是数值时,处理同上,返回一个只包含len元素一项的数组;当len为数值时
转载 8月前
0阅读
HTML 中,使用 <form> 来表示表单元素;在 JavaScript 中,使用的是 HTMLFormElement 类型,它继承自 HTMLElement,所以它有继承了来的一些属性,除此之外,还有一些独有的属性和方法:属性和方法说明acceptCharset字符集;等价于 HTML 中的 accept-charset 属性。action请求 URL;等价于 HTML 中的 ac
转载 2024-01-30 01:49:52
84阅读
JavaScript开发中,发送HTTP请求和处理响应是非常常见的任务。axios是一种流行的JavaScript库,它提供了一个简单的API用于发送HTTP请求。本文将介绍如何在JavaScript中使用axios,并提供一个实际的示例。安装和导入axios在使用axios之前,我们需要先安装它。可以使用npm命令行工具来安装axios。npm install axios安装完成后,我们需要将
原创 2023-07-19 11:47:45
3037阅读
 /* 本文件说明: 一、拦截器的封装:可以携带添加token,添加loading等 1. 少见:类的封装:可以创建多个axios实例,例如:const mzRequest1 = new MzRequest(config1) / const mzRequest2 = new MzRequest(config2) 2. 实例的拦截器封装:可以对不同的axios实例,创建该实例特有的拦截器。
转载 2023-07-04 14:41:34
30阅读
JavaScript 是一种易于学习的编程语言,编写运行并执行某些操作的程序很容易。然而,要编写一段干净的JavaScript 代码是很困难的。在本文中,我们将研究如何让我们的函数更清晰明了。对对象参数使用解构如果我们希望函数接收很多参数,那么应该使用对象。在此基础上,我们就可以使用解构语法提取我们需要的参数。例如,对于对象参数,我们可能会这样使用:const greet = (obj) =&gt
转载 2023-11-24 02:03:47
54阅读
目录1. ajax1.1 ajax简介1. ajax1.1 ajax简介AJAX 是 Asynchronous JavaScript and XML 的缩写,指的是
原创 2022-07-12 17:25:49
118阅读
一、Axios是什么?Axios是一个基于promise的网络请求库,可用于node.js和浏览器中。它是isomorphic的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生node.js http模块,而在客户端(浏览器端)则使用XMLHttpRequests。特性 1. 从浏览器创建XMLHttpRequests,从node.js创建http请求 2. 支持promis
转载 2024-10-13 12:46:03
20阅读
文章目录async、await异步函数写法异步函数返回值异步函数的异常await关键字await处理异步请求 async、await异步函数写法async关键字用于声明一个异步函数:async是asynchronous单词的缩写,异步、非同步;sync是synchronous单词的缩写,同步、同时;async异步函数和普通函数一样可以有很多中写法:// 1.最常用的方式 async functi
变量<!--  行内式引入javascript代码  --><a href="javascript:alert('行内式引入js')">行内式</a><div onclick="alert('行内式引入js')">行内式div</div><!--  内嵌式引入javascript代码
转载 2024-08-15 15:50:14
63阅读
封装定义:封装就是把抽象出来的数据和对数据 的操作封装在一起,数据被保护在内部,程序的其它部分才能通过授权(方式如内部自己定义函数,如java的get ,set 方法),才能对数据进行操作下面为最通俗易懂的封装了,但这个和java不同,这里只有公开类与私有类<script type="text/javascript"> function Person(name, age
Vue: 将axios封装为Javascript对象
原创 2021-09-02 09:45:51
338阅读
该上传功能主要用到html5新属性FormData,通过XMLHttpRequest对象send到服务器,支持文件多选和多次选择、文件去重、移除已选文件等 1、html代码<div class="formtitle upLoad">附件上传</div> <div class="chooseFile" style="height: auto;"
# 使用JavaScript axios将JSON文件拼接为表格 ## 概述 在本文中,我将教会你如何使用JavaScript axios库将JSON文件拼接为表格。我们将使用axios库来发送HTTP请求并获取JSON数据,然后使用JavaScript和HTML将其转换为表格。 ## 步骤 下面是整个过程的步骤概述: ```mermaid erDiagram Step1 -->> S
原创 2023-11-12 03:16:40
74阅读
  • 1
  • 2
  • 3
  • 4
  • 5