- 博客(50)
- 收藏
- 关注
RSS订阅原创 2021-09-09C1任务-38：BOM定时器
任务背景当你需要延时或每隔一段时间执行代码时，这时你就需要学习定时器的知识了，定时器是JS动效的核心，也可用来实现轮询等效果，掌握定时器使用方法是Web开发的重要技能之一。任务目标掌握两种定时器方法的使用任务训练任务训练定时器方法setTimeout(代码字符串或函数,等待的毫秒数,参数1,参数2…)setTimeout()可执行代码字符串，如：a+b，但不推荐使用，有安全风险定时器到期时，可以通过setTimeout()的额外参数（参数1,参数2…）给执行函数传递参数（IE9及以下浏览器
2021-09-09 08:50:28
219
原创 2021-09-09 C1任务-37：BOMwindow对象
任务背景BOM即浏览器对象模型（BrowserObjectModel），它提供了页面与浏览器窗口进行交互的对象接口。BOM由一系列的相关对象组成，window作为BOM的顶层对象，所有其他全局对象都是window的子对象，甚至DOM也是其子对象之一。学会了window对象及其子对象的常用属性方法，基本就掌握了BOM的大部分知识。任务目标熟悉BOM结构掌握window对象及其常用方法属性掌握window的子对象常用属性和方法任务训练BOM结构window对象作为BOM的顶级对象，本身包含一些
2021-09-09 08:28:16
213
原创 2021-09-09 C1任务-36：窗口事件
任务背景窗口事件在浏览器窗口发生变化时触发，其中包括窗口大小更改，加载窗口，关闭窗口，窗口滚动等，掌握如何处理窗口事件可以帮助我们实现更加丰富的交互效果。任务目标掌握常用的窗口事任务训练常用鼠标事件表1：常用窗口事件汇总load事件代码示例此处JS代码在元素之前，所以应该将代码放在load事件中，等待元素加载完成后再获取其内容使用onload绑定事件时，注意一个页面不要存在多个onload，这样会只会运行最后一个onload中的代码，推荐使用addEventListener绑定事件
2021-09-09 08:12:03
215
原创 C1任务-35：鼠标及键盘事件
任务背景我们与网页的交互大多是通过鼠标和键盘来触发的，了解并掌握鼠标及键盘事件可以帮助我们实现许多常用的交互效果。任务目标掌握常用鼠标事件掌握常用键盘事件及键盘事件属性任务训练1.常用鼠标事件事件处理程序中的this指代当前操作元素2.常用键盘事件使用时注意触发顺序（keydown->keypress->keyup），不同的键盘事件触发时机不同，返回的结果有区别3.常用键盘事件属性使用键盘事件属性可以精确的控制键盘操作，如：回车触发，方向键触发可以看到，三种事
2021-09-09 08:02:38
218
原创 笔记 34.
C1任务-34：事件基础任务背景实现前端交互时，网页元素需要受到用户控制并及时反馈效果，这其中便涉及到了事件的知识。了解事件基础，并掌握如何处理事件是Web开发中的必经之路。任务目标掌握事件基础及绑定事件的几种方式掌握常用鼠标事件任务训练一、事件基础1.事件定义：用户与浏览器交互的方法，规定了浏览器在什么时刻执行什么事情2.事件举例：鼠标单击，双击，键盘输入，页面或图像载入3.事件三要素（事件源，事件，事件处理程序）事件源：谁触发的，一般指某个元素节点事件：怎么触发的事件处理程序：
2021-09-08 09:38:54
191
原创 2021-09-08 笔记33
C1任务-33：节点写入任务背景当我们需要更改一个标签的文字或内容时，这时就需要了解节点写入的知识，学会节点写入可以帮助我们更加精确的控制网页内容，节点写入的方式有很多种，这里介绍常用的几种方法。任务目标掌握节点写入的常用方任务训练1.节点写入常用方式表1：节点写入常用方式汇总如果写入内容中包含html标签字符串，会被解析成对应的html标签html标签字符串不会被解析，会被当作普通字符串写入和innerHTML类似，写入内容如果包含html标签字符串，会被解析成对应的html标
2021-09-08 09:30:00
72
原创 2021-09-08 笔记32
C1任务-32：DOM控制CSS样式任务背景为了实现网页交互效果，我们经常需要控制DOM的CSS样式，了解并掌握如何控制CSS是Web开发中的重要技能之一。任务目标掌握通过style属性控制样式掌握通过classList属性及其方法控制样式任务训练一、通过style属性控制样式1.style属性可以设置或返回元素的内联样式语法：2.element.style.property=valueproperty为CSS属性名，如：color，margin。如果属性名原来包含“-”，则需转换为小驼
2021-09-08 09:16:21
95
原创 2021-09-08 笔记31
C1任务-31：DOM节点操作（下）任务背景通过上一节学习了常用的DOM获取方法和属性后，我们就可以对DOM节点进行操作以达到交互效果，交互效果主要涉及修改，删除，添加三种DOM操作。任务目标熟悉常用的节点和属性修改方式熟悉常用的节点添加和删除方法任务训练1.DOM修改新该值；否则，使用指定的名称和值添加一个新的属性表1：修改DOM信息的常用方式2.innerHTML代码示例改变p元素内容3.setAttribute(name,value)代码示例参数：name为属性名，val
2021-09-08 09:04:51
91
原创 2021-09-08 笔记30
C1任务-30：DOM节点操作（上）任务背景DOM（DocumentObjectModel——文档对象模型）是用来处理HTML和XML的跨平台API。它允许运行在浏览器中的代码访问文档节点并与之交互，了解并掌握DOM操作是Web开发中的必经之路。任务目标理解DOM结构以及HTML节点关系掌握常用的节点获取方法及属性掌握常用的节点属性获取方式任务训练1.DOM结构及节点2.整个HTML的结构都可以由类似上图的树结构表示，整个树结构由节点组成document对象指代整个文档节点,它是文档内
2021-09-08 08:39:24
210
原创 2021-09-08 笔记47
C1任务-47：数组常见方法与属性任务背景数组是大多数编程语言的内置数据结构。我们可以利用数组顺序存储一系列的值，使用相关的函数或者方法可以对这些值进行处理。合理的使用数组能给我们编码带来很大的便利。任务目标理解并掌握数组定义理解并掌握数组中值的访问与修改理解并掌握数组的常见属性理解并掌握数组的常见方法任务训练1.数组定义2.数组中值的访问与修改3.数组常见属性length：访问一个数组的length属性，返回该数组的长度，即该数组元素的个数4.数组常见方法forEach(
2021-09-08 08:19:54
145
1
原创 2021-09-07笔记46
C1任务-46：字符串常见方法与属性任务背景字符串在JavaScript中几乎无处不在，在你处理用户的输入数据的时候，在读取或设置DOM对象的属性时，在操作cookie时，当然还有更多。JavaScript的核心部分提供了一组属性和方法用于通用的字符串操作，如分割字符串，改变字符串的大小写，操作子字符串等。任务目标理解与灵活运用JavaScript的String对象的常用属性理解与灵活使用JavaScript的String对象的常用方法任务训练1.String对象属性2.String对象的
2021-09-07 09:08:22
188
原创 2021-09-07 笔记45
C1任务-45：字符串定义与转义字符任务背景在各种编程语言中，字符串一直都是十分基础与重要的数据类型。在JavaScript中有多种定义字符串的方式，每种方式适合不同的应用场景。字符串中除了包含一般常见的字符外，可能还需要包含一些特殊字符（例如回车、制表符等），这时就需要转义字符的协助了。掌握字符串的常见定义方法，熟悉常见的特殊字符的转义方式，会提升我们的编码能力。任务目标理解并掌握字符串的定义方法理解并掌握常见的特殊字符的转义方法任务训练1.使用引号来定义字符串：我们可以使用一对单引号或者一
2021-09-07 08:47:06
90
原创 2021-09-07 笔记50
C1任务-50：常见内置函数任务背景JavaScript是一个基于原型链的面向对象的语言，很多其他语言常见的函数会以对象上的各种方法存在，例如数组对象的各种方法，字符串对象的各种方法等。即便如此，JavaScript还是有一些顶层的内置函数，了解这些常见的内置函数对我们进行JavaScript编码有很大的帮助。任务目标理解并掌握常见的内置函数任务训练1.evaleval函数会将传入的字符串当做JavaScript代码进行执行。这是一个十分危险的函数，一般情况不建议使用。2.isNaN用来
2021-09-07 08:38:37
132
原创 2021-09-07 笔记49
C1任务-49：函数定义与调用任务背景我们可以把一系列的代码封装成一个函数，然后在任意位置去调用它，从而执行这一系列的代码。使用函数是一种简单直观的复用代码的方式。合理的定义和使用函数能使得我们的代码结构更加清晰、更便于阅读和维护。任务目标理解并掌握函数的定义的两种方式：声明式，表达式式理解并掌握函数的调用任务训练1.通过声明来定义函数我们可以使用function关键字来定义一个具有名称的函数，其语法结构如下[]表示可选，并不是正常代码中需要使用[]name表示函数名，()中的表示参数，
2021-09-07 08:30:25
75
原创 2021-09-07 笔记48
C1任务-48：对象的属性任务背景对象属性指的是与JavaScript对象相关的值。JavaScript对象是无序属性的集合。属性通常可以被修改、添加和删除，但是某些属性是只读的。任务目标理解并掌握如何查询对象的属性理解并掌握如何添加对象的属性理解并掌握如何修改对象的属性理解并掌握如何删除对象的属性理解并掌握使用for-in遍历对象属性任务训练1.对象定义(以下操作都基于这个对象)2.访问对象属性的语法3.添加对象的属性语法4.修改对象的属性语法5.删除对象的属性语法
2021-09-07 08:09:45
127
原创 2021-09-06 笔记41
C1任务-41：Math内置对象任务背景Math对象的作用是：执行常见的算数任务。保存数学公式和信息，与我们在JavaScript直接编写计算功能相比，Math对象提供的计算功能执行起来要快得多。任务目标理解与灵活运用JavaScript的Math对象的常用方法任务训练Math对象的常用方法：实例一组合实例：练习题1.表达式Math.____(13.4589)计算结果为13，则空格处应该填？由于数字13.4589的小数点没有超过0.5，结果为13的话，应当有两个方法满足该条件
2021-09-06 15:13:52
100
原创 2021-09-06 笔记39
C1任务-39：For循环任务背景当我们在编写代码的时候，假如您需要运行代码多次，且每次使用不同的值，那么循环相当方便使用。任务目标理解JavaScript的for循环代码结构理解JavaScript的for循环对数字、数组、对象的操作掌握JavaScript的for循环的迭代器递增、递减的操作任务训练1.for循环的使用方法：for–多次遍历代码块for/in–遍历对象属性for循环是您希望创建循环时经常使用的语法结构，代码结构如下2.for循环代码实例一（普通遍历）：3.
2021-09-06 15:03:50
85
原创 2021-09-06 笔记40
C1任务-40：条件分支任务背景条件分支是编程语言必备的流程控制之一。它能根据所给定值或表达式的真假来运行不同区块的代码。日常编码中，不可避免的要使用到它。任务目标理解并掌握if分支理解并掌握switch分支任务训练1.if分支基本语法结构如果条件1为真就会执行代码块1。即使条件2为真也不会去执行代码块2，更不会执行代码块3只有当条件1为假，并且条件2为真的时候，才会执行代码块2如果条件1和条件2都为假，才会执行代码块3elseif和else部分不是必需的。可以有多个elseif
2021-09-06 14:50:59
6555
原创 2021-09-06 笔记44
C1任务-44：隐式类型转换每一个变量或者值都有其对应的类型，在JavaScrript中如Number、String、Boolean、Array、Object等。在强类型的语言中，不同类型的变量或值之间不能进行运算；在弱类型的语言中，不同类型的变量或值可进行一些运算，这主要是因为解释器做了隐式类型转换的工作。任务目标理解并掌握常见场景中隐式类型转换的规律任务训练字符串和数字的运算1.字符串和数字进行加运算时，会将数字转换成字符串，然后和另一个字符串进行拼接arnum1=‘123’varnum
2021-09-06 14:39:51
107
原创 2021-09-06 笔记42
C1任务-42：逻辑运算任务背景JavaScript比较运算符在逻辑语句中使用，以判定变量或值是否相等，返回true或false；逻辑运算符用于判定变量或值之间的逻辑。任务目标理解与灵活运用JavaScript的比较运算符理解与灵活使用JavaScript的逻辑运算符任务训练1.比较运算符：我们假定num=5，下表中解释了比较运算符：2.逻辑运算符：我们假定num=5，下标中解释了逻辑运算符：3.知识拓展：比较运算和逻辑运算大概率情况下都会配合【条件分支】(if、三元运算、swi
2021-09-06 14:23:31
142
原创 笔记43.
C1任务-43：JavaScript变量命名规则任务背景某位大牛曾说：计算机科学领域有两个难题：一个是缓存失效，另一个就是命名。这里说到的命名不仅是要符合语法层面的规则，还要符合工程层面的规范。如果变量的命名不符合语法层面的规则，那么程序就会报错；如果变量的命名不符合工程规范，将会影响项目的开发与后续的维护。任务目标理解并掌握JavaScript中变量的命名规则任务训练1.语法层面变量名不能以数字或者某些特殊字符开头2.工程层面一般应当坚持使用拉丁字符(0-9,a-z,A-Z)和下划线字
2021-09-05 21:24:57
143
原创 笔记25.2021-09-05
C1任务-25：浮动任务背景浮动属性产生之初是为了实现“文字环绕”的效果，让文字环绕图片在网页实现类似word中“图文混排”。后可用于所有元素，在页面布局中发挥重要作用任务目标理解CSS浮动属性掌握浮动布局任务训练1.float属性设置元素是否浮动，absolute（绝对）定位的元素会忽略float属性元素浮动后会被移出正常的文档流，向左或者向右平移，一直平移直到碰到了所处的容器的边框，或者碰到另外一个浮动的元素。float属性值2.clear属性用于清除浮动，给元素清除浮动后，元素将
2021-09-05 21:05:42
112
原创 笔记24！
C1任务-24：定位任务背景在一个网页的排版布局中，定位属性是最重要的属性之一，能够熟练使用定位布局对页面美化有很好的帮助。任务目标理解什么是脱离文档流掌握position定位的特性与使用掌握层级属性z-index的使用任务训练1.什么是脱离文档流文档流指的是在元素排版过程中，元素会自动从上至下，从左往右流式排列，称为文档流元素脱离文档流后，将不在文档流中占据空间，元素浮于文档流的上方，此时元素层级发生变化2.position定位position属性用于指定元素的定位类型，属性值可为
2021-09-05 20:48:50
165
原创 笔记23 2021-09-04
C1任务-23：盒子模型任务背景所有的HTML元素都可以看做是一个盒子模型，每个盒子模型包含外边距、内边距、边框、实际内容四个部分，通过对以上四个部分的属性设置可以极大的丰富盒模型乃至整个HTML文档的表现效果和布局结构。任务目标理解什么是盒子模型掌握盒子模型组成部分掌握标准盒模型与怪异盒模型的区别任务训练1.什么是盒子模型当对一个页面进行布局（layout）的时候，浏览器会将所有元素表示为一个个矩形的盒子（box），HTML页面可以理解为将多个盒子堆叠累加而成。2.盒模型由里到外包括四
2021-09-05 20:30:54
235
原创 笔记22....2021-09-04
C1任务-22：块级元素与行内元素任务背景HTML（超文本标记语言）中元素大多数为块级元素或行内元素，浏览器在显示页面时，对这两类元素的默认处理方式是不一样的。任务目标理解块级元素与行内元素的区别掌握块级元素与行内元素的转换任务训练一、块级元素1.在浏览器显示时总是独占一行2.宽高、内外边距可以控制，且上下左右的外边距均可对周围元素产生影响3.可以包含内容、行内元素和其他块级元素4.宽度未设置时默认为其父级元素的宽度，高度未设置时为内容的高度5.常见块级元素：div、form、foo
2021-09-04 09:01:06
119
原创 笔记29 2021-09-04
C1任务-29：CSS优先级任务背景当创建的CSS样式表越来越多、越来越复杂的时候，一个元素的样式可能受到多个CSS样式表的影响，到底这个元素显示的是哪个样式表的样式呢？通过CSS优先级可以帮助我们得出结论。任务目标理解CSS优先级掌握CSS优先级的应用任务训练一、CSS优先级1.浏览器通过CSS选择器的优先级来判断元素到底应该显示那个属性值2.CSS的优先级如下内联样式】>【ID选择器】>【类选择器、属性选择器、伪类选择器】>【标签选择器、伪元素选择器】3.通配符选
2021-09-04 08:46:31
80
原创 笔记28 2021-09-04
任务C1-28：伪元素选择器任务背景伪元素选择器通过选择元素的某个部分，对元素的特定部分单独设置样式。伪元素是某个元素的子元素，是逻辑上存在的虚拟元素，但是实际并不存在与DOM树中。任务目标掌握伪元素选择器的应用任务训练1.一个选择器只能使用一个伪元素，伪元素必须在基础选择器语句后使用2.为了便于区分伪类选与伪元素，使用双冒号【::】作为伪元素选择符3.例：将li元素内容前的符号设置为‘手指箭头’练习1.现需要实现首行文本为红色，请补全代码片段答：first-line2.现需
2021-09-04 08:32:12
92
原创 笔记~27
任务C1-27：伪类选择器任务背景将伪类与选择器相结合，可以指定选择元素的特殊状态，也可以根据元素的所处的状态应用不同的样式，掌握伪类选择器可以帮助我们实现更加丰富的样式。任务目标掌握常用的伪类选择器任务训练常用的伪类伪类 描述:hover 用于设置鼠标悬停在元素上方时的样式:focus 用于设置元素获得焦点时的样式:active 用于设置元素被激活时（按下按键时、松开按键时）的样式:l
2021-09-04 00:12:52
98
原创 笔记26：基础选择器
C1任务-26：基础选择器任务背景CSS（层叠样式表）选择器是CSS规则的一部分，用来指定需要设置样式的HTML元素。通过选择器可以实现CSS对HTML元素的一对一、一对多、多对一的控制任务训练1.通配选择器可以与其他选择器相结合，选择某元素下的所有元素例.box*{color:#000;}表示为选择类名为box的元素的所有后代，添加一个黑色的字体颜色由于每个浏览器对元素的默认边距不一致，通配选择器常用于reset样式文件中，覆盖浏览器的默认样式*{margin:0;padding:
2021-09-03 23:35:00
160
原创 笔记21~
C1任务-21：CSS文本属性任务背景通过CSS文本属性可以给文本设置颜色、字号、行间距、对齐、段落缩进等样式，将页面的正文与标题区分开，同时能够丰富整个页面布局任务目标掌握CSS文本属性的使用任务训练1.color属性用于设置文本的颜色，可设置的值有：颜色名，如【red】十六进制值，如【#FFFFFF】RGB值，如【rgb(255,0,0)】2.font-size属性用于设置文本字体大小，可以设置为绝对大小，单位为px，也可设置为相对大小，单位为rem、em等字体大小未设置时默认
2021-09-03 23:11:00
481
原创 C1任务-20：CSS背景属性
任务背景在前端开发过程中，为了页面的美观，往往都会给HTML元素添加背景，使用CSS（层叠样式表）背景属性能够在页面美化的同时，实现页面的表现与内容分离。任务目标掌握使用CSS设置背景1.background-size属性值contain保持图片纵横比例缩放背景图片，使背景图片能够在背景区域完全显示有可能出现图片无法完全覆盖背景区域cover保持图片纵横比不变，最大程度覆盖背景区域有可能导致背景图片部分区域无法显示2.background-repeatrepeat（默认） 允
2021-09-02 22:55:05
431
原创 C1任务-19：CSS引入方式
任务背景CSS（层叠样式表）定义了HTML元素在页面中的样式、布局以及整个页面的布局。CSS遵循W3C规范，实现了跨浏览器的标准化。任务目标掌握CSS的引入方式行内样式直接使用HTML元素的style属性引入CSS样式例：<pstyle=＂font-size:16px;color:#333;＂>软件工程师能力认证</p内嵌样式使用style></style标签引入样式<style>p{color:#333;font-size:16px;}</
2021-09-02 22:22:49
146
原创 C1任务-18：Head头
任务背景<head标签用于定义文档的头部，它是所有头部元素的容器。中的元素可以引用脚本、指示浏览器在（建哪里找到样式表、提供元信息等等。任务目标了解head头中各个标签的属性掌握head头中各个标签的使用任务训练head标签中一般可以包含以下标签：、title></title：用于定义文档的标题该标题会出现在浏览器窗口的标题栏或状态栏上把该页面加入收藏夹或书签列表时，该标题为页面链接的默认名称例：优快云能力认证中心/title><link/：用于定义文档与外部
2021-09-02 22:05:55
123
原创 任务C1-17：转义字符
任务背景在HTML中，<、>、&（<、>用于区分标签，&用于转义）等特殊字符由于有特殊含义，在页面上可能无法正常显示，就需要在HTML文档中使用特殊转义字符来表示。任务目标理解并掌握特殊转义字符...
2021-09-02 09:09:15
106
原创 C1任务-16：表单标签
任务背景HTML表单用于收集用户输入。表单元素指的是不同类型的input元素、复选框、单选按钮、提交按钮等。任务目标掌握表单标签及其属性的使用任务训练标签用于创建HTML表单，常用属性如下：action：规定表单提时，表单数据提交的URLmethod：规定用于发送form-data的HTTP方法，常用属性值为get、post元素是最重要的表单元素，根据input元素的不同type类型，表现形式也是不一样的类型+描述：ext 普通文本框，一般默认20个字符宽度textarea 多
2021-09-02 08:49:53
209
原创 C1任务-15：语义化标签
任务背景HTML标签语义化，简单来说，就是让标签有含义，给某块内容用上一个最恰当最合适的标签，使页面有良好的结构，页面元素有含义，更利于开发者、程序和其他设备对于标签的理解。语义化在盲人软件、机器翻译等方面发挥着重要作用，同时搜索引擎会通过语义化标签增强文章的SEO搜索任务目标掌握语义化标签的使用任务训练元素 说明article
2021-09-01 23:07:15
186
原创 C1任务-14：算法常识
任务背景算法（Algorithm）是对方案的一种描述，对于计算机来说，它是一系列解决问题的计算步骤。算法的意义在于，在各种不同的解决方法之中，找到那个效率最高的。任务目标理解算法的意义和作用掌握常用的查找和排序算法查找算法顺序查找：它的基本思想就是从第一个元素开始，按顺序遍历待查找序列，直到找出给定目标或者查找失败，二分查找：又叫折半查找，它要求列表必须是有序的。它的原理是每次都把待比较元素A和列表中间的元素B进行比较，如果A小于B，那么A再和位于B前半部分的元素进行比较，并且再次选择中间元素
2021-09-01 22:55:17
157
2
原创 C1任务-13：数据结构常识
任务背景数据结构是计算机存储、组织数据的方式，它研究的是如何构造复杂软件系统的根基，它的核心内涵是分解与抽象，并得到软件开发过程中需要用到的逻辑结构。用简单直白的话来说，就是同样的数据，在某些场景下，用数组会比用链表好，而在另一些场景下，可能用LIFO（Lastin，Firstout，后进先出）队列就是最合理的了。任务目标了解常用的数据结构及其分类理解不同的数据结构所适用的不同场景任务训练数组（Array）：它是将具有相同类型的若干数据组织在一起的集合，这是一种最基本而且也是一种最经常使用的数据
2021-09-01 21:04:58
113
原创 C1任务-11：常用网络命令和端口
任务背景工程师天天使用计算机做软件开发，有时候出了问题需要确定到底是自己的问题，还是网络的问题。所以学习并了解一些常见的计算机命令和开发中常用的端口，对开发工作会有很多实际的帮助任务目标了解常用的网络服务端口号掌握常见网络命令及使用场景常用网络命令ping命令：这是在开发中使用频率极高的一个命令，主要用于确定网络的连通性，例如很多刚刚安装操作系统的计算机，第一件事就是先看看是否能联网，所以往往执行的第一条命令就是ping命令。它的格式是：ping主机名/域名/IP地址ipconfig/ifco
2021-09-01 20:46:20
323
原创 C1任务-10：域名解析
C1任务-10：域名解析任务背景在互联网上有成千上万台计算机，为了能准确地访问其中某台计算机上的服务，在OSI七层模型的网络层中，通过IP地址来唯一标记每台主机在网络里的位置，比如：39.106.226.142。但是这些纯数字的IP地址太难记了，因而就出现了域名（比如youkuaiyun.com）这样便于人类记忆的地址符号。这相当于现实世界中城市的名称，如武汉市，IP地址则相当于邮局内部的编码，如420000，而域名解析就是将域名转换为IP地址的过程。任务目标了解域名的意义及作用掌握常见的域名解析类型和规则
2021-09-01 20:24:04
764
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人