AJAX 的全名叫做 Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。它最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容，优化用户体验。平时自己使用 ajax 做请求都是用的 jquery 里封装好的 ajax 函数，下面用javascript来写一写原生的ajax请
转载
2023-12-13 12:01:03
55阅读
在现代 Web 应用开发中，使用原生 HTML 和 JavaScript 发送 HTTP 请求已成为一种常见需求。而 axios 作为一个流行的 HTTP 客户端库，因其简洁易用而广受欢迎。然而，在有些场景中，我们可能会遇到“原生 HTML 使用 axios”的一些问题。本文将详细记录解决此类问题的过程。
## 问题背景
当我们的前端项目逐步增大时，前后端的交互变得日益频繁。为了提高效率，很多
梳理原因： 不管使用哪种 ui 框架，ui框架能满足的交互，都是以原生标签为前提。即如果原生标签没有的功能，框架一般也没有封装。html标签第一类 head等头部标签类1 style 标签引用外部css ； 包裹css代码<html>
<head>
<style type="text/css">
h1 {color:red}
p {color:blue}
<
转载
2024-01-30 20:37:15
34阅读
扩展 HTML 原生标签（上）在 HTML 中有很多元素标签，如 DIV、 SPAN、INPUT、TABLE 等，元素标签也是组成 HTML 页面的核心内容。在 Javascript 中，每个元素标签都有自己的属性、方法和事件，通过这三个要素，可以通过 Javascript 操作 HTML，让使用者可以和页面进行交互。虽然每个元素标签都有大量的属性、方法和事件，但有的时候依然不能满足我们的要求，有
转载
2024-04-18 14:45:48
53阅读
一、首先要了解一下什么是
HTML，
HTML（Hyper Text Markup Language，简称：
HTML）也叫作超文本标记语言，是一种
使用结构化Web网页及其内容的标记语言，
HTML文档也叫做Web页面，下面就来讲讲一些
HTML中常用的标签。二、<a></a>:a标签是
HTML中的链接标签，用来链接页面以外的内容。a标签也叫anchor（锚点）元素，既可以用来链接到
转载
2023-12-17 09:42:11
58阅读
我们可能已经用过很多JS插件，比如著名的轮播图插件Swiper.js，滚动条插件iScroll.js等等，用起来非常方便，大大提高了我们的工作效率。那么它们基本实现原理是怎样的呢？我们又该如何DIY一个可以复用的JS插件呢？接下来，我将以图片无缝循环轮播为例，手把手教你封装一个方便复用的原生JS插件。开始之前，我们先看看实现后的具体效果吧 → 图片无缝循环轮播 。一、面向过
转载
2023-12-18 15:32:08
85阅读
# 使用原生JS结合Axios解决HTTP请求问题
在现代Web开发中，处理HTTP请求是一项常见任务。虽然浏览器提供了Fetch API来简化请求，但Axios因其便捷性和强大的功能而受到广泛欢迎。本文将展示如何在原生JavaScript中使用Axios，与之结合解决一个具体的API数据请求问题。
## 项目背景
假设我们正在开发一个网站，用户可以查看旅行目的地的天气情况。为此，我们需要从
ES6标准发布后，module成为标准，标准的使用是以export指令导出接口，以import引入模块，但是在我们一贯的node模块中，我们采用的是CommonJS规范，使用require引入模块，使用module.exports导出接口。node编程中最重要的思想之一就是模块，而正是这个思想，让JavaScript的大规模工程成为可能。模块化编程在js界流行，也是基于此，随后在浏览器端，requ
前言之前公司设计的网站比较混乱，很多地方不统一，其中一个就是弹出层，导致这个原因是因为，公司的UI换了好几个人，而他们每个人做出来的都不太一样。最近公司开始整顿这个问题，对于统一的这种东西当然是做成一个模块，或者插件，而我打算做成插件。之所以写这篇文章是因为，当写完这个插件以后，发现其中有不少的理念，而这些理念我想把它总结一下，虽然这个插件并不复杂。该怎样架构？对于架构这个概念，接触的比较少，我的
1、为什么会发生跨域问题？ 1、浏览器限制； 2、跨域（域名，端口不一样都是跨域）； 3、XHR（XMLHttpRequest请求）；同时满足以上三个条件就会产生跨域。2、解决跨域的方法 (1)、从浏览器出发，允许浏览器跨域。 思路：通过命令行修改浏览器启动参数，使得浏览器不进行跨域检查，从而允许跨域 方法：命令行参数启动浏览器后添加参数--disable-web-
HTML的relative与absolute区别：说实话html这门语言算的上是这个世界上最简单的一门语言了，标签语言嘛，就是标签多了点英文单词超多，不过都是有规律的比如文本类居中text-align:center;加粗text-weight:bold;.但是还是有一些比较难理解掌握标签和属性，就比如属性position,它是定位的一种方式代码如下：#div1{
position: relati
## 原生HTML引入Axios的解决方案
在开发现代Web应用的时候，利用API获取数据是一个常见的需求。Axios作为一个基于Promise的HTTP客户端库，因其易用性和强大功能而被广泛采用。然而，在原生HTML页面中引入并使用Axios时，许多开发者会遇到一些令人困惑的问题。我们将通过以下几个部分剖析这一问题并提供解决方案。
### 问题背景
当我们在一个简单的原生HTML页面中使用
async官方DOC介绍node安装npm install async --save复制代码使用var async = require('async')复制代码js文件github.com/caolan/asyn…async提供了很多函数用于异步流程控制，下面是async核心的几个函数，完整的函数请看async官方DOCasync.map(['file1','file2','file3'], fs
//原生js写ajax就像打电话
//打电话分下面4步
//1.拿出手机
//2.拨号
//3.说话
//4.听对方说话//ajax也分下面4步
//1.创建ajax对象
//2.连接到服务器
//3.发送请求（告诉服务器我要什么文件）
//4.接收返回值下面是原生js写ajax的具体写法 <script>
window.οnlοad=function()
{
var
转载
2024-09-12 00:38:43
63阅读
ES6引入外部模块分两种情况：1.导入外部的变量或函数等；import {firstName, lastName, year} from './profile';2.导入外部的模块，并立即执行import './test'
//执行test.js，但不导入任何变量第2种情况就不用讲了，就是执行从头到尾执行引入的js文件，当然，会忽略js文件里export。下面详细讲第1种情况。两个js文件,cou
转载
2023-12-07 09:53:06
180阅读
# 使用原生Axios的指南
## 流程概述
在使用原生Axios进行HTTP请求时，我们需要按照以下步骤进行操作：
| 步骤 | 描述 |
|-----------|-------------------------------|
| 1 | 安装Axios |
| 2
原创
2024-09-08 06:37:23
62阅读
原生使用 axios 的解决方案
在现代的前端开发中，`axios` 是一个广泛使用的 HTTP 客户端库。然而，有时其原生使用会导致一些不方便之处，影响到应用的性能和用户体验。以下是针对这些问题的详细解析与解决方案。
> 关于用户的反馈：“我们在使用 axios 发起请求时，遇到了响应速度慢和数据处理不便的问题。这让我们的应用表现变得不佳，用户体验下降。”
```mermaid
quadr
@目录1. 简介2. 学习目标3. 应用程序交付4. CI / CD5. GitOps6. 其它资源1. 简介这些年来，在任何平台上部署应用程序都有了很大的进步。一开始,应用程序可能会在同一台机器上执行他们写,后经由物理媒介(软盘、u盘、CD),现在我们在代码中检查服务器,构建和应用程序,把它放在一个容器,直接将其部署到一个平台像Kubernetes。
我们交付应用程序的方式深受DevOps运动的
在现代前端开发中，处理 HTTP 请求是一个不可或缺的部分。Axios 是一个流行的 HTTP 客户端库，旨在使与服务器的交互变得更加简单。然而，在我开始使用 Axios 的过程中，也遇到了一些痛点和挑战。接下来，我将详细记录我在“axios原生使用”中解决各种问题的过程，并分享我的经验和收获。
### 背景定位
在我们的项目伊始，随着业务的快速增长，HTTP 请求的频繁交互成为了我们应用瓶颈
一、什么是跨域请求？Ajax技术由于受到浏览器的限制，该方法不允许跨域通信，如上图所示，主要原因：同源策略阻止从一个域上加载的脚本获取或操作另一个域上的文档属性。也就是说，受到请求的 URL 的域必须与当前 Web 页面的域相同。这意味着浏览器隔离来自不同源的内容，以防止它们之间的操作。Ajax为什么不能实现跨域请求？出于安全性考虑，默认情况下，浏览器中的同源策略不允许我们向另外一个域发送请求。二
