- 博客(42)
- 收藏
- 关注
原创 React组件性能优化
在React的工作流中,如果只有父组件的状态发生变化,即使传递给子组件的props和子组件本身的state都没有发生变化,子组件也会重新渲染。传递给子组件的状态或者函数,如果每次都是一个新的引用,就会导致子组件经常重新渲染,即使子组件加上了memo,也会令其失效。多个state的更新有的时候是批量更新统一渲染一次的,有的时候是多次更新渲染多次的,如果把握不好更新的时机,很容易造成组件多次渲染。建议复杂的组件、重新渲染成本高的组件都要使用memo封装后导出,比如典型的复杂表单或表格。2、不应该经常变化。
2024-04-13 11:36:10
1026
原创 input输入框粘贴从excel复制的文本且用分号分隔
<input type="text" id="iputEle"> <script> const dom = document.getElementById('iputEle'); dom.addEventListener("paste", event => { if(event.clipboardData || window.clipboardData){ let clip...
2022-05-24 19:11:41
602
原创 post方式打开新页面并提交参数
以post形式打开一个新页面,并且提交一些参数,本质是使用form的target指向一个新的空白页面functiongetUrlStr(URL){letparamObj={};letparamArr=[];leturlstr='';conststrs=URL.split('&');//分割参数for(leti=0;i<strs,length;i++){paramObj[strs...
2021-10-26 10:38:37
1603
原创 正则中文括号转换为英文括号
varreg=/\uff08/g,reg2=/\uff09/g;varstr="(add)";str=str.replace(reg,"(").replace(reg2,")");console.log(str);//"(add)"
2021-08-05 15:39:24
1345
原创 html 使用 lorem 生成随机文本填充页面
快速使用在编程中,我们也可以使用Lorem ipsum来填充页面,测试显示效果。主要是通过编辑器中自带的 Emmet 插件,识别以 lorem 开头的短语,生成指定格式的内容。以下介绍均以 vscode 为测试载体。注意:lorem 短语需要手动输入,复制粘贴不会触发编辑器的 Emmet 识别;在输入后,编辑器出现 Emmet 快捷提示,按回车即可新建默认数量词语的句子lorem + Tab/Enter,新建一共30个词语的句子Lorem ipsum dolor sit amet conse
2021-08-02 15:16:06
674
原创 想选一个不粘锅家用,市场上种类很多,该怎么选?
1. 不粘锅的内侧有特殊涂层,能起到“排斥”食物分子的作用,从而“不粘”。但如果你特别看重安全性,愿意为安全性牺牲方便性,那么不粘锅其实没有传统铁锅好。因为不粘锅需要小心保养,不然涂层破损可能污染食物。2. 选购不粘锅,要看的核心因素就两个:涂层的类别和锅体的复合层数。前者影响锅的使用寿命,容易破损的涂层就寿命短;后者会影响加热快不快、加热是否均匀。3. 先来说锅体复合层数,有的人可能觉得“越多层数越高级”,但其实层数一多,会让锅更沉,而且导热速度会慢。一般常见的三层、五层家用就够了,是
2021-06-14 22:16:19
2583
原创 想坚持做一些事,立了很多flag,但总拖延或半途而废,怎么办?
1.我想告诉你一个好消息,相信一定能减轻你的心理压力:任何人只要达到一定的刻意练习次数,都能提升成功概率。注意,关键是达成次数,而不用纠结在连续坚持了多少天!因为“把一件很难的事连续坚持多少天”,本身就有点“反人性”,失败的概率必然高。2. 设立Flag时不要写“连续坚持某件事多少天”,这种写法有极大概率是完不成的,还会给你徒增压力。正确写法是“完成某事多少次”,也就是说,你不需要勉强自己每天都做、连续做。3. 比如你的Flag可以是“跑步100次”,那么哪怕在家原地跑上15分钟,也算完成一
2021-06-14 20:56:04
69
原创 脱发的各种类型里,想判断自己是否属于雄激素性脱发、处于哪个阶段,怎么办?
1.雄激素性脱发不仅限于男性,女性也可能发病。2.有的时候你可能只是感觉自己脱发多,但实际是正常的生理脱发。你可以在每天只洗一次头的前提下,使用水盆来洗头,然后仔细数数盆中的头发有多少根,少于100根是正常的生理性脱发,如果连续几天都多于100根,很有可能是病理性脱发。3.如果确认自己是病理性脱发,再做个实验明确是什么类型的病理性脱发。五天不洗头,用拇指和食指捏住约50根头发,轻度力道向上拉起,若脱落多于6根头发可能是别的问题,比如斑秃、休止期等,否则为雄激素性脱发。4.警...
2021-06-14 16:50:08
277
原创 新房装修,如何挑选一家靠谱的装修公司?
1、选装修公司,首先要看装修模式。我最推荐你选择整装模式。在节省精力、金钱,并保证质量的平衡上,整装是最好的。在这种模式里,装修公司要同时负责设计、施工和成品主材。2、不推荐你用半包模式,也就是让装修公司负责设计、辅材和施工。因为这种模式的合同里不包含价格弹性大的主材,购买时,相关人员可能对你的选择有较大的影响,容易产生灰色地带。3、不建议你选择全案模式,也就是让一家公司负责设计、施工、主材、定制和软装。全案涉及的环节较多,落地执行的难度极高,全国能做好的并不多。而且即便能很好地落地,费用也比前两种模式
2021-03-23 09:04:55
259
原创 如何减少喝酒对身体的伤害?
1.想要降低酒精对身体伤害,最好的选择是不喝酒。全球医学顶级期刊 The Lancet (柳叶刀)发布的一项研究结果表明,即使只喝一滴酒,也会对健康造成损伤。所以,安全饮酒剂量是“零”。如果不得不喝酒,可以采用一些方法,降低喝酒对身体的伤害。2.喝酒前1-2小时嚼服2片达喜(铝碳酸镁片),能降低身体吸收酒精的速率,来减少酒的危害。因为达喜能中和胃酸,并在胃壁上形成一层保护膜,从而减少人体对酒精的吸收。需要注意的是,嚼服达喜后,不要大口喝水,因为喝水就会把它冲下去。另外,这个药对人体没有伤害。3.喝酒前吃
2020-11-08 20:34:06
703
原创 去到一个陌生城市,如何建立社交圈?
1.绘制一张路线图,标出你在一天、一周、一个月中,除了家,还会去哪里,与过日子有关的活动是哪些,哪些人是你一定要打交道的。2.就近社交,从身边人、一定要打交道的人开始。如,你出门就会遇到邻居,先试着主动和他们打招呼,点头、微笑,或帮对方一个小忙,拎下东西、按下电梯。如果无忙可帮,你可以主动麻烦对方,让对方帮你一个小忙,打破僵局。3.刻意增添新的活动,留意让生活丰富多彩,又能认识更多人的信息。如,你可以去附近的健身房健身,在那儿,你能遇见其他健身的人,他们也许就和你住在一个小区;你报名私教课,也许教练能成
2020-10-12 08:08:33
1193
原创 CSS浮动
浮动视觉格式化模型,大体上将页面中盒子的排列分为三种方式:常规流浮动定位应用场景文字环绕横向排列浮动的基本特点修改float属性值为:left:左浮动,元素靠上靠左right:右浮动,元素靠上靠右默认值为none当一个元素浮动后,元素必定为块盒(更改display属性为block)浮动元素的包含块,和常规流一样,为父元素的内容盒盒子尺寸宽度为auto时,适应内容宽度高度为auto时,与常规流一致,适应内容的高度margin为auto,为0.边框、内边距
2020-10-08 16:12:57
486
原创 如何提升幽默感?
1.幽默可以被看成是一种高级的心理功能,性格特质中成熟的一部分。我们通常觉得一个有幽默感的人更具人际魅力、更具才华,不仅是因为他使我们简单发笑,也是因为他使用了这种高级心理功能,使得人际氛围更缓和、更安全、更舒适。2.提升积极健康的幽默感,首先需要素材的积累。幽默的开始需要有刺激物、媒介。比如言语笑话、行为举止、某个场景等等。这往往源自一个人对生活的观察和热爱。看脱口秀、阅读文风幽默的作品、在真实生活中增广见闻,都有助于幽默素材的积累。3.有效果的幽默,要结合当下的情景。为什么有时候讲笑话会冷场,往往是
2020-10-07 07:58:07
728
1
原创 CSS属性值的计算过程
属性值的计算过程一个元素一个元素依次渲染,顺序按照页面文档的树形目录结构进行渲染每个元素的前提条件:该元素的所有CSS属性必须有值一个元素,从所有属性都没有值,到所有的属性都有值,这个计算过程,叫做属性值计算过程特殊的两个CSS取值:inherit:手动(强制)继承,将父元素的值取出应用到该元素initial:初始值,将该属性设置为默认值...
2020-10-06 22:55:53
266
原创 CSS层叠
层叠声明冲突:同一个样式,多次应用到同一个元素层叠:解决声明冲突的过程,浏览器自动处理(权重计算)1. 比较重要性重要性从高到底:作者样式表:开发者书写的样式1) 作者样式表中的!important样式2) 作者样式表中的普通样式3) 浏览器默认样式表中的样式2. 比较特殊性看选择器总体规则:选择器选中的范围越窄,越特殊具体规则:通过选择器,计算出一个4位数(x x x x)千位:如果是内联样式,记1,否则记0百位:等于选择器中所有id选择器的数量十位:等于选择器中所
2020-10-06 22:28:05
161
原创 CSS选择器分类
简单选择器ID选择器元素选择器类选择器通配符选择器*,选中所有元素属性选择器根据属性名和属性值选中元素伪类选择器选中某些元素的某种状态1)link: 超链接未访问时的状态2)visited: 超链接访问过后的状态3)hover: 鼠标悬停状态4)active:激活状态,鼠标按下状态爱恨法则:love hate伪元素选择器beforeafter选择器的组合并且后代元素 —— 空格子元素 —— >相邻兄弟元素 —— +后面出现的所有兄弟元素
2020-10-06 22:17:23
91
原创 追求同事的小妙招
1.把自己打造成一个业务能力强的工作伙伴。同事关系是你们相处的基石,要在工作场合留下好印象,人们都有“慕强”的心理,只有能一起愉快工作,对方才愿意跟你有更多交集。2.展示普适性的优点,比如善于共情、乐于助人、细致周到等。其他同事对你的评价也会影响到对方对你的印象,当共事的人都认为你是个不错的人时,相当于给你的追求奠定了“舆论基础”。3.你可以对同事都不错,但对你喜欢的人要体现出“特别”。比如分零食给同事,恰好选了TA喜欢的,一起加班时问问TA累不累,但注意避免人多的场合,更私人化的沟通不会给对方造成压力
2020-09-24 08:31:27
1493
原创 想一个月瘦十斤,也不是没办法
1.一个月之内瘦10斤本就不是一个健康的速度。一般情况下,一个月减2-4斤即可。所以,不妨降低目标,在保证健康的前提下通过饮食加运动来适当瘦身。2.评估一下你自身的情况,调整减肥目标。可以用“BMI计算器”计算一下你的身体质量指数。如果BMI已经是正常范围(18.5-23.9kg/m2)的下限甚至是消瘦状态,就不要再减肥了,否则你可能连拍摄本身都坚持不下来,而且面黄肌瘦、皮肤松弛、眼窝凹陷等等这些问题给外形减的分并不比那点肉肉少。如果BMI比较高(比如说已经超过30kg/m2),可以考虑一个月瘦4-8斤。
2020-09-15 08:23:06
223
原创 一个理财小白如何挑选靠谱的网络理财产品?
1.小白就不要去自己探索其他渠道了,找银行银行的手机APP,证券公司APP,或者是一些全民APP的理财业务,比如支付宝、微信理财通等正规互联网理财平台。2.如果你发现了一个产品又高收益、又低风险、还存取灵活,要警惕,这很可能是骗局。3.投资前,不要看产品页花哨的宣传,要从产品详情页和投资说明书,这些有法律效应、更严谨规范的信息里找答案,这样才能保障你的权益。4.开始理财,千万不能只看什么收益高、投什么,更要关注风险。新手不妨先把主要的钱,放在低风险的产品中;少量的钱,比如10%的钱,尝试一些风险较高的
2020-09-10 08:35:37
566
原创 “云计算”听起来新,实际是个“老概念”
“云计算”听起来比较新,但实际上是个“老概念”。今天我们说的“云计算”,是亚马逊公司在2006年率先命名并推广的。但是,云计算的概念最早可以回溯到1961年,“人工智能”概念的提出者约翰·麦卡锡认为,计算能力也将会像电话一样成为基础设施。在上世纪80年代,计算机巨头升阳微系统公司(SUN Microsystem)提出“网络就是计算机”的概念,也可以算是云计算的雏形。但是因为计算能力和网络带宽的限制,当时的概念也只能是个概念。云计算的目标是对用户透明,“透明”的意思就是看不见。用户不需要知道自己的.
2020-09-09 08:38:31
243
原创 文科生如何高效学习Python?
1、Python已经是人工智能的第一编程语言。在众多的编程语言中,Python是最容易上手的编程语言,作为入门,最合适不过。因为足够简单,现在连小学生都选择开始学Python了。2、很多教编程的一开始安装Python都是教你在命令台(一个黑框框的东西)下写代码,面对这么一个黑框框的东西,你会立马没了兴趣。这样做其实是不对的,正确的入门应该是选择一个有可视化界面的编程工具。如果你是想用Python来做项目开发,建议使用的可视化编程工具是Pycharm。如果你是想要使用Python做数据分析,建议使用的可视化
2020-09-03 08:23:40
667
原创 三分钟搞清人工智能、数据分析、机器学习、深度学习的区别与关系
1、人工智能的范围很广,广义上的人工智能泛指通过计算机(机器)实现人的头脑思维,使机器像人一样去决策。在威尔·史密斯主演的电影《我,机器人》里面机器人像人一样思考就是人工智能。我们可以把人工智能看作是个大容器,里面包括了数据分析、机器学习、深度学习。2、先来看数据分析和机器学习是什么关系。一切技术的出现都是为了解决现实问题,而现实问题分为简单问题和复杂问题。简单问题,需要简单分析,我们使用「数据分析」。复杂问题,需要复杂分析,我们使用「机器学习」。3、举个例子:简单问题,比如公司领导想知道最近一个月新增
2020-08-31 08:25:12
1193
原创 如何选购一个合适的机械键盘?
1. 机械键盘对一个人合适不合适不止有轴的类型这一个维度,其他维度加在一起的权重甚至高于轴的类型。2. 先用排除法从海量机械键盘里挑出几款满足你要求的。你可以根据自己的手感偏好从轴的类型选。黑轴手感最重青轴段落感(咔嚓感)最强红轴是轻版黑轴茶轴是安静版青轴你可以根据功能偏好从键位选。追求超级简洁的选60键的追求基础功能的选87键的追求小键盘区的选108键的不同键位的键盘尺寸差异很大,你要考虑自己桌子大小,小桌子放大键盘后其实也是一种“不舒适”。你可
2020-08-27 08:20:36
296
原创 相亲总是冷场,如何聊天才能避免尴尬?
1、用表示礼貌、关注的“利他行为”填补冷场的间隙,比如问问对方要不要加杯水,或者要不要吃点其他东西,释放友好的信号。2、如果你确实不知道该说什么,可以先表达情绪,适度降低对方的预期。比如:“我很乐意跟你聊聊,但我确实有点紧张”,交流感受能让双方更放松,即便偶尔出现冷场,对方也不会感到不自在。3、减少陈述语句结尾,多以问句结尾,抛出话题,让对方“接球”,有来有往,聊天更容易进行下去。4、回应对方的时候,多利用细节线索,在对方讲的内容中找到可以延伸或继续提问的话题点,让对方感受到你对TA说的内容感兴趣,T
2020-08-26 08:30:29
937
原创 第一次见女朋友父母,如何避免尴尬?
1、不要为了聊天而聊天,见面是跟女朋友父母联络感情的好机会。2、见面时要热情地打招呼。开始的气氛很重要!一见到女方父母,就要热情问候,表现得落落大方,就算你本身是个内向的人,也要努力做出开朗的样子,面带微笑,声音响亮,这不仅会给对方好印象,还能让自己感到有底气。3、事先向女朋友仔细了解她父母的爱好和工作。然后花点心思准备好一个对方擅长回答的问题,人都喜欢谈论自己熟悉和擅长的事物。比如女朋友父亲以前是个汽车工程师,就问问他觉得电动汽车值不值得买,诸如此类。4、听女朋友父母说话的时候,不要打断,保持倾听,
2020-08-24 08:20:33
2983
原创 想早起一小时看书锻炼,设多个闹钟都起不来怎么办?
1、重要的不是起来,而是起来之后你要做什么。选择出一个你最喜欢的、但平时没时间做的事,放到早起之后去做。要注意,这个事情必须在30分钟内能搞定。如果一睁眼就开始刷手机,那你基本会被绑在床上,别说30分钟,2个小时都不知不觉过去了。可如果你很喜欢跑步,平时没时间跑,或者你很想吃一顿丰盛的早饭,平时来不及做,那么这件你渴望的事,就能带动你早起了。2、醒来之后如果还不想起床,你就在心里倒数5个数:“5、4、3、2、1、起!”这是梅尔·罗宾斯在《5秒法则》里提到的方法,她发现“需求”和“行动”不能连接,是因为中间
2020-08-20 08:12:49
421
原创 明知道英语很有用,但就是不愿意花时间学,怎么办?
1、学英语属于典型的“重要而不紧急”的事情。想要在这类事情上获得足够的启动动力,你要给自己设立一个近在眼前的难题,让“学英语”变得紧急起来。2、你可以先试试这个难题:三个星期之后,围绕某个你熟悉的主题,做一次3分钟的全英文演讲。3、英语演讲需要综合运用阅读、写作、听力、口语等多种能力,解决这一个难题,你就能获得英语能力的全方面提升,效率特别高。4、把这个大难题拆解成多个小难题,并分配好逐一解决的时间。举个例子,演讲的准备时间一共有21天,那你可以这么定计划:查资料和写稿10天,背稿4天,观摩他人演讲视
2020-08-17 08:12:48
216
原创 拿起手机就玩个没完,耽误原本计划的事,但控制不住自己,怎么办?
1.让手机离你远一点。这招叫物理隔离,核心就是降低手机易获得度。你可以把手机放在伸手也碰不到的地方,最好放另一个屋子。也可以放在衣柜或者有锁的抽屉里,需要多几个步骤才能拿到的地方。2.还可以在手机上贴一个便利贴,写上提醒自己的话语,使用“我选择……”的句式。比如“我选择放下手机,专注任务。”因为我选择的句式会增强人的自律感。3.调整那些“时间黑洞”APP。你可以打开手机后台数据看,哪个APP使用时长最长,它就是你的“时间黑洞”APP。你可以选择删除APP,也可以关闭这个APP的消息提醒权限。4.限制使
2020-08-14 08:11:15
567
原创 想精进自己的专业,但是每天工作繁忙,总是没时间学习,怎么办?
1.用“时间段清单”替代定时定点的时间安排表。严格到某个时间做某件事,容易计划赶不上变化,让工作时间延后,挤掉了学习的时间;时间段清单,可以按照早中晚、上下午这5个时间段设置,再把具体要做的事务加进去。2.注意两点,一是每个时间段就是事务完成的界限;二是具体事务安排不要太饱和,像饭要吃八分饱一样,留出一点时间给自己放松一些,和计划外的工作。3.如果你在时间管理上自控力不太好,那试试在学习上多投点资金,当学习投入多了,就会逼着你去挤出时间学习。4.错开上下班早晚高峰,每天早点出门到公司,可以用来学习,或
2020-08-13 09:03:02
1100
原创 如何像学霸一样高效学习?
1、所谓“高效学习”就是“记得牢,用得上”。2、不要什么课感兴趣就去学什么,你可以先找张纸写下来你想要发生的行为改变是什么,然后在旁边写上让这个改变发生我需要学习什么。最后,把要学的东西删减到只剩三个,这些就是你这个阶段最值得你学习的课程。以行为改变为出发点来选择课程,而不是有什么就学什么,这样才能真的产生效果。3、不管是线上课还是线下课,听完每节课都用“3-2-1”的方式复盘,也就是这节课3个让我印象深刻的地方,2个具体的收获,还有最重要的是1个可以立即去做的行动。比如说学习了时间管理课,三个印象深刻
2020-08-12 08:32:07
210
原创 类数组
类数组的特性:1、属性要为索引(数字)属性2、必须有length属性3、最好加上push方法eg:var obj = { "1":"a", "2":"b", "length":2, "push":Array.prototype.push, // 加上splice方法后,obj变成真数组[] "splice":Array.prototype.splice}类数组的push原理:Array.prototype.push = function(target){ obj[obj.le
2020-08-09 21:03:14
301
原创 递归!没你想的那么难
关键两点:1、找规律2、找出口优点:代码简洁缺点:计算慢递归的经典案例:1、阶乘函数n! = n * (n -1) // 这就是规律function mul(n){ if(n == 1){ return 1; } return n * mul(n - 1);}2、斐波那契数列fb(n) = fb(n-1) + fb(n-2) // 规律function fb(n){ if(n==1 || n==2) return 1; return fb(n-1) + fb(
2020-08-09 18:23:49
135
原创 一个页面从输入URL到页面加载显示完成,期间都发生了什么?
查找浏览器缓存DNS解析,查找该域名对应的IP地址、重定向(301)、发出第二个GET请求进行HTTP协议会话客户端发送报头(请求报文头)服务器回馈报头(响应报文头)html文档开始下载浏览器的工作分为以下几步:1、加载:根据请求的URL进行域名解析,向服务器发请求,接受(HTML/JS/CSS/图像等)2、解析:对加载到的资源进行语法解析...
2020-08-09 18:10:08
105
原创 如何解决超链接被点击后不再具有hover和active的问题
按以下CSS属性的排列顺序可以解决:L-V-H-Aa:link{color: #;} // 正常,未访问过的链接a:visited{color: #;} // 用户已访问过的状态a:hover{color: #;} // 当用户鼠标放在链接上时a:active{color: #;} // 链接被点击的那一刻...
2020-08-09 17:26:47
590
原创 Dojo生命周期
Dojo所开发的控件具有很强的内聚性和面向对象性。dojo的dijit._widget是dojo提供的图形界面组件库。首先从dijit组件的核心类dijit._Widget开始。dijit._Widget是所以dijit组件的父类,dijit默认提供的组件和自己开发的组件都要继承此类。dijit._Widget提供了对组件生命周期的管理。dijit组件生命周期管理在实现的时候使用了template method设计方式。dijit._Widget的create()方法定义了默认模版。开发人员也可以覆盖
2020-08-09 17:14:12
192
原创 CSS3过渡 transition
要实现过渡必须规定两项内容:指定要添加效果的CSS属性指定效果持续时间eg:div{ width:100px; height:100px; transition:width 2s, height 2s, transform 2s}div:hover{ width:200px; height:200px; transform:rotate(180deg)}...
2020-08-09 16:14:54
212
原创 html 标签嵌套规则
1、行元素只能嵌套行元素。2、块元素可以套任何元素,但是有两个特例:A、P 标签不可嵌套div,会被截成两个 P 标签;B、a 标签不可嵌套 a 标签。
2020-08-06 21:50:54
148
原创 CSS 文本溢出处理
1、单行文本三件套实现溢出:white-space:nowrap; //不折行overflow: hidden; // 隐藏text-overflow: ellipsis; // 省略号2、多行文本CSS前端实现不了溢出省略号显示,只能通过后台控制,CSS3有这种技术实现,但是主要针对移动端,PC端很多老版本浏览器支持不好。所以PC端多行文本不显示省略号,直接折行溢出隐藏。...
2020-08-06 21:43:35
253
原创 CSS 中 margin 塌陷解决方案
1、垂直方向的margin,父、子元素是绑定在一起的,取最大那个值。2、bfc(block format context)解决塌陷改变一丁点盒子的语法规则。如何触发一个盒子的bfc?主要有四种形式:A、position: absoluteB、 display: inline-blockC、float: left/ rightD、overflow: hidden分别给父级设定四个样式中的一个就可以触发bfc3、margin塌陷是一个解决不了的bug,智能说通过bfc绕过这个问题。
2020-08-06 21:24:59
288
原创 有关颜色常识
颜色常用三种形式:1、土鳖式(纯英文单词);2、颜色代码;3、颜色函数。开发过程中不采用第一种形式,因为计算机世界里white不能代表所有的白色,分乳白、纯白啥的很多种。开发较多采用颜色代码,计算机颜色三原色(即光学三原色):r(red) g(green) b(blue)采用十六进制数每两位代表一个饱和度(oo - ff)#000000 三色饱和度均为0就是黑色#ff ff ff 三色饱和度同时最大就是白色颜色函数 rgb()...
2020-08-06 21:16:43
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人