- 博客(654)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted 如何解决 使用css3 touch-action: non...
2018-09-02 10:41:25
47246
24
原创 关于移动端布局不兼容ipad和ipad pro 解决方法
关于移动端布局不兼容ipad和ipad pro 解决方法 我用移动端布局使用的是淘宝的flex.js来兼容不同的手机屏幕，但是我发现他是不兼容ipad的。于是我通过百度找到了解决办法/(iPhone|iPad|iPhone OS|Phone|iPod|iOS)/i.test(navigator.userAgent)&&(head=document.getElementsByT......
2018-08-03 15:33:02
15560
5
原创 vue登录注册组件源码（注释）
vue登录注册组件源码（注释）此组件，简单实现了防短信轰炸，样式我使用了一些Bootstarp的表单样式 注册<template> <div class="warp"> <div class="main"> <div class="h
2018-07-12 09:36:59
11442
3
原创 在React中useState 的更新是同步还是异步的？在什么情况下会批量更新状态？
前端小伙伴们，有没有在React开发中被useState的更新搞懵圈？明明调用了setState，怎么马上读取还是旧值？到底什么时候是同步更新，什么时候又是异步更新？今天就来揭开这个神秘面纱，用最通俗易懂的方式带你彻底搞懂useState的更新机制！
2025-05-17 20:56:47
457
原创 Vue 3 中的 teleport 组件有什么作用？在哪些场景下会用到？
前端小伙伴们，有没有遇到过这种情况：在Vue组件里写了个弹窗、下拉菜单或者提示框，结果被父组件的样式限制，怎么都调不好位置？或者因为层级问题，被其他元素遮挡？别担心！Vue 3的teleport组件就是来解决这些问题的！今天就用大白话给你讲清楚teleport是啥，怎么用，以及在哪些场景下能派上用场！
2025-05-17 20:49:18
654
原创 JavaScript实现一个函数，使用`fetch` API实现一个简单的HTTP缓存策略，在一定时间内如果请求相同的URL则返回缓存结果
前端小伙伴们，有没有遇到过这种情况：页面上频繁请求同一个API，每次都要等服务器返回数据，页面加载慢不说，还浪费用户流量。别担心！今天就教你3步实现一个简单又智能的HTTP缓存策略，用JavaScript结合fetch API，让相同的请求在一定时间内直接返回缓存结果，大大提升页面性能！
2025-05-17 20:39:44
315
原创 css展示动态背景图案的实现代码，分析图案随滚动或鼠标移动变化的逻辑。
前端小伙伴们，还在为单调的背景图案发愁吗？想不想让网站背景跟着用户的鼠标或滚动动起来，瞬间提升页面逼格？今天就教你3招，用纯CSS实现超酷炫的动态背景图案！不管是几何图形、渐变效果还是抽象图案，都能轻松玩转，让你的页面秒变高大上！
2025-05-17 20:33:25
607
原创 如何利用 HTML 的＜form＞标签和 WebGL 技术实现一个基于表单输入的 3D 图形生成功能，用户在表单中输入参数，实时生成相应的 3D 图形，需要使用哪些 JavaScript 库
前端小伙伴们，有没有想过让用户在表单里填几个参数，就能实时生成炫酷的3D图形？比如输入球体半径就能看到3D球体，调整立方体边长就能呈现立方体效果。今天就带大家解锁这个黑科技，只需3步，就能用HTML的`<form>`标签和WebGL技术实现基于表单输入的3D图形生成功能！
2025-05-17 20:27:10
393
原创 讲讲在 React 中如何利用CSS Modules实现组件的局部样式，与传统 CSS 样式引入方式相比有何优势
前端小伙伴们，在写React组件的时候，有没有遇到过这些让人抓狂的情况？给组件写了个样式类名`container`，结果和其他组件的样式冲突了，页面样式一团糟；想修改某个组件的样式，却不敢轻易动手，生怕影响到其他地方；代码里到处都是冗长的类名，比如`user-profile-container__title--active`，写得手都酸了，还不美观……这些问题，用CSS Modules都能轻松解决！今天咱们就来唠唠在React里怎么用CSS Modules实现组件的局部样式，让你的代码既干净又好维护！
2025-05-16 19:51:39
731
1
原创 Vue 中如何实现动态组件缓存？keep-alive 与 Vue 3 的 ＜Suspense＞ 有何不同？
前端小伙伴们，在开发过程中有没有遇到过这些让人头疼的问题？在组件里写了一个模态框，结果因为DOM层级嵌套太深，样式被父级元素限制，怎么都调不好；想在全局范围内展示一个通知组件，但又不想把它写在根组件里，代码变得混乱不堪……这些问题，Vue 3的teleport组件都能帮你轻松解决！今天咱们就来唠唠这个神奇的"传送门"，看看它到底有啥用，啥时候该用！
2025-05-16 19:46:51
804
原创 讲讲JavaScript中`ArrayBuffer`、`TypedArray`和`DataView`之间的关系，在处理二进制数据时它们各自的用途是什么？
前端小伙伴们，在处理WebSocket通信、文件上传下载、Canvas图像数据时，有没有遇到过这些让人头大的问题？拿到二进制数据却不知道怎么解析，用普通数组处理二进制数据性能差到爆炸，想精确控制字节顺序却无从下手……这些痛点，其实都和JavaScript中的`ArrayBuffer`、`TypedArray`和`DataView`这三个“神秘角色”有关！今天咱们就用最接地气的方式，扒一扒它们之间的关系，搞清楚在处理二进制数据时各自的用途，让你面对二进制数据不再懵圈！
2025-05-16 19:42:21
535
原创 当使用 CSS 进行布局时，如何处理元素的重叠问题，比如使用z-index和position属性
前端小伙伴们，有没有遇到过这种让人崩溃的场景？设计稿上精美的元素层次，到了自己写代码时，元素却像“叠罗汉”一样乱成一团，怎么调整都不对！想让一个元素覆盖另一个元素，结果怎么都不起作用；明明设置了z-index，元素还是不按预期显示……别担心，今天咱们就用最通俗易懂的方式，带你彻底搞懂CSS中处理元素重叠的两大神器——z-index和position属性，让你的布局从此“井井有条”！
2025-05-16 19:33:02
547
原创 当在 HTML 页面中使用＜img＞标签时，如何利用srcset属性和picture元素实现根据不同网络环境（如 4G、WiFi）加载不同质量的图片，以优化流量消耗和加载速度？
咱们在前端开发时，有没有遇到过这种崩溃瞬间？精心设计的网页，在用户4G网络下加载慢得像蜗牛，流量还“蹭蹭”往外跑，被产品追着问“为啥图片加载这么卡”；面试时，面试官突然抛出“怎么根据网络环境优化图片加载”，大脑瞬间一片空白……别慌！今天就用大白话带你解锁`srcset`属性和`picture`元素这两大神器，让图片在不同网络环境下“聪明”加载，轻松拿捏优化难题！
2025-05-16 19:27:57
556
原创 React 18 中的并发模式（Concurrent Mode）带来了哪些新特性？如何利用 useTransition 优化用户体验？
前端的小伙伴们，在开发React应用时，有没有遇到过这些让人抓狂的问题？页面渲染时卡死，用户输入无响应；复杂计算任务阻塞主线程，导致动画卡顿；数据加载时整个页面僵死，用户体验极差……别担心！React 18的并发模式（Concurrent Mode）就是来拯救我们的！今天咱们就用最通俗易懂的方式，聊聊React 18的并发模式带来了哪些新特性，以及如何用useTransition优化用户体验，让你的应用快到飞起！
2025-05-15 19:54:49
1096
1
原创 Vue 3 的响应式系统（Proxy）相比 Vue 2 的 Object.defineProperty 有哪些优势？
前端小伙伴们，在使用Vue 2开发项目时，有没有遇到过这些让人头大的问题？明明修改了数据，页面却没有更新；为了让新增的属性也有响应式效果，不得不调用 `Vue.set`；深层嵌套的对象，必须手动递归才能实现响应式监听……这些痛点，Vue 3的响应式系统统统帮你解决啦！今天咱们就来唠唠Vue 3的响应式系统（Proxy）相比Vue 2的Object.defineProperty到底强在哪里，让你开发效率直接起飞！
2025-05-15 19:50:09
562
原创 css展示渐变背景动画的实现代码，分析背景颜色循环渐变的逻辑
前端的小伙伴们，有没有遇到过这种情况？甲方爸爸突然说：“页面背景能不能来点动态效果，看着高级点？” 打开设计稿一看，好家伙，是那种会循环渐变的背景！这时候是不是心里一慌，CSS咋整出这种动画效果啊？面试的时候，要是被问到“CSS怎么实现渐变背景动画”，又该怎么回答才能显得专业又轻松？别担心！今天咱就用最接地气的方式，手把手教你用CSS实现超炫的渐变背景动画，顺便把背后的逻辑扒得明明白白！
2025-05-15 19:46:36
991
原创 讲讲JavaScript中`Proxy`的`handler`对象的各个方法（如`get`、`set`、`apply`等）的作用，如何利用它们实现更强大的对象代理功能？
前端开发的小伙伴们，有没有遇到过这种情况？想监听对象属性的变化，用老方法写了一大串代码，结果不仅繁琐还容易出错；想在调用函数前做些预处理，却找不到优雅的解决方案，只能在函数内部东拼西凑？其实，JavaScript 的 `Proxy` 和它的 `handler` 对象，就是来拯救我们于水火之中的神器！今天咱们就来唠唠 `handler` 对象的各个方法，看看如何用它们解锁超强大的对象代理功能，面试遇到相关问题也能轻松拿捏！
2025-05-15 19:42:41
642
原创 讲讲＜article＞标签与＜section＞标签的区别，在构建页面结构时如何正确选择使用？
作为前端工程师，在构建页面结构时，你是否经常纠结该用`<article>`还是`<section>`？明明都是语义化标签，用起来却总感觉“差那么点意思”。面试时被问到这俩标签的区别，更是大脑一片空白？别慌！今天咱们就用最接地气的方式，把这两个让人头秃的标签彻底搞明白！
2025-05-15 19:35:43
512
原创 Vue3 TX 特效组件库
Vue3 TX 特效组件库是一套基于 Vue 3 的前端特效组件库，提供了丰富的动画效果和交互组件，旨在为项目增添现代化的视觉效果与用户体验。该库支持按需引入、高度可定制、响应式设计，并内置深色模式。组件类型包括按钮特效、加载动画、悬停效果、文字动画、过渡效果、弹窗组件、滚动特效、卡片特效、图像效果和背景特效等。安装方式支持 npm、yarn 和 pnpm，使用时可全局注册或按需引入。最新版本 v0.3.0 新增了渐变背景、波浪背景和鼠标跟随等特效组件，并优化了深色模式和响应式设计。文档和贡献指南可在项目仓
2025-05-15 19:08:38
657
原创 如何在 React 中实现一个可拖动的组件，利用react - draggable库或者原生事件实现的思路分别是什么？
紧急需求：直接上，记得看文档学透bounds和axis配置面试准备：必须手写原生逻辑，搞懂事件冒泡和性能优化点终极建议：平时积累组件库用法，面试前手写一遍原生代码，两者结合才是真·高手下次我们聊聊“如何用React实现一个高性能的虚拟列表”，记得关注哦！夜深了，写完代码记得给自己泡杯咖啡，毕竟——前端路漫漫，代码是伙伴，秃头不可怕，原理要搞懂！
2025-05-14 22:08:31
988
3
原创 vue展示实现模态框展开和关闭动画的代码示例，分析动画层级和遮罩效果处理。
graph LRA[点击打开按钮] --> B{isShow=true}B --> C[遮罩层开始淡入动画（opacity:0→0.5）]C --> D[延迟0.1秒，内容层开始滑入动画（translateY:-20px→0）]D --> E[动画结束，用户操作]E --> F[点击关闭或遮罩]G --> H[内容层先滑出动画（translateY:0→-20px）]H --> I[内容动画结束后，遮罩层开始淡出（opacity:0.5→0）]I --> J[重置状态，等待下一次打开]
2025-05-14 21:59:35
959
原创 解释JavaScript中`Function.prototype.bind()`、`call()`和`apply()`方法在改变函数上下文时的性能差异，在不同场景下如何选择使用？
核心记忆点call/apply是“立即执行+传参差异”，bind是“创建闭包+延迟执行”。性能口诀：单次调用用call/apply，多次复用用bind，箭头函数救急难。面试加分项：能说出bind在new调用时的特殊处理，以及箭头函数与这三个方法的兼容性问题。下次当你在面试中被问到“bind和call的区别”时，记得掏出这张“场景-性能-原理”的三叉戟：先讲使用场景的直观差异，再聊闭包和即时执行的底层原理，最后抛出性能测试数据——这才是让面试官眼前一亮的回答套路。
2025-05-14 21:22:28
888
原创 css给出响应式瀑布流图片墙的实现代码，分析图片自动排列和适应不同屏幕的算法
本文介绍了如何使用CSS和JavaScript实现响应式瀑布流图片墙。通过CSS的多列布局（column-count）和弹性盒模型（Flexbox），结合JavaScript动态分配图片到各列，实现图片在不同屏幕尺寸下的自动排列和适应。核心算法是“最小高度列优先”，即每次将图片添加到当前高度最小的列，以保持整体布局的平衡。文章详细展示了HTML结构、CSS样式和JavaScript代码的实现步骤，并提供了示例代码，帮助开发者快速构建一个会“呼吸”的图片墙。
2025-05-14 21:07:09
820
原创 如何在 HTML 中创建一个可拖动、可缩放且可旋转的元素，通过鼠标和触摸操作实现复杂的交互功能，需要使用哪些 HTML、CSS 和 JavaScript 技术？
在前端开发的世界里，越来越多的项目要求实现酷炫又实用的交互效果。比如，在一些在线设计工具、图片编辑应用或者游戏开发中，常常需要让用户能够随心所欲地拖动、缩放和旋转页面中的元素，通过鼠标和触摸操作实现复杂的交互功能。但这对很多前端工程师来说，却是一个让人头疼的难点，今天咱就来彻底攻克它！
2025-05-14 20:45:55
649
原创 描述 React 中Fragments在处理列表渲染时的优势，如何避免在列表项中添加不必要的包裹元素？
在前端开发的日常工作中，React作为主流的前端框架，被广泛应用于各种项目。而列表渲染是前端开发中极为常见的需求，无论是展示商品列表、用户评论，还是新闻资讯，都离不开它。然而，在React列表渲染过程中，很多前端工程师都会遇到一些棘手的问题，今天我们就来聊聊如何用Fragments巧妙解决这些问题，让你的代码更加简洁高效。
2025-05-13 20:14:11
842
1
原创 对比`provide`和`inject`与Vuex在数据共享方面的区别和适用场景，以及在vue2和vue3中的区别，通过项目案例分析
在前端开发的日常工作中，相信不少小伙伴都遇到过这样的场景：一个大型Vue项目里，组件层级嵌套深，兄弟组件之间的数据传递繁琐，维护起来简直让人头大。数据共享就像一场“拔河比赛”，既要保证数据的高效传递，又要避免数据混乱，这时候，`provide`和`inject`以及Vuex就派上用场了。但它们到底有啥区别，又该在什么场景下使用呢？别着急，今天咱就掰开了、揉碎了给大家讲明白！
2025-05-13 20:09:35
656
原创 如何在JavaScript中实现一个简单的任务队列（Task Queue），按照任务添加的顺序依次执行任务？
作为前端工程师，你有没有遇到过这种情况？在项目开发中，多个异步任务需要按顺序执行，比如先获取用户信息，再根据用户信息加载个性化页面内容，最后进行页面渲染。如果这些任务同时触发，不仅会导致数据混乱，还可能出现页面渲染错误。这种场景下，任务队列（Task Queue）就成了解决问题的关键。据统计，80%的前端开发者在实际项目中都遇到过任务执行顺序混乱的难题，今天咱们就来手把手教你用JavaScript实现一个简单的任务队列，让任务乖乖按顺序执行！
2025-05-13 20:04:59
463
原创 css展示动态粒子效果背景的实现代码，分析粒子随鼠标移动变化的逻辑
在前端开发的江湖里，面试官总爱拿各种炫酷效果来“刁难”咱们。最近好多小伙伴跟我吐槽，面试时被问到 **“如何用CSS展示动态粒子效果背景”** ，当场大脑一片空白。别慌！今天就手把手教你用10行CSS代码搞定这个难题，顺便把粒子随鼠标移动的逻辑扒得明明白白，下次面试直接拿捏！
2025-05-13 20:01:13
936
原创 当在 HTML 页面中使用＜script＞标签时，如何通过async和defer属性结合module属性，实现 JavaScript 代码的高效加载和执行，同时确保模块的正确初始化？
作为前端工程师，你是不是经常遇到这样的糟心事？网页加载半天，用户等得不耐烦直接关掉页面；项目上线后，发现JavaScript代码加载顺序错乱，导致功能无法正常运行。别慌！今天咱就来聊聊HTML中`<script>`标签的`async`、`defer`属性和`module`属性，掌握这几个“秘密武器”，就能实现JavaScript代码的高效加载和执行，还能确保模块正确初始化，让你的网页性能起飞！
2025-05-13 19:54:32
928
原创 如何在 React 中实现一个可拖动的组件，利用react - draggable库或者原生事件实现的思路分别是什么？
在React中实现可拖动组件有两种常见方法：使用react-draggable库或原生事件。react-draggable库封装了鼠标事件，简化了开发流程，适合快速实现基本拖动功能。通过引入Draggable组件并包裹目标元素，即可轻松实现拖动，且支持限制拖动范围等配置。原生事件方法则需手动处理mousedown、mousemove、mouseup事件，计算组件位置并更新样式，灵活性高但开发难度较大，适合需要高度定制的场景。两种方法各有优劣，react-draggable适合简单需求，原生事件则适合复杂场景
2025-05-12 21:08:31
952
1
原创 讲解使用`vee - validate`进行表单复杂验证的方法，包括自定义验证规则和错误提示，提供代码示例
vee-validate是一款基于Vue.js的表单验证库，能够简化复杂表单验证的实现过程。它通过声明式的方式，将验证逻辑与表单元素绑定，自动触发验证并更新错误提示。vee-validate内置了常用验证规则（如必填、邮箱格式等），并支持自定义规则，满足特定业务需求。安装后，全局注册并配置错误提示，即可在表单中使用。通过自定义规则（如密码强度验证），开发者可以灵活扩展验证逻辑。与原生JavaScript相比，vee-validate代码更简洁、维护更便捷，且支持团队协作开发，显著提升开发效率。在前端面试中，
2025-05-12 21:05:39
657
原创 如何在JavaScript中使用`canvas`绘制一个动态的图表，例如柱状图或折线图，并且能够实时更新数据？
前端开发中，数据可视化是绕不开的重要环节。当面试官抛出“如何在JavaScript中使用`canvas`绘制一个动态的图表，例如柱状图或折线图，并且能够实时更新数据？”这个问题时，不少同学心里一紧。别慌！今天咱们就来详细拆解，手把手教你搞定这个面试高频考点，让你在面试中脱颖而出，同时还能在工作中轻松实现酷炫的动态图表效果，缓解工作压力，享受开发的乐趣！
2025-05-12 20:54:29
776
原创 解释@font-face规则的unicode-range属性对字体加载的优化作用，通过项目实践说明
在前端开发的日常工作中，大家是不是经常遇到这样的情况：精心设计的网页，因为字体加载缓慢，导致首屏渲染延迟，用户体验大打折扣？尤其是在多语言项目中，字体文件体积庞大，加载时间长，不仅影响页面性能，还增加了用户的流量消耗。今天，咱们就来聊聊`@font-face`规则的`unicode-range`属性，看看它是如何帮助我们优化字体加载，提升页面性能的。
2025-05-12 20:48:12
878
原创 如何利用 HTML 的video标签和 WebRTC 技术实现视频通话功能，在浏览器中建立点对点的视频连接，需要使用哪些 JavaScript API 和技术要点？
本文介绍了如何利用HTML的<video>标签和WebRTC技术在浏览器中实现点对点的视频通话功能。视频通话在远程办公、在线教育等场景中应用广泛，WebRTC技术能够提供低延迟、高质量的音视频传输，无需额外插件。文章详细讲解了WebRTC的工作原理，包括获取音视频流、建立连接、传输数据和处理网络变化等步骤。通过代码示例，展示了如何创建简单的HTML页面和JavaScript代码来实现视频通话功能，包括获取本地音视频流、创建RTCPeerConnection对象、交换会话描述信息（SDP）和ICE
2025-05-12 20:45:59
904
原创 如何在 React 中使用useContext Hook 实现一个全局主题切换功能，支持动态更新主题样式？
在前端开发的日常工作中，实现全局主题切换功能是一个高频需求。无论是打造个性化的博客网站，还是设计多样化界面的企业管理系统，都希望用户能根据自己的喜好切换主题风格，比如从明亮的白天模式切换到护眼的夜间模式。然而，在React项目里，当组件层级逐渐变深，要实现主题样式的全局动态更新，可不是一件容易的事。传统的数据传递方式在这种场景下会暴露出诸多问题，这时，`useContext` Hook就成为了我们的“救星”。接下来，咱们就深入探究如何用`useContext` Hook稳准狠地实现全局主题切换功能。
2025-05-11 21:05:59
1154
原创 谈谈Vue中`provide`和`inject`在动态组件加载场景下的应用，如何确保数据在动态组件之间正确传递
前端开发中，动态组件加载是常见需求，比如在后台管理系统中，根据不同权限动态展示不同的功能模块；在电商应用里，依据用户操作动态切换商品详情、评论等组件。然而，随着组件树层级变深，组件间的数据传递成了令人头疼的难题。传统的props和事件总线等方式，在复杂的动态组件场景下，会显得繁琐且难以维护。这时候，Vue的`provide`和`inject`就像救星一样出现了，它能让数据在动态组件之间实现高效、便捷的传递，接下来咱们就一起深入探究。
2025-05-11 20:53:50
1169
原创 JavaScript实现一个函数，模拟`Promise.allSettled()`方法，返回所有Promise的最终状态（包括成功和失败）
在前端开发的日常工作中，我们经常会和`Promise`打交道。无论是处理异步请求，还是进行复杂的异步操作编排，`Promise`都扮演着至关重要的角色。但当我们需要同时处理多个`Promise`，并且想知道每个`Promise`最终的状态（不管是成功还是失败）时，就会用到`Promise.allSettled()`方法。今天，咱们就一起来深入剖析这个方法，并且用JavaScript亲手实现一个模拟版本，还会分享面试中该如何回答相关问题，帮助各位前端小伙伴们在面试中脱颖而出，同时也能在工作里更好地运用这个知识
2025-05-11 20:51:21
870
原创 讲解animation-timeline属性与scroll-timeline结合实现滚动驱动动画的原理，通过示例代码展示应用
在前端开发的日常工作中，你是不是经常为了实现一个炫酷又自然的动画效果而绞尽脑汁？传统的CSS动画虽然好用，但在实现与页面滚动联动的动画时，总是显得力不从心。比如，想要做一个随着页面滚动逐渐显现的图片画廊，或者让导航栏在滚动过程中平滑地改变样式，常规方法要么代码繁琐，要么效果生硬。别担心，今天就给大家介绍两个超好用的CSS属性——`animation-timeline`与`scroll-timeline`，它们结合起来，能轻松实现超酷的滚动驱动动画，让你的页面瞬间“活”起来！
2025-05-11 20:48:20
998
原创 解释＜datalist＞标签在与＜input type=“email“＞结合使用时，如何通过 JavaScript 实现邮箱地址的自动补全和格式是否正确，是否合法?
在前端开发的日常工作中，表单处理是绕不开的一环。尤其是在收集用户邮箱地址时，如何让用户输入更便捷、同时保证输入格式正确，是每个前端工程师都要面对的问题。今天咱们就来聊聊，怎样通过`<datalist>`标签与`<input type="email">`结合，用JavaScript实现邮箱地址的自动补全和格式合法性校验，轻松解决这些痛点。
2025-05-11 20:44:03
628
原创 讲讲在 React 中如何利用requestIdleCallback API 进行任务调度，优化页面性能？
前端开发的小伙伴们，是不是经常遇到这种情况：页面上元素一多，交互稍微频繁些，就开始卡顿，用户体验直线下降。即使你已经用了各种优化手段，比如虚拟DOM、代码分割，可性能问题还是时不时冒出来。今天，就给大家分享一个超实用的秘密武器——`requestIdleCallback API`，让你的React应用任务调度丝滑流畅，彻底告别卡顿！
2025-05-10 21:57:17
1122
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人