前言这篇文章主要根据自己最近一个月从学习react到最近实际使用ant-design-pro，谈一谈自己的使用心得，个人见解有误的地方望大家指正！1、为什么要选择ant-design-pro？其实我来目前公司之前，公司前端技术栈是vue+vuex+elementui+axios，但是奈何公司前端利用vue做出来东西表现确实一般，更重要的是代码有点乱，用我自己的话说就是野路子太多（当然野路子多会很方
在html5中，新增了很多语义化的标签。如footer、header之类的，今天的主角是dialog标签顾名思义，就是用来定义对话框的。目前只有Chrome和Safari支持该标签，所以用的不多，不过确实挺好用的别担心，有官方的polyfill。 使用方法1. 基础的用法可以open属性控制dialog是否显示，效果如下： 看看浏览器渲染的默认样式： 是挺丑的，
转载
2023-11-20 12:37:11
188阅读
1.数组检测obj instanceof Array//trueArray.isArray(obj)//trueObject.prototype.toString.call(obj)//"[object Array]"2.转换方法arr.toString()、arr.valueOf()3.栈方法push()在数组末端推入，pop()在数组末端弹出4.队列方法shift()返回数组第一项，数组长度减
转载
2023-12-15 20:07:46
83阅读
Ant Design of React在Mac下的简单搭建使用Ant Design of React在Mac下的简单搭建使用1. `Ant Design of React `简介特性2. 环境要求1. `node` 环境1. 方案一:直接使用安装包2. 方案二:使用`brew`安装2. `npm`3. `brew`4. `yarn`3. 项目初始化1. 安装`create-react-app`2
JS 实现 Promise===============MDN Promise 参考地址： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise
github源码地址：https://github.com/ronliruonan/sv-boo
转载
2024-04-24 06:46:15
25阅读
一、原生js实现ajax$.ajax({
url: '',
type: 'post',
data: {name: 'zhaobao', age: 20},
dataType: 'json',
success: function (data) {
},
error: function () {
}
})
function ajax(options) {
opt
转载
2023-08-07 14:40:20
163阅读
7个常用的原生JS数组方法一、Array.map()二、Array.filter()三、Array.reduce()四、Array.forEach()五、Array.find()六、Array.every()七、Array.some()总结 一、Array.map()作用： 循环遍历数组并修改，在原数组基础上返回一个新的修改版本，原数组不变。代码：let arr = [{name: 'hl',a
转载
2023-12-20 05:16:13
64阅读
# 如何使用原生 Axios 进行 HTTP 请求
Axios 是一个非常流行的 JavaScript 库，专门用于处理 HTTP 请求。对于刚入行的开发者，使用 Axios 可以极大地简化发送 API 请求的流程。本文将指导你如何使用原生 Axios，并提供详细的步骤和代码示例。
## 流程概述
使用原生 Axios 的流程可以分为以下几个步骤：
| 步骤 | 描述
一、JS原生ajaxviaajax：一种请求数据的方式，不需要刷新整个页面；ajax的技术核心是 XMLHttpRequest 对象； ajax 请求过程：创建 XMLHttpRequest 对象、连接服务器、发送请求、接收响应数据；原文来自：http://caibaojian.com/ajax-jsonp.html下面简单封装一个函数，之后稍作解释ajax({
url: "./T
转载
2023-11-05 08:41:30
410阅读
1、什么是Ajax AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。是指一种创建交互式网页应用的网页开发技术，用于浏览器和服务器之间进行数据交互。AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。2、Ajax的基本使用 使用Ajax无外乎就是以下四个步骤：1.创建
转载
2023-11-02 22:06:48
126阅读
最近在使用vite+react + ant-design 来搭建个人站点，看到网上好多网站都实现了黑白皮肤的切换，并且ant-design帮我们实现了三套主题色，一个默认亮白色，暗黑主题和紧凑主题。于是我也想来弄一弄。最后还是实现了，打包后也是ok的。效果思路对于网站需要切换主题的话，一般有以下几种办法。使用css覆盖的方式，由于css基于后面的css覆盖前面的原理，所以这一点也是可以的。但是这一
Ajax简介ajax = 异步 JavaScript 和 XML。 ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。我们知道，传统的网页（不使用ajax）如果需要更新内容，必须重新加载整个网页。Ajax的出现，使得使网可以实现异步更新，这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 注意：ajax本身不支持跨域请求，需要在服务器端处理。工作原理ajax
转载
2023-12-03 00:49:24
70阅读
我们可能已经用过很多JS插件，比如著名的轮播图插件Swiper.js，滚动条插件iScroll.js等等，用起来非常方便，大大提高了我们的工作效率。那么它们基本实现原理是怎样的呢？我们又该如何DIY一个可以复用的JS插件呢？接下来，我将以图片无缝循环轮播为例，手把手教你封装一个方便复用的原生JS插件。开始之前，我们先看看实现后的具体效果吧 → 图片无缝循环轮播 。一、面向过
转载
2023-12-18 15:32:08
85阅读
1.什么是 ajax ajax的出现刚好解决了传统方法的缺陷，ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，ajax可以使i网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。2.XMLHttpRequest 对象 &nbs
转载
2024-01-03 15:03:37
53阅读
下面小编就为大家分享一篇原生JS实现ajax与ajax的跨域请求实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧一、原生JS实现ajax第一步获得XMLHttpRequest对象第二步：设置状态监听函数第三步：open一个连接，true是异步请求第四部：send一个请求，可以发送一个对象和字符串，不需要传递数据发送null第五步：在监听函数中，判断readyState=4&am
转载
2024-01-06 19:51:58
101阅读
// 先定义一个简化的输出函数cwindow.c = function(oper, result){
result ? console.log(oper, '=>', result) : console.log(oper);
}>>> 一、选择器 document.querySelector(selectors) // 接受一个CSS选择器作
转载
2023-12-14 17:09:04
11阅读
1.js代码一般使用引入外部文件的方法，如果使用内嵌式代码需要放在body内容最后，以防htm元素内容未加载，获取不到
获取元素一般使用内置对象document的方法:document.getElementById(“填写id”)，返回是元素的对象
//获取元素对象
var o = document.getElementById()；
var o = document.getElement
转载
2023-12-26 16:55:03
42阅读
组件化组件化的实现和使用步骤1.1 注册组件的基本步骤1.2 组件化的基本使用全局组件和局部组件父组件和子组件注册组件语法糖组件模块抽离方法组件数据的存放组件中的data为什么必须是函数？父子组件的通信父传子props驼峰标识子传父父子组件通信—结合双向绑定案例父子组件访问父访问子 children-refs子访问父 parent-root 组件化的实现和使用步骤组件化： 如果我们将一个页面所有
转载
2024-04-09 14:41:36
62阅读
# 原生 JavaScript 元素使用 jQuery 的指南
在现代网页开发中，JavaScript 是必不可少的工具。而 jQuery 作为一个流行的 JavaScript 库，简化了 DOM 操作和事件处理。本文将探讨如何使用原生 JavaScript 元素并结合 jQuery 进行高效开发。我们还将提供一些示例代码，以帮助您更好了解二者的结合。
## 1. 理解 DOM
Docume
# 使用js原生引入axios进行网络请求
在前端开发中，经常需要使用ajax或fetch等工具来进行网络请求。而axios是一个基于promise的HTTP客户端，可以用于浏览器和Node.js的网络请求。它比起原生的fetch更加方便易用，因此在实际开发中被广泛使用。
## 安装axios
在使用axios之前，需要先安装axios。可以通过npm进行安装：
```bash
npm i
原创
2024-04-09 06:04:25
156阅读
