- 博客(269)
- 收藏
- 关注
RSS订阅原创 移动端单屏解决方案探讨及JavaScript实现
移动端单屏效果是指在移动设备上，内容能够以单个屏幕的高度完整展示，用户可以通过滑动屏幕进行浏览。通过监听滚动事件并根据滚动的百分比计算容器的偏移量，我们可以实现移动端单屏效果，提供更好的用户体验。在上面的代码中，我们首先获取了屏幕的高度，并将页面容器的高度设置为屏幕高度。然后，我们监听滚动事件，并根据滚动的百分比计算容器的偏移量。在这篇文章中，我们将讨论如何实现移动端单屏效果，并提供JavaScript代码示例。当用户滚动页面时，滚动事件会被触发，我们根据滚动的百分比计算容器的偏移量，然后通过。
2023-10-10 16:47:10
68
1
原创 JavaScript中的函数式编程详解
在上述示例中，我们定义了两个简单的函数add和multiply，然后使用函数组合的方式将它们连接起来形成新的函数calculate。calculate函数首先将输入的值传递给add函数，然后将add函数的输出传递给multiply函数。JavaScript中的函数式编程是一种强调纯函数、不可变性、高阶函数和函数组合的编程范式。在本文中，我们介绍了纯函数的概念，展示了如何实现不可变性，演示了高阶函数的使用以及函数组合的技巧。高阶函数是指接受一个或多个函数作为参数，或者返回一个函数的函数。
2023-10-07 18:59:39
89
原创 前端路由跳转的基本原理 - JavaScript
通过使用浏览器的 History API，我们可以在 JavaScript 中修改 URL，并通过监听浏览器的路由变化事件来处理路由的切换。以上提供的示例代码演示了如何创建一个简单的路由器对象，并实现基本的路由跳转功能。而在单页应用中，所有的页面都通过 JavaScript 加载，并且页面的切换是在前端完成的，不需要向服务器请求新的页面。在前端开发中，路由跳转是一项重要的技术，它可以实现单页应用（Single Page Application）的页面切换和导航功能。在上述示例中，我们首先创建了一个名为。
2023-10-07 16:40:16
131
原创 JavaScript中能否使用没有构造函数的类进行实例化？
通常，一个类会包含一个构造函数，用于初始化类的实例。然而，JavaScript中的类并不要求必须有构造函数，也就是说，我们可以定义一个没有构造函数的类。当我们创建一个没有构造函数的类时，JavaScript会默认提供一个空的构造函数。需要注意的是，尽管没有构造函数，但我们仍然可以在类中定义其他方法和属性。这些方法和属性将在类的实例上使用，与具有构造函数的类相同。总结来说，JavaScript中的类不需要必须有构造函数，即使没有构造函数，我们仍然可以使用。的类，该类没有构造函数。关键字来定义类，并通过。
2023-10-07 16:31:20
100
原创 JavaScript中的暂时性死区（Temporal Dead Zone）
暂时性死区（Temporal Dead Zone，简称TDZ）是JavaScript中一个重要的概念，它涉及到变量声明和作用域的特性。声明变量时，变量会被提升到作用域的顶部，但在声明之前是不可访问的。为了避免相关问题，我们应该始终在使用变量之前进行声明，并尽量避免在块级作用域内部重新声明同名变量。关键字声明变量时，存在变量提升的特性，即变量可以在声明之前被访问。总结一下，暂时性死区是JavaScript中的一个重要概念，用于解决变量提升带来的问题。暂时性死区的原理是，在进入当前作用域时，所有使用。
2023-10-07 04:00:11
169
原创 JavaScript中的异步编程方法全面解析
每种方法都有自己的优势和适用场景，根据实际情况选择合适的方法可以提高代码的可读性和可维护性。回调函数是JavaScript中最常用的处理异步编程的方法之一。它通过将函数作为参数传递给其他函数，在异步操作完成后调用该函数来处理结果。事件监听器是一种处理异步编程的常见方法，特别适用于处理事件驱动的异步操作，如用户交互、网络请求等。然而，使用回调函数会导致回调地狱问题，即多个异步操作嵌套在一起，代码变得难以理解和维护。函数模拟了一个异步操作，并在操作完成后调用传递给它的回调函数。函数返回的Promise对象。
2023-10-07 02:03:14
15
原创 使用 Lerna 构建 Monorepo 项目
Monorepo 是指将多个相关的项目或组件存储在一个单独的版本控制库中的软件开发策略。传统上，每个项目都有自己的代码库和版本控制。但是，当项目之间共享代码或依赖项时，维护多个独立的代码库可能会导致困难和混乱。Monorepo 提供了一种将相关项目组织在一起的方式，以便更轻松地共享代码和依赖项，并提供一致的开发和构建过程。Lerna 是一个用于管理 Monorepo 项目的工具。它提供了一组命令和功能，使得在单个代码库中管理多个项目变得更加容易。
2023-10-07 00:48:48
44
原创 使用RxJS进行响应式编程的介绍与示例
RxJS是Reactive Extensions的JavaScript版本，它是一个用于处理异步和事件驱动程序的库。它提供了一套强大的工具和操作符，用于处理数据流，使得异步编程更加简单和可维护。RxJS的核心概念是Observable（可观察对象）和Observer（观察者）。Observable表示一个可观察的数据源，可以发出一系列的值，而Observer则订阅这些值并对其进行处理。
2023-10-07 00:21:06
115
原创 使用JavaScript Promise进行异步编程
JavaScript Promise是一种用于处理异步操作的内置对象。它提供了一种更优雅的方式来处理异步代码，使代码更易读、更易维护。在本文中，我们将介绍Promise的基本概念和用法，并提供一些示例代码来说明其工作原理。
2023-10-06 21:03:21
21
原创 CommonJS和ESM模块使用方式的比较
CommonJS和ESM（ECMAScript模块）是两种主要的模块系统，它们在语法和使用方式上有一些区别。本文将比较CommonJS和ESM模块使用方式，并提供相应的源代码示例。虽然CommonJS和ESM语法和使用方式有所不同，但它们都是为了实现模块化开发而设计的。ESM模块是静态的，模块的导入和导出在代码解析阶段确定。CommonJS和ESM是两种常见的JavaScript模块使用方式。导入方式：CommonJS使用同步的导入方式，模块会被立即加载。CommonJS和ESM模块使用方式的比较。
2023-10-06 20:31:25
43
原创 JS前端知识闯关，你过得了几关？
通过以上五个关卡的挑战，我们考察了变量和数据类型、条件语句和循环、函数和作用域、数组和循环，以及DOM操作等JS前端知识点。在这个例子中，变量x的值为数字5，变量y的值为字符串"10"。答案：假设网页中存在一个具有id为"myElement"的元素，那么这段代码会将该元素的内容修改为"Hello, World!条件语句和循环是编程中常用的控制结构，用于根据条件执行不同的代码块或重复执行特定的代码块。在这个例子中，变量num的值为10。，判断为真，因此执行if代码块中的语句，输出"大于5"。
2023-10-06 18:40:52
55
原创 实现一个可以无限折叠的 JavaScript 表格
在这篇文章中，我将介绍如何使用 JavaScript 创建一个可以无限折叠的表格。我们将使用事件委托来处理点击事件，以便在表格中的任何行上都可以触发相应的事件。现在，我们已经完成了实现一个可以无限折叠的 JavaScript 表格的全部代码。需要注意的是，以上代码只是一个基本的示例，你可以根据自己的需求进行扩展和定制。你可以添加更多的列、样式和交互功能来满足特定的需求。最后，我们需要添加一些 CSS 样式来定义展开和折叠的行的外观。首先，我们需要创建一个基本的 HTML 结构来容纳我们的表格。
2023-10-06 17:24:25
151
原创 高效实现Vuex状态管理器的JavaScript代码
在现代的JavaScript应用程序开发中，状态管理是一个至关重要的方面。Vuex是一个流行的JavaScript状态管理库，用于在Vue.js应用程序中管理状态。通过使用Vuex，我们可以在应用程序的不同组件之间共享和管理状态，从而实现更高效的开发和更好的代码组织。本文将向您展示如何从零开始使用原生JavaScript实现一个简单的Vuex状态管理器。我们将逐步创建一个具有基本功能的状态管理器，包括状态的存储、获取和更新。
2023-10-06 10:38:15
25
原创 ES模块（type=“module“）和导入映射（type=“importmap“）在JavaScript中的使用
而导入映射则帮助我们简化模块的导入路径，提高代码的可读性和可维护性JavaScript中的ES模块（type=“module”）和导入映射（type=“importmap”）ES模块（ES Modules）是JavaScript的官方模块系统，它提供了一种模块化的开发方式，使得我们可以将代码拆分为多个模块，并通过导入（import）和导出（export）语法进行模块间的交互。通过使用导入映射，我们可以更清晰地管理模块的导入路径，减少了路径的重复编写，使代码更加简洁和易于维护。ES模块的使用非常简单明了。
2023-10-06 10:10:23
220
原创 使用现代的XHR对象进行AJAX请求（JavaScript）
虽然现代JavaScript中出现了更高级的替代方案，但了解和掌握XHR仍然是非常有益的。当然，现代JavaScript中也出现了其他用于发送AJAX请求的工具和库，比如Fetch API和Axios。它们提供了更简洁的API和更方便的使用方式，但XHR仍然是一个重要的基础工具，值得了解和掌握。需要注意的是，上述示例中的URL是一个示意的URL，实际应用中需要根据具体情况替换为真实的API地址。除了GET请求，XHR对象还支持其他类型的请求，比如POST、PUT等。方法设置请求头，以便在请求中传递数据。
2023-10-06 07:34:52
109
原创 React Native中使用Canvas绘制图形
综上所述，通过使用react-native-canvas库，我们可以在React Native中使用Canvas来绘制图形。首先需要安装和配置react-native-canvas库，然后在组件中引入Canvas组件并获取到Canvas的上下文对象，最后使用Canvas的API进行绘制操作。在React Native中，我们可以使用react-native-canvas库来使用Canvas。除了矩形和圆形，Canvas还提供了其他绘制图形的方法，例如绘制直线、绘制路径、绘制文本等。方法开始绘制路径，使用。
2023-10-06 06:07:00
670
原创 JavaScript中鲜为人知的call、apply和bind方法详解
在上面的示例中，我们定义了一个greet函数，它接受一个参数作为问候语，并在调用时将问候语和上下文对象的属性打印出来。然后，我们创建了一个person对象和一个包含参数的数组args，并使用apply方法将person对象作为上下文和args数组作为参数传递给greet函数。在上面的示例中，我们定义了一个greet函数，它在调用时打印出问候语。然后，我们创建了一个person对象，并使用bind方法将person对象绑定到greet函数，生成一个新的函数greetPerson。是要传递给函数的参数。
2023-10-06 05:35:25
24
原创 Vue生成AST算法解析与实现
Vue生成AST的算法是通过两个阶段来完成的：Tokenize阶段将模板字符串解析为一系列的Token，AST生成阶段将Token转换为AST节点。在这篇文章中，我们将详细解析Vue生成AST的算法，并给出相应的源代码实现。根据Token的类型，我们生成相应类型的AST节点，并将节点添加到AST的children属性中。抽象语法树是源代码的结构化表示，它使用树状的数据结构来表示代码的各个部分和它们之间的关系。根据字符的不同，我们执行不同的解析逻辑，将解析得到的Token存储在一个数组中。
2023-10-06 03:04:32
109
原创 JavaScript数据类型详解
JavaScript是一种广泛应用于Web开发和前端编程的脚本语言，它支持多种不同的数据类型。了解这些数据类型对于编写高效和可靠的JavaScript代码至关重要。在本文中，我们将深入探讨JavaScript的各种数据类型，并提供相应的源代码示例。以上是JavaScript中的一些常见数据类型。通过了解这些数据类型的特性和用法，您可以更好地理解和应用JavaScript编程语言。
2023-10-06 01:50:30
14
原创 前端框架的未来：使用 useSignal JavaScript
在上面的代码中，我们创建了两个信号firstName和lastName，分别用于存储用户的名字和姓氏。在上面的代码中，我们使用useSignal创建了一个名为count的信号，并将其初始值设置为0。useSignal JavaScript是一个基于JavaScript的前端框架，它借鉴了React Hooks的思想，但提供了一种更加简单和直观的状态管理解决方案。随着前端开发的不断发展，新的工具和技术层出不穷。在上面的示例中，我们只需要调用setCount函数并传递新的值，即可更新count的值。
2023-10-06 00:20:19
142
原创 JavaScript 中的 this 绑定与 this 指向问题详解
在 JavaScript 中，this 是一个特殊的关键字，它用于引用当前执行上下文中的对象。然而，this 的绑定方式和指向可能会导致一些混乱和困惑。本文将详细解析 this 的绑定和指向问题，并提供相应的源代码示例。
2023-10-05 22:48:58
19
原创 JavaScript Date 类型
参数可以是一个表示日期和时间的字符串，也可以是一个包含年、月、日等信息的数字。参数可以是一个表示日期和时间的字符串，也可以是一个包含年、月、日等信息的数字。时间戳是自 1970 年 1 月 1 日以来经过的毫秒数，可以用于比较日期的先后顺序。Date 类型还支持进行日期运算，可以使用一些方法来进行日期的加减操作。Date 类型还支持进行日期运算，可以使用一些方法来进行日期的加减操作。上述代码将分别打印出本地化的日期、时间和日期时间字符串。上述代码将分别打印出本地化的日期、时间和日期时间字符串。
2023-10-05 21:57:58
19
原创 使用NestJS的控制器与业务逻辑结合的入门教程
本教程将介绍如何在NestJS应用程序中结合控制器和业务逻辑，以实现灵活且可维护的代码结构。您已经成功使用NestJS创建了一个简单的应用程序，其中控制器和业务逻辑相结合。您可以根据实际需求进一步扩展和优化代码，并使用NestJS的强大功能构建更复杂的应用程序。在NestJS中，控制器负责处理HTTP请求和响应，并将它们传递给相应的业务逻辑。首先，我们需要安装NestJS CLI工具，用于创建和管理NestJS应用程序。现在，我们已经完成了NestJS应用程序的控制器和服务的编写和注册。
2023-10-05 20:34:13
23
原创 加载JavaScript文件时出错：无法加载文件 C:\Users\xuhuichen\AppData\Roaming\npm\vue.ps1
其中一个常见的错误是无法加载文件。在这种情况下，您可能会收到以下错误消息：“无法加载文件 C:\Users\xuhuichen\AppData\Roaming\npm\vue.ps1”。在上述错误消息中，路径"C:\Users\xuhuichen\AppData\Roaming\npm\vue.ps1"指向一个名为"vue.ps1"的文件。请确保文件路径正确，您具有足够的权限来访问文件，并检查文件的完整性和编码格式。解决这个问题的一种方法是使用管理员权限运行您的代码或更改文件的权限以允许您的用户访问它。
2023-10-05 19:12:39
87
原创 微信小程序登录流程与实现（JavaScript版）
以上就是微信小程序登录的流程和实现方法。通过获取用户授权、发送登录凭证到服务器和登录态维持，可以实现小程序的用户身份验证和会话管理。请根据实际需求进行相应的调整和扩展。小程序登录是在微信小程序中实现用户身份验证和授权的重要步骤。本文将详细介绍微信小程序登录的流程，并提供相应的JavaScript代码示例。函数获取保存的数据，实现登录态的维持。在后续的小程序使用过程中，可以通过。
2023-10-05 09:57:20
174
原创 JavaScript对象：创建和操作对象
对象是JavaScript中非常重要的概念，它允许我们组织和管理相关的数据和功能。通过使用对象字面量语法或构造函数，我们可以创建对象，并使用点号或方括号语法来访问和修改对象的属性。对象字面量语法是创建对象的简单方式，它使用一对大括号{}来定义对象，并使用键值对的形式来添加属性和方法。使用方括号语法可以动态地访问和修改对象的属性，这在需要根据变量的值来访问属性时非常有用。对象的方法是存储在对象中的函数，可以用于执行特定的操作。对象的方法是存储在对象中的函数。对象的方法可以访问对象的属性，并且可以使用。
2023-10-05 08:28:20
18
原创 UniApp项目实践总结：自定义底部导航栏实现
在UniApp开发中，底部导航栏是一个常见的UI组件，用于在不同页面之间进行导航。本文将介绍如何自定义底部导航栏，并提供相应的JavaScript源代码示例。通过以上步骤，我们已经成功实现了自定义底部导航栏。你可以根据实际需求对底部导航栏的样式和图标进行自定义修改，以适应项目的设计风格。首先，我们需要创建一个底部导航栏组件。为了让底部导航栏在整个应用中可用，你需要在App.vue文件中引入该组件并进行全局注册。之后，以保证它在底部显示，并在整个应用中可见。在App.vue中，我们将底部导航栏组件。
2023-10-05 07:50:38
345
原创 解决JavaScript中异步代码挂起的问题
在JavaScript中，异步代码是一种常见的编程模式，它允许代码在执行时间较长的操作（如网络请求或文件读写）时不阻塞主线程。然而，有时我们希望在异步操作完成之前暂停代码的执行，或者在异步操作完成后执行一些特定的逻辑。在JavaScript中，我们可以通过回调函数、Promise对象和async/await语法来解决异步代码挂起的问题。回调函数是一种常见的处理异步代码的方式。通过将需要在异步操作完成后执行的代码作为回调函数传递给异步函数，我们可以确保逻辑按预期顺序执行。方法来处理异步操作完成后的逻辑。
2023-10-05 06:23:26
156
原创 计算全排列的简洁JavaScript方法
全排列是一个经典的计算问题，它涉及到将一组元素重新排列，生成所有可能的排列组合。在本文中，我们将介绍一种简洁的JavaScript方法，用于计算全排列。这就是一个简洁的JavaScript方法，用于计算全排列。然后，我们使用递归的方式来生成全排列。如果是，说明已经生成了一个完整的排列，我们将它添加到。作为输入，并返回一个包含所有全排列结果的数组。函数来开始生成全排列，并将结果返回给调用者。数组的正确位置上，以便生成其他可能的排列。在示例代码的最后，我们定义了一个输入数组。函数，继续生成下一个数字的排列。
2023-10-05 05:18:17
15
原创 深入了解JavaScript中的Promise
本文详细介绍了JavaScript中的Promise机制。我们了解了Promise的概念、用法和相关的源代码示例。通过Promise，我们可以更加优雅和可读性更高地处理异步操作，避免了回调地狱的问题。同时，Promise还提供了链式调用和错误处理的功能，使得异步代码的编写更加简洁和清晰。
2023-10-05 02:51:33
21
原创 联机 子棋！禁手模式登场！点击链接即可畅快对战！观战！单机磨炼！分享残局！使用 JavaScript
无论是与朋友对战，还是与全球玩家一较高下，这个联机子棋游戏都能够带给你绝佳的游戏体验。其他玩家可以加载你分享的棋局，回顾对局的每一步，分析棋局的走势，共同探讨最佳的下法。这个子棋游戏的联机模式和禁手规则的加入，让游戏变得更加有趣和挑战。在传统的子棋游戏中，双方玩家可以在任何位置下子，而禁手模式则规定了一些禁手规则，限制了某些不利于游戏平衡的下法。电脑玩家拥有不同的难度级别，从初级到高级，你可以根据自己的实力选择合适的对手。在这个联机子棋游戏中，你可以选择与其他玩家进行对战，或者观战其他精彩的对局。
2023-10-05 01:28:09
71
原创 在Vue中使用OpenLayers JavaScript库
通过创建地图组件并使用OpenLayers库，我们能够方便地在Vue应用程序中显示地图并进行地理信息处理。在上面的代码中，我们创建了一个名为"Map"的Vue组件。该组件包含一个具有"id"为"map"的div元素，作为地图容器。要在Vue应用程序中使用地图组件，我们需要在所需的位置导入并使用它。钩子函数中，我们使用OpenLayers创建了一个地图对象，并将其绑定到地图容器上。定义了地图的图层，这里我们使用了一个基本的OpenStreetMap图层。指定了地图容器的DOM元素，在这里我们使用了Vue的。
2023-10-05 00:53:11
322
原创 打造完美的Webpack React配置工程师之路
作为一名Webpack React配置工程师，你需要熟悉它们的用法、原理和最佳实践，以便构建高效、灵活和可维护的应用程序。Webpack是一个模块打包工具，它将你的应用程序的所有模块打包成一个或多个捆绑包。通过以上步骤，你已经创建了一个基本的Webpack React配置，使你能够开发和构建React应用程序。作为一名Webpack React配置工程师，你还可以进一步深入学习Webpack和React的高级特性，以及其他相关工具和库，以提高你的开发效率和应用程序的性能。祝你在这个领域取得成功！
2023-10-04 19:52:35
20
原创 JavaScript中编写for循环的方法
在JavaScript中，for循环是一种重要的控制流结构，用于重复执行特定的代码块。本文介绍了几种常见的JavaScript中编写for循环的方法，包括基本for循环、倒序for循环、使用数组进行for循环以及for…在JavaScript中，for循环是一种常用的控制流结构，用于重复执行一段代码。在本文中，我们将探讨几种常见的JavaScript中编写for循环的方法，并提供相应的源代码示例。基本的for循环是最常见的循环形式，它由三个部分组成：初始条件、循环条件和循环后的更新操作。
2023-10-04 19:27:00
21
原创 如何将应用快速封装为 JavaScript SDK？
封装应用为 JavaScript SDK 是一种常见的做法，它使得开发人员可以以简洁的方式将应用功能暴露给其他开发者或用户。在本文中，我将介绍一种快速将应用封装为 JavaScript SDK 的方法，并提供相应的源代码示例。总结起来，将应用快速封装为 JavaScript SDK 可以通过定义入口点、方法、参数、返回值和错误处理来实现。通过提供简洁易用的接口，你可以让其他开发者或用户更轻松地使用你的应用功能。在实际情况中，你可能需要根据你的应用需求来定义更多的方法和参数，并进行更复杂的功能实现。
2023-10-04 18:06:53
357
1
原创 使用JavaScript绘制和拖动多个图形块的Canvas应用
在这个示例中，我将向您展示如何使用Canvas和JavaScript创建一个应用程序，可以绘制多个图形块，并且能够通过拖动进行交互。如果有，我们获取鼠标事件的位置，并将选中的图形块的位置更新为鼠标位置减去图形块尺寸的一半。在这个事件处理程序中，我们首先创建一个新的图形块对象，设置其位置为Canvas内的随机位置，尺寸为50x50，并随机生成颜色。在这个函数中，我们从数组的末尾开始遍历所有的图形块，检查鼠标事件的位置是否在图形块的范围内。现在，我们需要编写一些按钮的事件处理程序，用于添加和删除图形块。
2023-10-04 16:08:56
71
1
原创 JavaScript进阶: 基本数据类型与引用数据类型
基本数据类型的值是不可变的，而引用数据类型的值是可变的。基本数据类型是指存储简单数据值的变量，而引用数据类型是指存储对象的引用的变量。本文将详细介绍JavaScript中的基本数据类型和引用数据类型，并提供相应的源代码示例。引用数据类型的特点是值是可变的，也就是说，对引用数据类型进行操作时，会修改对象的属性或内容，而不会生成一个新的值。基本数据类型的特点是值是不可变的，也就是说，对基本数据类型进行操作时，会生成一个新的值。需要注意的是，虽然引用数据类型的值是可变的，但是变量本身的值是不可变的。
2023-10-04 14:41:17
24
1
原创 实现LayUi框架的模块化功能
LayUi是一款基于JavaScript的前端UI框架，提供了丰富的组件和样式，可以帮助开发者快速构建漂亮的Web界面。其中，模块化是LayUi框架的一个重要特性，它允许开发者将功能模块化地组织起来，提高代码的可维护性和复用性。在本文中，我们将详细介绍如何使用LayUi框架实现模块化功能，并提供相应的源代码示例。通过定义和导入不同的模块，我们可以将功能按照模块划分，提高代码的可读性和可维护性。接下来，我们可以使用LayUi的模块化功能来组织我们的代码。参数，我们可以将模块导出，以便其他模块可以使用它。
2023-10-04 13:32:44
76
1
原创 实现自定义的 Promise 对象 - JavaScript
现在我们可以使用自定义的 Promise 对象了。// 模拟异步操作} else {}, 1000);});在上面的示例中，我们创建了一个自定义的 Promise 对象，并使用then方法来注册当 Promise 被完成时的回调函数。我们还使用了catch方法来处理 Promise 被拒绝时的情况。
2023-10-04 12:31:49
23
1
原创 JavaScript中的类型错误和引用错误
类型错误（TypeError）和引用错误（ReferenceError）是JavaScript中常见的错误类型之一。它们通常在代码中出现错误或者无法找到所需的变量或属性时抛出。在本文中，我将详细介绍这两种错误的概念、原因和如何处理它们。
2023-10-04 10:08:58
87
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人