Web APIs-Day3(1)

最新推荐文章于 2024-06-12 11:13:48 发布
最新推荐文章于 2024-06-12 11:13:48 发布
阅读量985 收藏 10
点赞数 19
分类专栏： 程序员 文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84092360/article/details/138515297
版权

    • 3.1 创建元素

    • 3.2 增

    • 3.3 删

    • 3.4 改

    • 3.5 查（获取）

    • 3.6 属性操作

    • 3.7 事件操作(重点)

  • 四、事件高级

    • 4.1 注册事件的两种方式

    • 4.2 事件监听

    • 4.3 事件监听兼容性解决方案

    • 4.4 删除事件（解绑事件）

    • 4.5 删除事件的兼容性解决方案（解绑事件）

    • 4.6 DOM事件流

      • 4.6.1 DOM事件流

        • 4.6.1.1 事件冒泡

        • 4.6.1.2 事件捕获

      • 4.6.2事件对象

        • 4.6.2.1什么是事件对象

        • 4.6.2.2 事件对象的使用

        • 4.6.2.3 事件对象的兼容性处理

        • 4.6.2.4 事件对象的属性和方法

        • 4.6.2.5 e.target 和 this的区别

      • 4.6.3阻止默认行为

      • 4.6.4 阻止事件冒泡

      • 4.6.5 事件委托

        • 4.6.5.1什么是事件委托

        • 4.6.5.2 事件委托的原理

        • 4.6.5.3 事件委托的作用

    • 4.7 常用鼠标事件

      • 4.7.1 案例：禁止选中文字和禁止右键菜单

      • 4.7.2 鼠标事件对象

      • 4.7.3 获取鼠标在页面中的坐标

      • 4.7.4 案例：跟随鼠标的天使

  • 结束

前言

=================================================================

提示：这里可以添加本文要记录的大概内容：

学习目标：

能够使用removeChild()方法删除节点

能够完成动态生成表格案例

能够使用传统方式和监听方式给元素注册事件

能够说出事件流执行的三个阶段

能够在事件处理函数中获取事件对象

能够使用事件对象取消默认行为

能够使用事件对象阻止事件冒泡

能够使用事件对象获取鼠标的位置

能够完成跟随鼠标的天使案例

提示：以下是本篇文章正文内容，下面案例可供参考

一、节点操作

=====================================================================

1.1 删除节点

在这里插入图片描述

代码如下（示例）：


  <button>删除</button>

    <ul>

        <li>熊大</li>

        <li>熊二</li>

        <li>光头强</li>

    </ul>

    <script>

        // 1.获取元素

        var ul = document.querySelector('ul');

        var btn = document.querySelector('button');

        // 2. 删除元素  node.removeChild(child)

        // ul.removeChild(ul.children[0]);

        // 3. 点击按钮依次删除里面的孩子

        btn.onclick = function() {

            if (ul.children.length == 0) {

                this.disabled = true;

            } else {

                ul.removeChild(ul.children[0]);

            }

        }

    </script>

注：removeChild(child),返回的是删除的那个节点；

1.2 案例：删除留言

在这里插入图片描述

代码如下（示例）：


   <textarea name="" id=""></textarea>

    <button>发布</button>

    <ul>



    </ul>

    <script>

        // 1. 获取元素

        var btn = document.querySelector('button');

        var text = document.querySelector('textarea');

        var ul = document.querySelector('ul');

        // 2. 注册事件

        btn.onclick = function() {

            if (text.value == '') {

                alert('您没有输入内容');

                return false;

            } else {

                // console.log(text.value);

                // (1) 创建元素

                var li = document.createElement('li');

                // 先有li 才能赋值

                li.innerHTML = text.value + "<a href='javascript:;'>删除</a>";

                // (2) 添加元素

                // ul.appendChild(li);

                ul.insertBefore(li, ul.children[0]);

                // (3) 删除元素 删除的是当前链接的li  它的父亲

                var as = document.querySelectorAll('a');

                for (var i = 0; i < as.length; i++) {

                    as[i].onclick = function() {

                        // 删除的是 li 当前a所在的li  this.parentNode;

                        ul.removeChild(this.parentNode);

                    }

                }

            }

        }

    </script>

1.3 复制克隆节点

在这里插入图片描述


    <ul>

        <li>1111</li>

        <li>2</li>

        <li>3</li>

    </ul>

    <script>

        var ul = document.querySelector('ul');

        // 1. node.cloneNode(); 括号为空或者里面是false 浅拷贝 只复制标签不复制里面的内容

        // 2. node.cloneNode(true); 括号为true 深拷贝 复制标签复制里面的内容

        var lili = ul.children[0].cloneNode(true);

        ul.appendChild(lili);

    </script>

1.4 案例：动态生成表格

在这里插入图片描述

在这里插入图片描述

代码如下（示例）：


 <script>

        // 1.先去准备好学生的数据

        var datas = [{

            name: '魏璎珞',

            subject: 'JavaScript',

            score: 100

        }, {

            name: '弘历',

            subject: 'JavaScript',

            score: 98

        }, {

            name: '傅恒',

            subject: 'JavaScript',

            score: 99

        }, {

            name: '明玉',

            subject: 'JavaScript',

            score: 88

        }, {

            name: '大猪蹄子',

            subject: 'JavaScript',

            score: 0

        }];

        // 2. 往tbody 里面创建行： 有几个人（通过数组的长度）我们就创建几行

        var tbody = document.querySelector('tbody');

		// 遍历数组

        for (var i = 0; i < datas.length; i++) { 

            // 1. 创建 tr行

            var tr = document.createElement('tr');

            tbody.appendChild(tr);

            // 2. 行里面创建单元格td 单元格的数量取决于每个对象里面的属性个数  

            // 使用for in遍历学生对象

            for (var k in datas[i]) { 

                // 创建单元格 

                var td = document.createElement('td');

                // 把对象里面的属性值 datas[i][k] 给 td  

                td.innerHTML = datas[i][k];

                tr.appendChild(td);

            }

            // 3. 创建有删除2个字的单元格 

            var td = document.createElement('td');

            td.innerHTML = '<a href="javascript:;">删除 </a>';

            tr.appendChild(td);



        }

        // 4. 删除操作 开始 

        var as = document.querySelectorAll('a');

        for (var i = 0; i < as.length; i++) {

            as[i].onclick = function() {

                // 点击a 删除 当前a 所在的行(链接的爸爸的爸爸)  node.removeChild(child)  

                tbody.removeChild(this.parentNode.parentNode)

            }

        }

    </script>

二、创建元素的三种方式

==========================================================================

在这里插入图片描述

2.1 innerTHML和createElement效率对比

innerHTML字符串拼接方式（效率低）


<script>

    function fn() {

        var d1 = +new Date();

        var str = '';

        for (var i = 0; i < 1000; i++) {

            document.body.innerHTML += '<div style="width:100px; height:2px; border:1px solid blue;"></div>';

        }

        var d2 = +new Date();

        console.log(d2 - d1);

    }

    fn();

</script>

createElement方式（效率一般）


<script>

    function fn() {

        var d1 = +new Date();



        for (var i = 0; i < 1000; i++) {

            var div = document.createElement('div');

            div.style.width = '100px';

            div.style.height = '2px';

            div.style.border = '1px solid red';

            document.body.appendChild(div);

        }

        var d2 = +new Date();

        console.log(d2 - d1);

    }

    fn();

</script>

innerHTML数组方式（效率高）


<script>

    function fn() {

        var d1 = +new Date();

        var array = [];

        for (var i = 0; i < 1000; i++) {

            array.push('<div style="width:100px; height:2px; border:1px solid blue;"></div>');

        }

        document.body.innerHTML = array.join('');

        var d2 = +new Date();

        console.log(d2 - d1);

    }

    fn();

</script>

注：innerHTML在不使用字符串拼接的方式（用数组接收元素），执行效率高。但createElement（）结构清晰。

三、DOM核心的总结

=========================================================================

3.1 创建元素

1、document.createElement

2、innerHTML

3、doucumen.write()

注：3存在页面重绘的问题，不推荐使用

3.2 增

1、appendChild（）；

2、insertBefore（）；

3.3 删

1、removeChild（）；

3.4 改

主要修改Dom元素的内容、属性、表单值、样式等

1、修改元素的属性：src、title、alt等

2、修改元素的内容：innerHTML、innerText

3、修改表单元素：value、type、disabled、selected；

修改元素样式：style、className；

3.5 查（获取）

主要是回去查询DOM元素

1、DOM提供的传统方法：getElementById（）、getElementByTagName（）

2、H5新增方法（推荐使用）：quserySelector（）、quserySelectorAll（）；

3、利用父、子、兄节点关系获取：父：parentNode；

子：children; 兄：（上一个兄弟）nextElementSibling、（下一个兄弟）previousElementSibling；

3.6 属性操作

1、设置自定义属性：setAttribute（‘属性名’，属性值）;

2、获取属性值：getAttribue（‘属性名’）；

3、移除属性：removeAttribute（‘属性名’）；

3.7 事件操作(重点)

四、事件高级

=====================================================================

4.1 注册事件的两种方式

在这里插入图片描述

4.2 事件监听

**addEventListener()事件监听（IE9以后支持）

在这里插入图片描述

在这里插入图片描述

注：addEventListener（）中的第三个参数是布尔型变量默认是flase，如果输入true，是阻止事件冒泡的意思（后面即将学习stopProtagation()）;**

attachEventListener()事件监听（IE9以后支持）

在这里插入图片描述

在这里插入图片描述

代码如下（示例）：


<button>传统注册事件</button>

<button>方法监听注册事件</button>

<button>ie9 attachEvent</button>

<script>

    var btns = document.querySelectorAll('button');

    // 1. 传统方式注册事件

    btns[0].onclick = function() {

        alert('hi');

    }

    btns[0].onclick = function() {

            alert('hao a u');

        }

   // 2. 事件侦听注册事件 addEventListener 

   // (1) 里面的事件类型是字符串 必定加引号 而且不带on

   // (2) 同一个元素 同一个事件可以添加多个侦听器（事件处理程序）

    btns[1].addEventListener('click', function() {

        alert(22);

    })

    btns[1].addEventListener('click', function() {

            alert(33);

    })

    // 3. attachEvent ie9以前的版本支持

    btns[2].attachEvent('onclick', function() {

        alert(11);

    })

</script>

注：主要记住传统的用on绑定事件和addElementListener（）两种方式注册侦听事件；

4.3 事件监听兼容性解决方案

封装一个函数，函数中判断浏览器的类型：

在这里插入图片描述

4.4 删除事件（解绑事件）

在这里插入图片描述


<div>1</div>

    <div>2</div>

    <div>3</div>

    <script>

        var divs = document.querySelectorAll('div');

        divs[0].onclick = function() {

            alert(11);

            // 1. 传统方式删除事件

            divs[0].onclick = null;

        }

        // 2. removeEventListener 删除事件

        divs[1].addEventListener('click', fn) // 里面的fn 不需要调用加小括号

        function fn() {

            alert(22);

            divs[1].removeEventListener('click', fn);

        }

        // 3. detachEvent

        divs[2].attachEvent('onclick', fn1);



        function fn1() {

            alert(33);

            divs[2].detachEvent('onclick', fn1);

        }

    </script>

注：记住1、传统的解绑方式给鼠标点击事件赋值null；2、removeEventListener（）（常用）；

4.5 删除事件的兼容性解决方案（解绑事件）

在这里插入图片描述

4.6 DOM事件流

4.6.1 DOM事件流

html中的标签都是相互嵌套的，我们可以将元素想象成一个盒子装一个盒子，document是最外面的大盒子。

当你单击一个div时，同时你也单击了div的父元素，甚至整个页面。

那么是先执行父元素的单击事件，还是先执行div的单击事件 ？？？

在这里插入图片描述

比如：我们给页面中的一个div注册了单击事件，当你单击了div时，也就单击了body，单击了html，单击了document。

在这里插入图片描述

在这里插入图片描述

当时的2大浏览器霸主谁也不服谁！

IE 提出从目标元素开始，然后一层一层向外接收事件并响应，也就是冒泡型事件流。

Netscape（网景公司）提出从最外层开始，然后一层一层向内接收事件并响应，也就是捕获型事件流。

江湖纷争，武林盟主也脑壳疼！！！

最终，w3c 采用折中的方式，平息了战火，制定了统一的标准 —–— 先捕获再冒泡。

现代浏览器都遵循了此标准，所以当事件发生时，会经历3个阶段。

DOM 事件流会经历3个阶段：

  1. 捕获阶段

  2. 当前目标阶段

  3. 冒泡阶段

我们向水里面扔一块石头，首先它会有一个下降的过程，这个过程就可以理解为从最顶层向事件发生的最具体元素（目标点）的捕获过程；之后会产生泡泡，会在最低点（ 最具体元素）之后漂浮到水面上，这个过程相当于事件冒泡。

在这里插入图片描述

在这里插入图片描述

4.6.1.1 事件冒泡

代码如下（示例）：


  <div class="father">

        <div class="son">son盒子</div>

    </div>

    <script>

        // onclick 和 attachEvent（ie） 在冒泡阶段触发

        // 冒泡阶段 如果addEventListener 第三个参数是 false 或者 省略 

        // son -> father ->body -> html -> document

        var son = document.querySelector('.son');

		// 给son注册单击事件

        son.addEventListener('click', function() {

            alert('son');

        }, false);

		// 给father注册单击事件

        var father = document.querySelector('.father');

        father.addEventListener('click', function() {

            alert('father');

        }, false);

		// 给document注册单击事件，省略第3个参数

        document.addEventListener('click', function() {

            alert('document');

        })

    </script>
4.6.1.2 事件捕获

代码如下（示例）：


 <div class="father">

        <div class="son">son盒子</div>

    </div>

    <script>

        // 如果addEventListener() 第三个参数是 true 那么在捕获阶段触发

        // document -> html -> body -> father -> son

         var son = document.querySelector('.son');

		// 给son注册单击事件，第3个参数为true

         son.addEventListener('click', function() {

             alert('son');

         }, true);

         var father = document.querySelector('.father');

		// 给father注册单击事件，第3个参数为true

         father.addEventListener('click', function() {

             alert('father');

         }, true);

		// 给document注册单击事件，第3个参数为true

        document.addEventListener('click', function() {

            alert('document');

        }, true)

    </script>

注：addEventListener（）里的第三个参数是false时是冒泡阶段，输入true时是捕获阶段；

4.6.2事件对象

4.6.2.1什么是事件对象

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
var father = document.querySelector(‘.father’);

	// 给father注册单击事件，第3个参数为true

     father.addEventListener('click', function() {

         alert('father');

     }, true);

	// 给document注册单击事件，第3个参数为true

    document.addEventListener('click', function() {

        alert('document');

    }, true)

</script>




注：addEventListener（）里的第三个参数是false时是冒泡阶段，输入true时是捕获阶段；



### []( )4.6.2事件对象



#### []( )4.6.2.1什么是事件对象



#  最后

**自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

**深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。**

**因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**

[外链图片转存中...(img-3Rd8lMg2-1715021897307)]

[外链图片转存中...(img-whcy2wQ5-1715021897307)]

[外链图片转存中...(img-SpASEm2E-1715021897307)]

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

[**如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！**](https://bbs.csdn.net/topics/618191877)

**由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！**
2401_84092360
关注
  • 19
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Web APIs-day03
qq_45129167的博客
03-26 107
webAPIs-day02笔记.md
12-06
webAPIs-day02笔记.md
Web APIs-Day3
2401_84092398的博客
05-07 912
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
WebAPIs-day3
JOUKELOVE的博客
04-16 286
WebAPI-day3 一、节点操作1. DOM节点 2. 查找节点2.1 优化关闭二维码案例 2.2 关闭多个二维码案例3. 增加节点4. 删除节点二、时间对象 三、综合案例 四、重绘和回流总结
Web APIs-Day1(1)
2401_84433974的博客
04-29 423
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总。
08-WebAPI编程资料-Web APIs-day01-HM
qq_41885921的博客
01-06 104
Web APIs-day01（Heima） 案例：淘宝点击关闭二维码 <script> // 3个步骤， 获取事件源，绑定事件，onclick，添加事件处理程序 // 获取事件源，这里为什么这个document.querySelector(".close-btn");不行，用sel，写"i"也行，i作为标签 /** * 首先，对于getElementsByClassName()方法来说， (1) 其返
Web APIs-Day1(2)
2401_84433974的博客
04-29 469
前言这节课我们将一起学习Web APIs内容：学习目标：能够通过ID来获取元素能够通过标签名来获取元素能够通过class来获取元素能够通过选择器来获取元素能够获取body和html元素能够给元素注册事件能够修改元素的内容能够区分innerText和innerHTML的区别能够修改像div这类普通元素的属性能够修改表单元素的属性能够修改元素的样式属性一、Web API是什么？1.1 API的概念。
WebAPIs-day1
JOUKELOVE的博客
04-10 529
DAY1的学习任务是：掌握DOM的使用
Web APIs-Day6
2401_84412194的博客
04-27 906
秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】高级前端工程师必备资料包。
Web APIs-Day5
2401_84434086的博客
04-29 767
能够说出常见 offset 系列属性的作用能够说出常见 client 系列属性的作用能够说出常见 scroll 系列属性的作用能够封装简单动画函数一、元素偏移量offset系列1.1 offset概述offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位。
WebAPI-day-01.md
10-23
自给学习整理的笔记，即可以为自给提供复习，也可以为大家提供帮助。喜欢请关注
day02_WebAPIs.md
07-22
黑马前端
WebAPI编程资料WebAPI 案例 代码 素材 笔记 作业资料.zip
08-04
day01_WebAPIs.ppt 随堂测试题 01-getElementById获取元素.html 02-getElementsByTagName获取某些元素.html 03-H5新增获取元素方式(1).html 04-获取特殊元素.html 05-事件三要素.html 06-执行事件步骤.html 07-操作...
Firefox OS App Day_Web APIs
03-22
该文档包含了HTML5的一些例子，包括Audio、canvas等简单demo。
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 352
在vue.config.js中配置关闭Uncaught runtime errors显示。
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 516
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
Web前端网站设计案例：深入剖析创意与技术的完美融合
最新发布
liyrbtqe_66w的博客
06-12 238
在性能优化方面，设计师通过压缩代码、减少HTTP请求、使用CDN等技术手段，提升了网站的加载速度和响应性能，为用户提供了更加流畅的访问体验。综上所述，本Web前端网站设计案例通过视觉设计、用户体验、技术实现、性能优化、创意表达、响应式设计和跨平台兼容等方面的综合考量，成功打造了一款既美观又实用的网站。这个案例充分展示了Web前端设计的魅力和潜力，为未来的网站设计提供了有益的借鉴和启示。设计师通过独特的视觉元素和创意构思，将品牌理念和文化内涵融入其中，使得整个网站在传达信息的同时，也展现出品牌的独特魅力。
vue3如何定义一个组件
Java程序员专栏
06-09 540
注意在子组件的 <template> 中，你使用 {{ propName }} 来显示传递进来的参数值。在父组件中，你使用 :propName="parentMessage" 来将 parentMessage 数据的值绑定到子组件的 propName prop 上。当使用 <script setup> 语法糖时，你不能直接在 <script> 标签内使用 props 选项。在 Vue 3 中，定义一个可以接收参数的组件通常是通过在组件的 props 选项中定义这些参数来完成的。// 其他组件逻辑...
webapis学生报名系统代码步骤
11-25
设计一个webapis学生报名系统的代码步骤如下： 1. 数据库设计：首先确定需要存储的数据，例如学生的基本信息，课程信息等。根据需求设计数据库表结构，并创建相应的表。 2. 后端接口设计：根据系统需求，设计后端...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值