写给未来的我,你,还有他/她:

本文作者临近毕业,回顾了与伴侣的关系进展,包括首次拜访对方家长的经历。表达了对未来生活的规划与期待,同时也分享了对职业发展、家庭责任和个人成长的看法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

写给未来的我,你,还有他/

五一三天小长假已经过去了,这个五一长假对于我的意义来说是非同一般的,当然是因为见了你的母亲,人生中能算作非常重要的事情其实就那么几件,学业,结婚,生育,工作,然而见父母就是结婚之前必经的一步,因为怀着和你一起走下去的希望,所以见父母于我而言是那么重要。

我并不是像对以往的事情一样对这件事情充满信心,或许我长辈缘不错,但是这次决然是不同的,你母亲需要的不是一个听话讨人喜欢的晚辈,而是可以扶持你,连通两个家庭的准儿媳,对于这种事情我没有任何经验,如果可以,我也希望百度能给我一个标准的答案,那样我可以做的很好,然而这件事情,没有标准答案。

这三天,的确很累很累,我一边要注意自己在阿姨面前的表现,注意自己的任何一点细节,还要照顾好你那调皮程度爆棚的小侄子,一下要背,一下要抱,我突然发现工作之后身体大不如前了,4岁大的孩子我抱起来也有些吃力,背也背不了太久,只能尽自己的努力了。

经历了这三天之后,我突然有些话想记下。

写给自己:

距离毕业只剩下最后一个月了,从此之后不能把自己当孩子了,不能再想去哪里背上包就走,不能再想做什么就马上去做,终于或者说应该到了承担责任的年纪,对自己的责任,对他的责任,或者对家人的责任,很庆幸遇到了师兄,因为他的年纪,我不得不把所有人生的计划都提前几年,致使我一毕业就面临着房价压力,面临各种可能N年之后我才会考虑的事情,我之前把这当做是很大的压力,甚至手足无措,不知道我能做什么,我以为精神的支持就算是最大的支持了,然而师兄那天的话说的是很对的,我们不仅要心往一个方向,更要力气往一起使,这样,我们距离对未来的设想才越来越近,距离我们想要的美好生活才越来越近。趁着年轻,趁着正是奋斗的大好时机,我们能做的不就是为了未来不停不停的奋斗吗?如果人生必须要经历劳累,那么在年轻的时候去经历,或者是我最好的选择。不得不提早面对的这些事情,也许会让我更快长大,更快担负好肩头的责任吧,恩恩,我相信。

关于自己的工作,我现在不报奢求,我也不贪图老大说的那个工资,我甚至没有勇气拿这么多,我的能力不足以让我得到这样的价值,我还是很容易满足的,我也相信我是有提升空间的,所以我不再抱有太大的期望,如果能拿到那么得之我幸,我会更努力,使得自己值那个价值,没有拿到那么我也看淡,毕竟我连自己都对自己没有那么高的期望。

关于学业,还有一个月的时间,对于学业对于学校,我对自己是很不满意的,不管是之前的年少轻狂或者是颓废堕落,我并没有给自己一份满意的学业答卷,这是遗憾,还剩下一个月的时间,我还是希望能投入多点精力放在我的毕业设计上,虽然看起来有点不现实,我还是尽自己最大的努力吧,我还有重要的事没有完成,切记切记。

关于感情,两年了,终于算守得云开见月明了吧,盼啊盼的,这一天终于到了,我现在感觉很幸福,最大的希望就是将这种幸福持续下去,岁月静好,我心安宁。

写给他:

认识快两年了,确定关系到今天正好是一年零7个月了,我们不常吵架,最多的时候还是你脑我的不争气,其实我都觉得我木有不争气,想想你只是对我要求比较高吧。只有你最懂,选择走技术这条路我到底哪里不足,只有你会提醒我一直努力,当然啦,只有你在我最笨的时候会帮我写代码,嘻嘻。

记得上次吵的比较凶,我离家出走来着,其实不是离家出走啦,就是赌气跑出去嘛,就坐在楼下小角落而已啦,那次你很紧张,那次你说了很严重的话,那次我也真的怕了,以后真的不会再这样了,神马离家出走了,那都是脑子犯浑才会做的,以后绝对不会了。

我们的相处真的很融洽,不常发生各种不愉快的事,就这样简简单单的相处,我都会觉得很开心,很满足

师兄,曾经的昵称现在都变成官方语言了,哈哈,不过叫起来还是让人感觉那么安心,

我终于要毕业了,曾经的梦想终于实现了,你可要说话算话的哦,我愿意和你经历以后所有的事情,你也要把我算作你的一份子,以后不论遇到什么事情,记得还有我作为你的另一半在你的身边。

那个,什么,结婚啦,买房啦,下崽啦,各种啦…………我们都可以慢慢提上议程了哈……

还有你妈说了,过年让你把我带回家的,你不准不从,不准违抗母命。

写给她/他:

小家伙,这里的她/他,说的就是你,我和师兄的孩子,我不知道你到底会是可爱的小丫头,还是机灵的小男生,我突然想给你起名字了,叫何晟旸好不好呀,这个还没和你爹商量呢,待定待定哈,这几天带了几天的孩子,深有感想,最想就是为你这个小家伙说点什么,怕以后会忘记,我终于知道带一个孩子多么不容易,这只是这几天下来之后的感想,如果我要负担你的出生,成长,可想而知,这是多么巨大的一个工程,现在我的体力已不支去负担一个四岁的孩子,等到你的出生,我已不知那般年岁,你是我的孩子,我用尽力气,也会给你你应该得到的。

我一直坚信,富不富孩子,穷不穷孩子,但是无论你是男孩或者女孩,我和你爹都会穷养你,我们并不赞同富养女儿,穷养儿子的观点,如果你是女孩,你一定要记得,你不是天生的弱者,更多的时候女生也要靠自己,我和你爹从小就是在相对不富裕的家庭长大的,我可能还好些,毕竟我的家庭没有那么大的负担,外婆是老师,只不过在上大学时家里遇到了一些困难,但是我算幸福,并不必为生活过多担心。但是你爹不同,他自小家庭是很困难的,他大学的学费是自己赚的,甚至在大学期间帮助你的大伯买了房子,这也是你爹很吸引我的一点,你不会像我们一样经历这些,但是我希望你像你爹一样,拥有坚韧的性格,希望你是独立自主的孩子。我们不会逼你学钢琴,学画画,学这个那个,我们不担心你在这方面输给别的孩子,我们只希望你能快乐的长大,做你喜欢的事,而且能坚持做下去,发掘你自己的闪光点。

我和你爹都是程序员,说的好听点是工程师,说的磕碜点就是码农,我们能给你的环境可能是与别人不同的,别人家的孩子可能在学钢琴,有可能你只能看到书架上满满的java ,C#,如果你对这感兴趣的话我们很开心,但是你一定要比我们做的更好,你爹是很优秀的,超过他很难得,不过我对你还是很有信心的,哈哈。但是如果你对此没有什么兴趣我们也是很开心的,我们只愿你有自己的理想,有自己的兴趣,这一点上我们家十分民主。

但是这并代表我对你没有希望,作为我和你爹的孩子,我们当然希望你是优秀的,当然我也希望你能做到下面这几点。
1,希望你是有礼貌懂事的,懂得在长辈面前谦让,爸爸妈妈的长辈为重,父母为次重。

2,希望你是听话乖巧的,这并不代表一味的听从,我们会让你表达自己的想法,但是我们希望我们提出对你好的建议你要听从,当然我们对你的主见也会保持尊重。

3,希望你是有爱善良的,看到街上可怜的乞讨者,你要在能力可及的范围内给予施舍,不要想是不是受骗了,或许骗者50%,但是还有50%的人真正需要帮助,你的小举动总会帮助到别人。

4,希望你是有思维懂得思考的,遇到不知道的事情你要多问点为什么,不知道的东西决对不发表言论。

5,希望你是大家都喜欢的孩子,不是叫你左右逢源,而是要懂得做人处事之道。

6,希望你是有责任心的,无论对于日后的感情或者要做的事情。

7,希望你有正确的价值观,金钱的价值需要你自己去慢慢挖掘,只是,我不想你因为不良的价值观而走什么弯路。

或许期望的过多,但是你慢慢就会懂得,这是一个合格的人必备的品质,其实他们很基本,我相信,你长大的过程中会慢慢具备这些品质,最终希望你成为你自己希望成为的人,无愧于己,这样我们也就欣慰了。

未来渐渐的明朗清晰了,我觉得,这种生活就如理想中那般,足够了,接下来的就是认真的走好每一步,尽量不做让自己后悔的事情,未来的我,未来的你,未来的他/她,祝我们安好,期待我们的团聚,直到永不分离。

<template> <div class="scroll-container" ref="container"> <section v-for="(section, index) in sections" :key="index" :class="[{ active: currentIndex === index }, section.bgClass]" > <div class="section section-one" v-if="index === 0"> <div class="title">{{ section.title }}</div> <img src="./img/phone.png" alt="" /> <div class="content">{{ section.content }}</div> </div> <div class="section section-two" v-if="index === 1"> <div class="title">{{ section.title }}</div> <div class="content">{{ section.content }}</div> </div> <div class="section section-three" v-if="index === 2"> <div> <img src="./img/phone3.png" alt="" /> </div> <div> <div class="title">{{ section.title }}</div> <div class="content">{{ section.content }}</div> </div> </div> <div class="section section-four" v-if="index === 3"> <div> <img src="./img/phone4.png" alt="" /> </div> <div> <div class="title">{{ section.title }}</div> <div class="content">{{ section.content }}</div> </div> </div> <div class="section section-five" v-if="index === 4"> <div class="title">{{ section.title }}</div> <img src="./img/phone5.png" alt="" /> <div class="content">{{ section.content }}</div> </div> </section> <!-- 右侧导航圆点 --> <div class="nav-dots"> <div v-for="(dot, index) in sections" :key="index" class="dot" :class="{ active: currentIndex === index }" @click="scrollToSection(index)" ></div> </div> </div> </template> <script setup> import { ref, onMounted, // onUnmounted } from "vue"; // 页面内容数据 const sections = ref([ { title: "土豆星球", content: "现代人的生活压力通常很大,各行各业皆是如此,你的挚爱亲朋不理解你,你的公司领导瞧不上你,也许是你没能遇到一个懂你、理解你的知己,也许是你的脆弱不希望和身边的人去诉说。来T土豆星球,进行一次心灵测试,我们来帮你找到那个懂你,倾听你的他/她,让相似经历的你们,彼此陪伴,伴你走出人生的低谷。", bgClass: "bg1", }, { title: "穿越过去", content: "每个人都曾经历过痛苦的离别,每个人的内心深处都有很多来不及说出的话,时空胶囊能让你和失去/逝去的人隔空对话,任何时间任何地点,点开土豆星球,打开时空胶囊,都能让你回到过去,跟爷爷奶奶说一句:“家里一切都好,你们好吗?” 跟父母说一句:“我爱你们”公司基于强大的技术实力和元宇宙的星现形式,为你补完内心深处的遗憾。", bgClass: "bg2", }, { title: "心灵对话", content: "在遭受困难时,你会不会感叹命运的不公?为什么别人过的那么好,而你却什么也不是?很多人因此失去了人生的目标和对未来的希望。你是否希望未来的自己能穿越回现在给你指引方向?其实每个人都不普通,只是你还没找到自己的闪光点,让我们站在未来的高处,跨域时间和现实的梏,让未来的你,伸手将今天的自己拉出困境与低谷。 ", bgClass: "bg3", }, { title: "匹配社交", content: "现代人的生活压力通常很大,各行各业皆是如此,你的挚爱亲朋不理解你,你的公司领导瞧不上你,也许是你没能遇到一个懂你、理解你的知己,也许是你的脆弱不希望和身边的人去诉说。来T土豆星球,进行一次心灵测试,我们来帮你找到那个懂你,倾听你的他/她,让相似经历的你们,彼此陪伴,伴你走出人生的低谷。", bgClass: "bg4", }, { title: "寻找话题", content: "我们每个人都是不同的个体,有不同的价值观,或许事情没有绝对的对错,只是缺少聊得来的人。网络虽然大,但依旧无法分享你喜欢的聊天话题,那些在你心里积攒了无数个日月的话,想找别人分享,但一直没有找到分享的对象,那么土豆星球是一个你能够展示自己的平台,有一群和你志同道合的小伙伴在等着你!", bgClass: "bg5", }, ]); const container = ref(null); const currentIndex = ref(0); let isScrolling = false; // 处理滚动事件 const handleWheel = (e) => { if (isScrolling) return; isScrolling = true; const direction = e.deltaY > 0 ? 1 : -1; const newIndex = Math.min( Math.max(currentIndex.value + direction, 0), sections.value.length - 1 ); if (newIndex !== currentIndex.value) { currentIndex.value = newIndex; container.value.scrollTo({ top: window.innerHeight * newIndex, behavior: "smooth", }); } setTimeout(() => { isScrolling = false; }, 800); }; // 添加键盘支持 const handleKeyDown = (e) => { if (e.key === "ArrowDown") { currentIndex.value = Math.min( currentIndex.value + 1, sections.value.length - 1 ); } else if (e.key === "ArrowUp") { currentIndex.value = Math.max(currentIndex.value - 1, 0); } container.value.scrollTo({ top: window.innerHeight * currentIndex.value, behavior: "smooth", }); }; // 添加触摸滑动支持 let touchStartY = 0; const handleTouchStart = (e) => { touchStartY = e.touches[0].clientY; }; const handleTouchEnd = (e) => { const touchEndY = e.changedTouches[0].clientY; const diff = touchStartY - touchEndY; if (Math.abs(diff) > 50) { const direction = diff > 0 ? 1 : -1; const newIndex = Math.min( Math.max(currentIndex.value + direction, 0), sections.value.length - 1 ); if (newIndex !== currentIndex.value) { currentIndex.value = newIndex; container.value.scrollTo({ top: window.innerHeight * newIndex, behavior: "smooth", }); } } }; const scrollToSection = (index) => { currentIndex.value = index; container.value.scrollTo({ top: window.innerHeight * index, behavior: "smooth", }); }; // 生命周期钩子 onMounted(() => { window.addEventListener("wheel", handleWheel, { passive: false }); window.addEventListener("keydown", handleKeyDown); container.value.addEventListener("touchstart", handleTouchStart); container.value.addEventListener("touchend", handleTouchEnd); }); // onUnmounted(() => { // window.removeEventListener('wheel', handleWheel) // window.removeEventListener('keydown', handleKeyDown) // container.value.removeEventListener('touchstart', handleTouchStart) // container.value.removeEventListener('touchend', handleTouchEnd) // }) </script> <style scoped lang="scss"> .scroll-container { height: 100vh; overflow-y: hidden; scroll-snap-type: y mandatory; scroll-behavior: smooth; position: relative; } section { height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; scroll-snap-align: start; transition: background-color 0.5s ease; position: relative; background-size: 100% 100%; background-repeat: no-repeat; } .bg1 { background-image: url("./img/bg1.png"); } .bg2 { background-image: url("./img/bg2.png"); } .bg3 { background-image: url("./img/bg3.png"); } .bg4 { background-image: url("./img/bg4.png"); } .bg5 { background-image: url("./img/bg5.png"); } .title { font-family: Alibaba-PuHuiTi, Alibaba-PuHuiTi; font-weight: 500; font-size: 80px; color: #e1e1e1; text-align: left; font-style: normal; text-transform: none; } .content { font-family: Adobe Heiti Std; font-size: 14px; color: #ffffff; line-height: 30px; text-align: justifyLeft; font-style: normal; text-transform: none; } .section-one { width: 100%; display: flex; justify-content: space-around; align-items: center; .content { width: 25%; } } .section-two { width: 30%; position: absolute; right: 150px; bottom: 180px; .content { margin-top: 60px; } } .section-three { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-around; align-items: center; .content { width: 600px; margin-top: 50px; } } .section-four { width: 100%; display: flex; justify-content: space-around; .title { font-size: 100px; font-weight: 700; margin-top: 100px; } .content { width: 600px; margin-top: 50px; } } .section-five { width: 100%; display: flex; justify-content: space-around; position: relative; .title { position: relative; margin-top: 500px; } .content { position: relative; margin-bottom: 200px; width: 600px; } } .nav-dots { position: fixed; right:40px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 16px; z-index: 1000; } .dot { width: 8px; height: 8px; background-color: rgba(255, 255, 255, 0.6); border-radius: 50%; cursor: pointer; transition: background-color 0.3s ease; } .dot.active { background-color: #363636; transform: scale(1.7) } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-20px); } 60% { transform: translateY(-10px); } } /* 最后一个区块不显示指示器 */ section:last-child .scroll-indicator { display: none; } /* 响应式设计 */ @media (max-width: 768px) { h1 { font-size: 2rem; } p { font-size: 1.2rem; } } </style> 实现图片懒加载
07-10
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值