鼠鼠于一月初入职浙江一小厂，然后昨天下班被leader谈话，以我进度太慢，且公司年后没什么活，口头辞退了我，总共就实习了才不到两周，今天就滚蛋了哈哈哈今天去办了离职手续，但是因为人事迟到，所以我还等了她半小时。然后我坐在工位上，感到自己和这个环境格格不入，还是比较难受的。后面和她简单说了几句话，就签了离职协议，工资说下个月中旬发我（总共也就不到两千块钱），而且也没有补偿，离职协议还不给我，自己保留，让我拍个照片保留一下想想这段实习，确实没学到什么东西（太菜了我）。师傅也不带我（不问不理），也没给我安排啥任务，每天就是让我看文档写demo（文档内容还不全，直接让我看源码，说他看这玩意一周就会了，虽然是新出的，但是你一个老东西怎么好意思这么说）。然后说我不符合预期，那你招我的时候为什么问的那么简单，真是瞎了眼了，而且面试的时候还说对实习生没那么高要求（当时我还挺感动的），刚来的时候也这么说没关系慢慢学。总之我的第一段实习结束了，真是一个相当不完美的结局（不到两周真能算实习吗）。还是太菜了，并且遇人不淑，寒假再好好沉淀吧，年后再看看有没有机会。希望大家后面找工作的时候不要遇到这种公司，并且收到满意的offer

趁着上篇文章的热度，来分享一下转码心得~这篇的受众是刚入门前端的新人，亦或是想要转码但还在犹豫选择什么方向的非科班选手。不过个人觉得这个三部曲的思路其实不仅可以指导我们找工作，你有任何想要达到的事情都可以套用，毕竟还上了我们学校的公众号了嘿嘿。创作不易，uu们可以点个关注呀~我后面还会继续更新前端转码的个人时间线和面试中的一些tips个人BG上海中流211本硕，电气工程专业。技术栈主要是react+ts，但是实习期间也用vue2、vue3、rn、node等等。研一上开始明确走前端方向，刷了三段实习。为什么选择前端？几乎每次面试都会被面试官问到这感个问题，我总是会有一些比较体面的说辞，比如觉得前...

你醒来的时候，发现一切似乎和平常无异。带着倦意坐到工位上，打开 VSCode 开始新一天的编码工作。团队正在为一个大型项目做前端架构设计，而你则例行整理组件库。会议室里传来讨论的声音：“header 要怎么居中？flex 是什么意思？”，你心想：“周一的清晨就开始玩梗？”。然而，渐渐地，你开始意识到事情不对劲了。你的 Slack 私信不断响起，同事 A 问：“为什么 div 会叠在一起？”；同事 B 急匆匆跑来：“我的 border: 1px solid black 怎么变成了彩虹？”；就连刚被称为“CSS 大师”的技术总监，竟然也对着 position: relative 默默抹眼泪。整个办公室弥漫着一股绝望的气息，前端技术的退化，似乎一夜之间变成了全球现象。上午例会中，领导颤抖着说：“我们决定放弃响应式设计，今天的重点是搞懂 float。”原本一直吵着要用 Vue3 的产品经理，这时却抱着 W3Schools 的 HTML 教程瑟瑟发抖。组员们对着  的 type="text" 一阵热议，仿佛发现了宇宙奥秘。你不以为然，随手写了段最基础的 CSS 动画：@keyframes spin {  from {    transform: rotate(0deg);  }  to {    transform: rotate(360deg);  }}结果全组人倒吸一口凉气：“天啊，这是神迹！居然能让东西转起来？”有人当场掏出手机狂拍，还有人直接抱着脑袋蹲在地上，说自己不配做前端。技术总监看着代码，眼眶含泪：“这简直是工业革命的再现！”。你看着这群人在 rotate 前瑟瑟发抖，一时竟有些无言。一时间，你成了公司上下的技术支柱——甚至是世界范围的“代码神童”。大会小会上，你都被邀请讲解“如何让按钮变成圆角”。每天的例行工作被换成了“分享网格布局的艺术”。公司内部掀起一场“解密 JavaScript for 循环”的技术热潮，而你的GitHub 也因为一个普通的 Responsive-Grid 项目在全球开发者中爆火。你心生好奇，走到隔壁的开源社区。在那里，数千开发者聚集在论坛上，狂热地争论“如何正确使用 z-index”。一篇讲解“为什么 id 和 class 是不同的”的文章，点赞数已经破了十万。前端大会的核心主题是“探讨现代化 HTML：从表格布局到 DIV 的跨越”。你试着发了一个帖子，简单介绍了 fetch 的用法，结果论坛服务器崩溃，几小时后恢复时，帖子标题已被管理员改为“21世纪最伟大的技术突破”。回到家，你深吸一口气，看着自己熟悉的代码。Flexbox、Grid、React、Vue、TypeScript……这些曾经日常使用的技术，在这个世界里却成了天方夜谭。你忽然意识到，这是一个全新的机会——也许你可以用这些“超越时代”的技术，重塑前端行业的未来。然而，你也暗暗担忧：要不要教大家 box-shadow，还是先让他们学会 inline-block？面对这一群连 background-color 都要开会讨论的人，你肩上的责任无比沉重。窗外的阳光透过玻璃照进房间，你合上笔记本，心里暗想：这个世界的前端，或许只有我能拯救了。

对27，28届想入门或者刚入门迷茫的同学，这是一部分学习路线分享✨✨✨。【在校阶段-优先基础-构建知识体系】计算机科班:1.（C语言、数据结构、算法）系统入门基础知识，面试必考算法🤛2.（机组、数电、模电、操作系统、计算机网络）传统认识计算机，在部门大厂面试里涉及，计网更是大厂面试必问选项🤟3.（实训：算法，数据库，数据结构）实践能力(复杂课设) 🎁【题外话】:虽然学校课程和部分实训的水分不明，但是把自己在准备实习学的技术与方案融合到日常课设实训，加深了技术理解+老师留下好印象，以后实习被逮捕的可能性降低🎁非科班三大建议:1. 本专业前途渺茫，想换行搞钱2. 公司招聘的技术要求是什么，你就要学些什么。面试必问的计算机专业知识，找面经系统刷过去。(比如小林计网等)🎉3. 面试问你为什么“换行学计算机”，问答要依靠✨本专业学习中有涉及计算机部分，感兴趣检查自学，未来可期更有自驱力✨，虽然你懂我懂他也懂这是什么p话，但是面子上过得去就行。总不能说“我就是来搞钱，就是来卷你的”【一定基础-如何突破-提升实力】1.实践: 特色项目、丰富实习经验、有idea立刻动手2.工程: 参加青训营等进行，团队协作、Coding 能力。锻炼团队开发，git能力，代码规范3.刷题: ************，动态规划，回溯，贪心，树4.额外: 独立搜索，遇到问题自己解决，熟练使用gpt，习惯看官方文档。杜绝学生思维💊💊💊 【实习生阶段】1.独立解决业务问题，遵守技术规范不要制造问题线上bug2.独立分析问题，边学边做3.GPT 编写基础代码，明白基础逻辑4.尝试发现组内业务问题，自驱使用技术解决问题💋💋💋，提升实力，给老大留下印象，算是0风险下独立发现解决需求🎁(详情看我的主页贴- “实习生爆卷产出”)🎁特色项目特点🍎🍎🍎:【字节跳动青训营项目】:关于文档协同编辑。传统的文档编辑方式存在版本管理困难、实时协作受限等问题。提升团队协作效率，支持多人实时协同编辑的在线文档平台。1. 文档管理模块：支持文件夹创建、删除、重命名、嵌套，具备权限控制与共享设置；文档可新建、导入（如Word、PDF、Markdown等格式）、导出（多种格式），并进行分类管理、删除与恢复。2. 在线编辑器：- 基础编辑：实现文本、段落格式化，可插入图片、表格、链接等媒体元素，支持撤销/重做操作。- 协同编辑：具备实时同步编辑内容、光标位置同步展示功能，设有编辑冲突解决机制与用户在线状态显示。- 版本控制：自动保存，支持历史版本管理、比较回滚及编辑历史记录。3. 实时协作功能：- 文档共享：通过链接分享，设置查看、评论、编辑权限及访问有效期。- 实时通信：集成在线评论、即时消息交流、@提及功能及变更通知推送。- 协作管理：涵盖成员管理、权限分配、操作日志记录与协作统计分析。 二、技术栈 1. 前端技术栈：- 框架：React 结合 TypeScript 构建用户界面。- 状态管理：运用 Redux 搭配 Redux - Saga 管理应用状态。- UI 组件：选用 Ant Design 提供美观易用的组件。- 编辑器核心：采用 Slate.js/ProseMirror 实现编辑功能。- WebSocket：借助 Socket.IO client 实现实时通信。- 其他：利用 Draft.js 处理富文本，通过 Operational Transformation 算法处理协同编辑，使用 IndexedDB 进行本地存储。2. 后端技术栈：- 核心框架：基于 Node.js 搭配 Express/Koa 搭建后端服务。- 数据库：MongoDB 存储文档数据，Redis 缓存实时协作数据。- 消息队列：采用 RabbitMQ 处理异步任务。- WebSocket：依靠 Socket.IO 实现实时通信。- 文件存储：选用阿里云 OSS/AWS S3 存储文件。- 搜索引擎：使用 Elasticsearch 实现文档搜索。 三、核心技术难点 1. 实时协同编辑：采用 Operational Transformation 算法保证一致性，实现冲突解决机制，确保多用户编辑数据一致。2. 性能优化：通过文档分片加载、增量更新机制、WebSocket 连接管理及缓存策略优化提升性能。3. 离线支持：借助 Service Worker 实现离线编辑，搭配本地存储与同步机制，并处理断线重连。 四、系统架构 1. 用户层：涵盖 Web 客户端、移动端及桌面客户端。2. 接入层：包含负载均衡、CDN 及 API 网关。3. 应用层：设有文档服务、协同服务、用户服务及消息服务。4. 数据层：涉及 MongoDB、Redis、Elasticsearch 及对象存储。 五、安全考虑 1. 数据传输：采用 HTTPS 加密传输。2. 文档存储：对文档加密存储。3. 权限控制：进行细粒度权限控制。4. 操作审计：记录操作审计日志。5. 安全防护：实施 XSS/CSRF 防护及敏感信息过滤。#牛客激励计划# #实习# #前端# #面试时最害怕被问到的问题# #非科班# #转码# #大厂# #技术岗# #26届实习# #牛客AI配图神器#