13-DOM进阶--highgh的博客--JavaScript的学习笔记

最新推荐文章于 2024-06-12 11:59:04 发布
最新推荐文章于 2024-06-12 11:59:04 发布
阅读量153 收藏
点赞数
分类专栏： JavaScript基础学习心得 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/highgh/article/details/109514364
版权

Dom节点操作

JavaScript的组成

ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。

DOM：文档对象模型（Document object Model），操作网页上的元素的API。比如让盒子移动、变色、轮播图等。

BOM：浏览器对象模型（Browser Object Model），操作浏览器部分功能的API。比如让浏览器自动滚动。

获取元素注意点

getElementsByClassName 和getElementsByTagName和 document.getElementsByName 和querySelector获取的元素为动态获取，

而getElementById和querySelectorAll`为静态获取。

动态获取：当DOM元素有改变时，获取到的类数组也会随之变化。

静态获取：当获取到后，DOM的改变不会改变已获取到的类数组。

<div id="wrap"></div>

<script>
    let oWrap = document.getElementById("wrap");

    oWrap.id = "box";

    oWrap.innerHTML = "我修改了";
    // 修改id后仍然能够修改内容
</script>

<div class="wrap"></div>

<script>
    let aWrap = document.getElementsByClassName("wrap");

    aWrap[0].className = "box";

    aWrap[0].innerHTML = "我修改了"; //报错
    
    //变为不动态的
    let oW = aWrap[0];

    oW.className = "box";

    oW.innerHTML = "我修改了";
</script>

<body>
    <div class="wrap">1</div>
    <div class="wrap">2</div>

    <script>
        let aWrap = document.querySelectorAll(".wrap");

        aWrap[0].className = "box";

        aWrap[0].innerHTML = "xxxx";
    </script>
</body>

题目

<div class="wrap">1</div>
<div class="wrap">2</div>

<script>
    let aWrap = document.getElementsByClassName("wrap");

    aWrap[0].className = "box";

    aWrap[0].innerHTML = "xxxx";
</script>

节点初识

节点（Node）

构成 HTML 网页的最基本单元

网页中的每一个部分都可以称为是一个节点

比如**：html标签、属性、文本、注释、整个文档**等都是一个节点。

DOM就是由节点组成的。

解析过程：

HTML加载完毕，渲染引擎会在内存中把HTML文档，生成一个DOM树

DOM的数据结构如下：

上图可知，在HTML当中，一切都是节点（非常重要）。

整个html文档就是一个文档节点。所有的节点都是Object。

节点类型

DOM包含了多种节点，我们通常获取的标签，只是节点中的一种：

节点名称nodeType
元素节点1
属性节点2
文本节点3
CDATA节点4
实体引用名称节点5
实体名称节点6
处理指令节点7
注释节点8
文档节点9
文档类型节点10
文档片段节点11
DTD声明节点12

重点理解

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-c5TPHled-1604563727267)(https://s1.ax1x.com/2020/10/05/0tSa79.png)]

每个节点有nodeName属性，文本节点和属性节点的nodeValue属性。

DOM节点的关系

DOM的节点并不是孤立的，因此可以通过DOM节点之间的相对关系对它们进行访问。如下：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wxtbYmVt-1604563727273)(https://s1.ax1x.com/2020/10/05/0tpS3V.png)]
在这里插入图片描述

childNodes

<body>
    <div class="box">
        <p>1</p>
        <p>2</p>
        <p>3</p>
    </div>

    <script>
        let oBox = document.querySelector('.box');
        let oPs = oBox.childNodes;

        // 空格会被解析为一个空字符串 的数组项
        console.log(oPs);   // NodeList(7) [text, p, text, p, text, p, text]
    </script>
</body>

注意: 文本节点也属于节点

DOM中，文本节点也属于节点，在使用节点的关系时一定要注意

在标准的W3C规范中，空白文本节点也应该算作节点，但是在IE8及以前的浏览器中会有一定的兼容问题，它们不把空文本节点当做节点

从IE9开始支持一些“只考虑元素节点”的属性
在这里插入图片描述

children

获取 元素节点的所有子元素节点

<body>
    <div class="box">
        <p>1</p>
        <p>2</p>
        <p>3</p>
    </div>

    <script>
        let oBox = document.querySelector('.box');
        let oPs = oBox.children;
        
        // 获取到的为 HTMLCollection，不能进行forEach操作  
        console.log(oPs)   // HTMLCollection(3) [p, p, p]
    </script>
</body>

举例

<body>
    <div id="box">
        <p>我是段落A</p>
        <p id="para">我是段落B</p>
        <p>我是段落C</p>
    </div>
    <script>
        let box = document.getElementById("box");
        let para = document.getElementById("para")
        // 所有子节点
        console.log(box.childNodes);
        // 所有的元素的子节点(IE9开始兼容)
        console.log(box.children);

        // 第一个子节点
        console.log(box.firstChild);//text
        console.log(box.firstChild.nodeType);//3
        //可使用
 		console.log(box.children[0]);
        //第一个元素子节点(IE9开始兼容)
        console.log(box.firstElementChild);
        console.log(box.firstElementChild.nodeType);
        
        

        //最后一个子节点
        console.log(box.lastChild);//text
        console.log(box.lastChild.nodeType);//3
        //最后一个元素子节点(IE9开始兼容)
        console.log(box.lastElementChild);
        console.log(box.lastElementChild.nodeType);
        //可使用
        console.log(box.children[box.children.length - 1]);
   

        // 父节点
        console.log(para.parentNode);
        // 获取"爷爷"节点
        console.log(para.parentNode.parentNode);

        // 前一个兄弟节点
        console.log(para.previousSibling);
        // 前一个元素兄弟节点(IE9开始兼容)
        console.log(para.previousElementSibling);
        

        // 后一个兄弟节点
        console.log(para.nextSibling);
        // 后一个元素兄弟节点(IE9开始兼容)
        console.log(para.nextElementSibling);
    </script>
</body>

offsetParent

获取元素节点的最近的带有定位（包括 absolute、relative、fixed、sticky 定位）的父元素节点

（ 若父节点都没有定位，则返回 body 节点 ）

<body>
    <div id="wrap" style="position: absolute;">
        <div class="box">
            <p id="son">111</p>
        </div>
    </div>

    <script>
        let oP = document.getElementById('son');
        console.log(oP.offsetParent);   // 返回 #wrap 节点
        
        //fixed定位元素返回null  比较特殊
    </script>
</body>

封装节点关系的函数

书写IE6也能兼容的“寻找所有元素子节点”函数

书写IE6也能兼容的“寻找前一个元素兄弟节点”函数

如何编写函数，获得某元素的所有的兄弟节点?

封装一个函数

这个函数可以返回元素的所有子元素节点（兼容到IE6），类似children的功能

function getChildren(node) {
    //结果数组
    let children = [];
    //遍历node这个节点所有子节点
    for (var i = 0; i < node.childNodes.length; i++) {
        // 如果node的节点类型是1 证明是元素节点  推入结果数组
        if (node.childNodes[i].nodeType == 1) {
            children.push(node.childNodes[i])
        }
    }
    return children;
}

封装一个函数

这个函数可以返回元素的前一个元素兄弟节点（兼容到IE6），类似previousElementSibling的功能

function getElementPrevSibling(node) {
    let o = node;

    //使用while语句
    while (o.previousSibling != null) {
        if (o.previousSibling.nodeType == 1) {
            // 结束循环 找到了
            return o.previousSibling;
        }
        // 让o成为它的前一个节点,就有点“递归”的感觉
        o = o.previousSibling;
    }
    // 没有前一个兄弟节点返回null
    return null;
}

封装第三个函数，这个函数可以返回元素的所有元素兄弟节点

<body>
    <div id="box">
        <p>1111</p>
        <p>2222</p>
        <p>3333</p>
        <p id="para">para</p>
        <p>5555</p>
        <p id="last-p">6666</p>
    </div>

    <script>
        let para = document.getElementById("para");
        let lastP = document.getElementById("last-p");

        function getAllElementSibling(node) {
            // 前面的元素兄弟节点
            let prevs = [];
	
            // 后面的元素兄弟节点
            let nexts = [];

            let o = node;
			//遍历node的前面的节点
            while (o.previousSibling != null) {
                if (o.previousSibling.nodeType == 1) {
                    prevs.unshift(o.previousSibling);
                }
                o = o.previousSibling;
            }

            o = node;
            
			//遍历node的后面的节点
            while (o.nextSibling != null) {
                if (o.nextSibling.nodeType == 1) {
                    nexts.push(o.nextSibling);
                }
                o = o.nextSibling;
            }
			// 将两个数组合并返回
            return prevs.concat(nexts);
        }

        console.log(getAllElementSibling(para));
        console.log(getAllElementSibling(lastP));
    </script>

+= 拼接会出现的问题

<body>
    <div id="wrap">
        <p>1111111</p>
    </div>
    <script>
        let wrap = document.getElementById("wrap");
        
        document.querySelector("#wrap p").onclick = function () {
            alert(1);
        }

	// += 操作只会保留之前的html结构，不会保留之前节点上绑定的事件，导致点击p时点击弹窗事件不会触发
        wrap.innerHTML += `<a href="http://www.baidu.com">百度</a>`;
    </script>
</body>

节点的创建

document.createElement()

创建一个指定tagname的HTML元素

孤儿节点

​ ◆ 新创建出的节点是 "孤儿节点”, 这意味着它并没有被挂载到DOM树上,我们无法看见它

​ ◆ 必须继续使用appendChild()或insertBefore()方法将孤儿节点插入到DOM树上

let oDiv = document.createElement('div');

createTextNode()

创建一个文本节点

let oText = document.createTextNode("如果云层是天空的一封信");

createDocumentFragment()

创建一个文档碎片，先将多个节点整合到这里面再统一添加。

解决使用 appendChild 多次添加节点时，页面多次进行渲染的问题。

使用 DocumentFragment 处理节点，速度和性能远远优于直接操作 DOM。

<!-- 普通写法 - 页面多次渲染 -->
<body>
    <div class="box">

   	</div>
    <script>
        let oBox = document.querySelector('.box')
        let p1 = document.createElement('p')
        let p2 = document.createElement('p')
        oBox.appendChild(p1)
        oBox.appendChild(p2)
    </script>
</body>

<!-- 使用文档碎片 - 页面只进行一次渲染 -->
<body>
    <div class="box">
    </div>

    <script>
        let oBox = document.querySelector('.box');
        let p1 = document.createElement('p');
        let p2 = document.createElement('p');

        // 创建文档碎片
        let fragment = document.createDocumentFragment();
        
        // 先将所有节点添加到文档碎片中 - 不进行页面渲染
        fragment.appendChild(p1);
        fragment.appendChild(p2);
        // 将文档碎片再添加到文档中
        oBox.appendChild(fragment);
    </script>
</body>

添加节点

appendChild()

任何已经在DOM树上的节点,都可以调用appendChild()方法，

它可以将孤儿节点挂载到它的内部,成为它的最后一个子节点

语法：
父节点. appendChild(孤儿节点);

insertBefore()

任何已经在DOM树上的节点,都可以调用insertBefore()方法

它可以将孤儿节点挂载到它的内部,成为它的“标杆子节点”之前的节点

语法：

​ 父节点. insertBefore(孤儿节点，标杆节点);

</body>
    <div id="wrap">
        <p>我是原来的段落0</p>
        <p>我是原来的段落1</p>
        <p>我是原来的段落2</p>
    </div>
    <script>
        let aP = document.querySelectorAll("#wrap p");
        
        let oWrap = document.getElementById("wrap");
        //创建孤儿节点
        let oP = document.createElement("p");
        //设置内部的文字
        oP.innerText = "我是新来的";
        //设置内部的样式
        oP.style.color = "pink";
        //上树
        //oWrap.appendChild(oP);
        
        oWrap.insertBefore(oP, aP[1]);
    </script>
</body>

小练习

请动态创建出一个20行12列的表格

<style>
    td {
        width: 20px;
        height: 20px;
        border: 1px solid black;
    }
    table {
        border-collapse: collapse;
    }
</style>
</head>

<body>
    <table id="my-table"></table>

    <script>
        // 小练习   请动态创建出一个20行12列的表格
        let myTable = document.querySelector("#my-table");

        for (let i = 0; i < 20; i++) {
            //创建新的tr标签
            let tr = document.createElement("tr");

            for (let j = 0; j < 12; j++) {
                //创建新的td标签
                let td = document.createElement("td");

                //tr里面追加td标签
                tr.appendChild(td);
            }

            //myTable追加tr标签
            myTable.appendChild(tr);
        }
    </script>

九九乘法表

<style>
    td {
        width: 100px;
        height: 40px;
        border: 1px solid black;
    }
    table {
        border-collapse: collapse;
    }
</style>
</head>

<body>
    <table id="my-table"></table>

    <script>

        let myTable = document.querySelector("#my-table");

        for (let i = 1; i <= 9; i++) {
            //创建新的tr标签
            let tr = document.createElement("tr");

            for (let j = 1; j <= i; j++) {
                //创建新的td标签
                let td = document.createElement("td");

                td.innerText = `${i} 乘 ${j} = ${i*j}`;

                //tr里面追加td标签
                tr.appendChild(td);
            }

            //myTable追加tr标签
            myTable.appendChild(tr);
        }
    </script>

移动节点

如果将已经挂载到DOM树 上的节点成为appendChild()或insertBefore()的参数,这个节点将会被移动

​ 语法： 新父节点.appendChild(已经有父亲的节点);

​ 语法： 新父节点. insertBefore(已经有父亲的节点，标杆子节点);

◆ 这意味着一个节点不能同时位于DOM树的两个位置

<body>
    <div id="wrap">
        <p>我是原来的段落0</p>
        <p>我是原来的段落1</p>
        <p>我是原来的段落2</p>
    </div>
    <div id="box">
        <p>1111</p>
    </div>
    <script>
        let oWrap = document.getElementById("wrap");
        let oBox = document.getElementById("box");
        let oBox_p = document.querySelector("#box p");
        let aP = document.querySelectorAll("#wrap p");
        //  oBox.append(aP[0]);
        oWrap.insertBefore(oBox_p, aP[0]);
    </script>
</body>

删除节点

removeChild()

从DOM中删除一个子节点

​ 父节点. removeChild(要删除子节点);

节点不能主动删除自己,必须由父节点删除它

<div id="box1">
    <p>我是box2原有的p标签0</p>
    <p>我是box2原有的p标签1</p>
    <p>我是box2原有的p标签2</p>
</div>

<div id="box2"></div>
<script>
    let box1 = document.getElementById("box1"),
        box2 = document.getElementById("box2"),
        ps_inbox2 = document.querySelectorAll("#box1 p");

    box1.removeChild(ps_inbox2[1]);// 删除的节点依然在内存中可以访问到
    // 如果不想获取父级可以写成
    //  ps_inbox2[1].parentNode.removeChild(ps_inbox2[1]);
</script>

克隆节点

◆cloneNode() 方法可以克隆节点，克隆出的节点是“孤儿节点"

​ let 孤儿节点 = 老节点.cloneNode();

​ let 孤儿节点= 老节点.cloneNode(true);

◆参数是一个布尔值 ,

表示是否采用深度克隆:

如果为true ,则该节点的所有后代节点也都会被克隆,

如果为false ,则只克隆该节点本身

浅克隆 ：不克隆该元素的子元素 ( 该元素内的文本也不保留 )

深克隆 ： 克隆该元素以及元素中的所有子元素（包含文本内容）

<body>
    <div id="box1">
        <ul>
            <li>牛奶</li>
            <li>咖啡</li>
            <li>可乐</li>
        </ul>
    </div>

    <div id="box2"></div>
    <script>
        let box1 = document.getElementById("box1"),
            box2 = document.getElementById("box2"),
            oUl = document.querySelector("#box1 ul");

        let newUl = oUl.cloneNode(true); //克隆节点

        box2.appendChild(newUl); //插入box2盒子
    </script>
</body>

cloneNode(true);**

◆参数是一个布尔值 ,

表示是否采用深度克隆:

如果为true ,则该节点的所有后代节点也都会被克隆,

如果为false ,则只克隆该节点本身

浅克隆 ：不克隆该元素的子元素 ( 该元素内的文本也不保留 )

深克隆 ： 克隆该元素以及元素中的所有子元素（包含文本内容）

<body>
    <div id="box1">
        <ul>
            <li>牛奶</li>
            <li>咖啡</li>
            <li>可乐</li>
        </ul>
    </div>

    <div id="box2"></div>
    <script>
        let box1 = document.getElementById("box1"),
            box2 = document.getElementById("box2"),
            oUl = document.querySelector("#box1 ul");

        let newUl = oUl.cloneNode(true); //克隆节点

        box2.appendChild(newUl); //插入box2盒子
    </script>
</body>
一只情绪稳定的老虎
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
03-基础dom操作--highgh的博客--JavaScript学习笔记
highgh的博客
10-17 105
DOM简介 ◆ DOM是JS操控HTML和CSS的桥梁 ◆ DOM (Document Object Model,文档对象模型)是JavaScript操作HTML文档的接口,DOM赋予我们添加、移除和修改页面元素(使文档操作变得非常优雅、简便。 (元素的文字也是DOM的一个节点) ◆ DOM最大的特点就是将文档表示为节点树。 访问元素节点 ◆ 所谓“访问”元素节点，就是指"得到”、"获取”页面上的元素节点 ◆ 所以要对节点进行操作，第一步就是要得到它 ◆ 访问元素节点主要依靠document对象 认
react-router-dom文档
qingsemengshou的博客
10-14 4500
前言 本来体验下react-router的，然后 去react-router npm查看，发现了官方的提示如下: 这个包为 React Router 提供了核心路由功能，但你可能不想直接安装它。如果您正在编写将在浏览器中运行的应用程序，您应该安装 react-router-dom。同样，如果您正在编写 React Native 应用程序，则应该安装 react-router-native。这两个都将安装 react-router 作为依赖项 也就是说如果想在react项目中添加路由功能，应该使用
react-router-dom v6 使用
热门推荐
weixin_44051815的博客
11-19 2万+
react-router-dom react-router-dom v6 整体体验相对于 v5 ，体验要好更多，最大的一个改变，就是曾经的 Route 不可嵌套，整个路由配置必须拆分成若干小块，除非通过 react-router-config 这种插件，才可以实现对整个路由的管理，然而现在，不需要任何插件就可实现对路由配置的管理。 官网地址: react-router 当前例子，根据分支对应例子：react-router-dom-v6-example v6 与 v5 的区别 当前环境 安装 npm
react-router-dom 实现路由跳转
南思琼海
06-10 1万+
简单的写了一个移动呈现，底部tabbar跳转的demo 简述 demo 使用 create-react-app 直接创建 路由是使用 react-router-dom 目录结构 稍微改变一下 create-react-app 创建后的src目录， 这里目录和vue相似 index.js 中不做改变 App.js App.js 中 使用 react-router-dom 检测地址 检索 ...
ts+react路由react-router-dom
weixin_42429288的1博客
07-01 5026
记录自己项目中写的内容 路由入口是一个组件， 路由出口用Switch包着，大概如下 <TopNavigationBarWithRoute routePath={this.state.routePath} /> <Switch>{this.renderAllRoutes()}</Switch> //我们看一下 this.state.routePath const routePath: IR
react-router-dom 官方示例解读(上)
冷月心的博客
11-26 6302
react-router-dom 官方示例解读(上)
react 导入 react-router-dom引入Switch报 ‘Switch‘ is not exported from ‘react-router-dom‘
名人卷耶
12-01 1万+
react-router-dom从V5升级到V6后，有些使用做了一些改变： (1) Switch 重命名为 Routes // v5 <Switch> <Route exact path="/"><Home /></Route> <Route path="/profile"><Profile /></Route> </Switch> // v6 <Routes> <R.
react-router-dom的路径匹配 属性exact 与strict
xiongshiyuan的博客
02-19 9536
在这里先介绍一个比较难以描述的坑 在使用react-router的时候我首先就是先在react-router的官网上去看她的官方文档，然后按照上面的教程来在自己的react工程中使用react-router，但是基本应该会遇到问题，原因就是我们在使用npm安装react-router的时候基本是4.x版本，由于版本的问题有一些我们之前在其他人的项目中看见的一些属性没法使用，其实是由于官网上的教程...
关于 react-router-dom下的Prompt跳转提示
一只优雅的程序猿
08-10 4634
1.该跳转的触发时react路由的切换，当路由变动时，才会触发 2.触发路由变化的几个方式： a.修改地址栏：正常通过 b.页面//：正常通过 c.标签：不通过。 不通过的症状：点击取消时，url已经发生变化，但是页面为变化，出现url和ui不同步。 建议：慎用或是改进...
React 路由react-router-dom详解
m0_64875238的博客
04-08 6871
React 路由react-router-dom详解(路由嵌套+路由传参+路由权限+路由优化 按需导入+404页面)
Javascript-DOM编程艺术研究.docx
11-17
Javascript-DOM编程艺术研究.docx
【前端学习】HTML学习笔记-JS进阶
01-08
document(文档 DOM) console（开发者） history（浏览器 BOM） window有一下ES标准的属性： Number（） 数字类型的一种声明方式，创建出来的数字是一个对象，和直接var n = 1 创建出来的效果不一样 如果是var n=2...
qunit-dom：QUnit的高级DOM断言
02-04
qunit-dom 高级DOM断言 assert . dom ( 'h1' ) . exists ( ) ; assert . dom ( 'h1' ) . hasClass ( 'title' ) ; assert . dom ( 'h1' ) . hasText ( 'Welcome to Ember, John Doe!' ) ; assert . dom ( 'input' ) ...
js-dom-fundamentals:JavaScript和DOM基础
05-18
JavaScript和DOM基础 如果您对JavaScript的基本知识充满热情，那么掌握它非常重要。 如果您具有扎实JavaScript基础知识，那么在开始使用新框架时，唯一需要熟悉的就是语法。 基本规则将是相同的，因为在所有抽象层下...
vue-dom-hints:Vue devtool，用于在DOM中标识Vue组件及其SFC路径
05-01
:rocket: 安装npm i vue-dom-hints :vertical_traffic_light: 设置将其作为安装到Vue： import DomHints from 'vue-dom-hints'Vue . use ( DomHints ) 在构建中将其禁用以进行生产： if ( process . env . NODE_ENV...
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 526
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 367
在vue.config.js中配置关闭Uncaught runtime errors显示。
基于JavaScript 如何实现爬山算法以及优化方案
乐闻世界
06-10 1337
爬山算法（Hill Climbing Algorithm）是一种常见的启发式搜索算法，常用于解决优化问题。其核心思想是从一个初始状态出发，通过逐步选择使目标函数值增大的邻近状态来寻找最优解。接下来，我们将通过 JavaScript 实现一个简单的爬山算法，帮助大家理解其原理和应用。从一个初始状态开始。评估当前状态的目标函数值。在当前状态的邻居中选择一个目标函数值更大的状态。如果找到了更优的邻居，则移动到该邻居并重复步骤2和步骤3。如果没有更优的邻居，则算法结束，当前状态即为局部最优解。
（Javascript）AI数字人mp4转canvas播放并去除背景绿幕
最新发布
lx_nhs的博客
06-12 449
去除前：去除后： 3、可能会出现的报错 （1）视频路径跨域问题：解决：vue开启代理
react-dom/client和react-dom区别
03-27
`react-dom`是React的官方DOM操作库，包含了一些常见的DOM操作方法，例如`render()`、`hydrate()`等。而`react-dom/client`是`react-dom`的一个子模块，专门用于在浏览器环境中使用React。 `react-dom`的API可以在...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一只情绪稳定的老虎

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值