本文仅代表身边统计学 勿喷本人学校的氛围是一个保研/读研至上的学校 大部分学生是受应试教育成绩至上那套思想所管制的 充满一股学生思维的味道 以高绩点 奖学金 加入x生会为荣下面是一些我认识的熟人情况 因为我认识的人偏就业向 不咋跟保研的人玩（我们学校包烟的感觉不少都难绷）A同学 毕业继承家业B同学 考公没上待业继续考C同学 考研两年还没上 来我问零基础前端社招进大厂容易吗 我说这没戏D同学 去了央企子公司 倒班生产岗天天裙里在骂街E同学 跟D同类型但是不同公司 看他感觉过的挺开心F同学 跟我一样去了某互联网大厂干前端 但是他天天跟我说很累干不动 我反正是准备摆烂跑路换公司G同学 老家共舞员 半年已买房买车在朋友圈发H同学 保研 具体情况未知 看他秀校园生活还是蛮不错I同学 考研上岸本校 看起来也还行总结 我感觉本科出来就上班的一般都过的比较苦 在学校一般看起来比较开心一点 去央国企互联网的同学都经常吐苦水      

外面天天喊前端要凉找不到工作要被ai替代到处说一个月几k都找不到 一问学历大专那就跟某马培训班一起去学人工智能大数据吧月入一百万关键是真有人信

开启说职场系列新篇章 前面都在说如何求职七坑八坑的 我算是已经帮大家踩完了😋回到本文主题 时间来到2022年 学了半年前端的我第一次加入了某互联网大厂干前端实习当时我的mt一来就发出：不懂就问的言论因为当时靠着包装背八股混进去实习（刚接触前端小半年） 实际上我后台管理都写不明白 然后我就真的喜欢问一些若志问题 然后很显然 我就把她问烦了 但是无所谓 毕竟是实习 而且开不掉doge但是后面一段实习 遇到了很好的ld和mt 在秋招时候帮了我不少 帮我解决我答不好的问题 而且这边还给了转正 于是我又开始老实了（相信职场）最后当我正式入职后 新的mt依旧是《不懂就问》但是其实我问一些比较简单的东西 或者刚刚好不知道一些的东西 这些不好的影响全部都放大到我的ld上面 被反馈是我经常不会 需要问这问那（所以真是宁愿拖排期也不要问 问了别人提效让他们赚了自己被打低能标签了） 刚好我这个ld也是个抽象怪 然后我就裂开了 据我同组的别的校招生反馈 基本上都处于不敢问 或者是问了还让你自己去想 孤立无援啊唉 真的在职场混还是要留个心眼 虽然如果技术好确实可以随时跳槽 基本上薪资的涨幅还是得靠跳槽    

上班天天折磨，也不知道在这行还能顶多久，只为了狠狠攒一点，早日回家蹲，省吃俭用，合租两千多一个月小房间，吃的公司免费饭，周末自己做。人总是会美化未曾走过的道路，现在已经在幻想如果回家躺平工作是不是不用这么牛马。可惜家里爆不出金币，不然我是干不了一点互联网。😂回想起第一次拿大厂实习offer的时候 未来可期的样子 像极了以前幻想读研的感觉 我个人感觉这行还是适合想赚钱而且能卷的人来 我感觉我一被上强度就容易破防顺便说个事，有几个同学已经很着急暑期实习都来跟我问xxx暑期开了，怎么办？我个人感觉是这样的，招聘入口开了不一定开始招聘，开始招聘不一定是最容易过的时候，按自己的节奏来学就可以，把日均学习时长拉上去就是最好的准备状态了，而不是焦虑。反正最后只能去一个实习，而且感觉几家大厂的背书程度也没有太大差距，不是非得去谁家。        

  1. 传统的 CSS 文件（全局样式）传统的 CSS 方案通常是将所有的样式放在一个或多个 CSS 文件中，通过  标签引入。在小型项目或单页面应用中，简单直接。使用场景：- 小型项目- 快速开发和原型设计- 个人项目优点：- 结构简单，易于理解。- 实现快速，适合小项目。缺点：- 不利于维护：当项目增大时，CSS 可能变得冗长且重复。- 样式冲突：没有隔离，容易出现不同组件间的样式污染。2. CSS 预处理器（如 Sass / LESS / Stylus）CSS 预处理器通过扩展 CSS，提供了变量、嵌套规则、混合宏（mixin）等功能，提升了样式的复用性和可维护性。使用场景：- 中型项目- 需要模块化和可扩展性的项目- 需要多次复用样式的项目优点：- 支持变量、嵌套、函数等增强功能，提高代码可维护性。- 提高代码的模块化与复用性。- 代码组织更加清晰，能避免重复的 CSS 代码。缺点：- 编译过程：需要将 Sass 或 LESS 编译成 CSS。- 学习曲线相对较陡（尤其对于初学者）。示例（Sass）：// _variables.scss$primary-color: #3498db;$font-size: 16px;// _layout.scss.container {  width: 80%;  margin: 0 auto;}// main.scss@import 'variables';@import 'layout';body {  font-size: $font-size;}.header {  background-color: $primary-color;}3. BEM（块元素修饰符）命名法BEM 是一种 CSS 类命名方法论，适用于大型项目，帮助前端开发者更好地组织和管理样式。BEM 将样式拆分成更小的、功能化的组件，通过定义明确的命名规范来减少样式冲突和提高代码的可维护性。使用场景：- 大型项目，尤其是前端与后端分离时- 团队协作项目- 需要高度模块化和可复用的项目优点：- 命名规范清晰，避免命名冲突。- 样式组件化，提升可复用性。- 便于多人协作开发。缺点：- 代码量相对较多，类名冗长。- 初学者学习曲线较陡。示例：/* BEM 风格 */.button {  padding: 10px;  background-color: blue;}.button--primary {  background-color: #3498db;}.button__icon {  margin-right: 5px;}4. CSS-in-JSCSS-in-JS 是将 CSS 写在 JavaScript 代码中的一种方法，通常与 React 等框架一起使用。它将 CSS 作为 JavaScript 对象来定义，样式和组件逻辑耦合在一起，从而实现样式的动态计算和管理。使用场景：- React、Vue 等组件化框架项目- 需要根据组件状态动态修改样式- 小型项目或者需要样式和组件解耦的大型项目优点：- 样式与组件逻辑结合，易于管理和维护。- 动态生成样式，支持主题切换、响应式设计等功能。- 减少全局样式冲突，样式范围仅限于组件内部。缺点：- 对性能有一定影响（样式计算和注入）。- 需要配置或使用框架（如 styled-components、emotion）。示例（styled-components）：// React + styled-components 示例import styled from 'styled-components';const Button = styled.button`  padding: 10px;  background-color: ${props => props.primary ? '#3498db' : &ccc'};  color: white;  border: none;`;const App = () => (  <div>    Primary Button    Secondary Button  </div>);5. CSS 模块化（CSS Modules）CSS 模块化方案允许将 CSS 写在独立的文件中，并且通过自动生成的唯一类名避免样式冲突。它通常与 Webpack 一起使用，支持作用域限定的 CSS。使用场景：- 现代前端开发，尤其是使用 Webpack 或 React/Vue 等框架时。- 需要避免全局样式污染的项目。优点：- 避免了全局命名空间污染。- 类名自动生成，保证唯一性和作用域隔离。- 支持组件化，提升可维护性。缺点：- 需要额外的配置和工具（如 Webpack loader）。- 类名经过编译后可能较长。示例（React + CSS Modules）：// App.module.css.button {  padding: 10px;  background-color: #3498db;  color: white;}// App.jsximport React from 'react';import styles from './App.module.css';const App = () => (  Click Me);6. Tailwind CSS（原子化 CSS）Tailwind CSS 是一种实用工具优先（utility-first）CSS 框架，提供了大量的原子类（单一功能的 CSS 类），可以快速构建复杂的布局。使用场景：- 快速开发和原型设计- 喜欢“原子类”方式的开发者- 开发团队需要减少自定义样式的项目优点：- 提供了高度复用的类，减少了自定义 CSS 的需求。- 代码量少，开发速度快。- 通过配置定制化 Tailwind，适应项目需求。缺点：- 类名会非常多，容易使 HTML 代码显得冗长。- 学习成本较高，特别是对于不熟悉原子类概念的开发者。示例：<div class="flex justify-center items-center h-screen bg-gray-100">      Click Me  </div>7. Atomic CSS（原子化 CSS）原子化 CSS 和 Tailwind 类似，旨在通过提供小的、独立的 CSS 类来构建样式。每个类只做一件事，组合起来形成完整的样式。使用场景：- 大型项目，尤其是需要高效的布局和样式调整时。- 需要减少样式重复的项目。优点：- 高效的代码复用。- 提高样式的可维护性。- 可以轻松地修改布局和样式，而无需修改整个 CSS。缺点：- 类名较长，HTML 中的样式代码显得冗长。- 学习曲线较高。---用的多的CSS技术Flex典型用途：- 创建水平和垂直居中的布局- 实现响应式设计- 动态调整容器内部元素的排列媒体查询媒体查询是响应式设计的核心工具之一，它使得在不同设备上展示不同样式成为可能。常见用法是根据屏幕尺寸来调整布局。典型用途：- 响应式设计- 根据屏幕宽度调整页面布局或字体大小- 控制不同设备上的显示效果Position（定位）定位是 CSS 中的一个基本概念，通过 position 属性可以控制元素的定位方式。常见的有 static, relative, absolute, fixed 和 sticky 等。典型用途：- 创建浮动元素- 固定元素（如固定导航栏）- 在容器内相对定位元素Transitions（过渡效果）CSS 过渡效果可以让你在元素的属性发生变化时添加平滑的过渡效果，常用于按钮、图片、导航栏等的交互效果。典型用途：- 鼠标悬停时的平滑动画效果- 改变背景色、宽度、透明度等属性时的平滑过渡伪类和伪元素用于在不添加额外 HTML 元素的情况下，对元素的特定状态或部分应用样式。典型用途：- :hover, :focus, :active 等交互状态- ::before, ::after 等用于生成内容和装饰Overflow（溢出处理）overflow 属性用于处理内容溢出的情况，常见用途是创建可滚动的区域或隐藏溢出内容。典型用途：- 创建带滚动条的容器- 隐藏溢出内容

关于前端是准备暑期还是准备日常实习的问题后文分群体类型解答 感觉最近找我辅导实习的同学都会一上来先纠结这个 不知道别的同学是不是会有这个疑问？偏向是给只会三件套或者也能用vue或者react能够增查删改的同学写的 比较快已经有高水准的实习或项目的可能不用看实习的用处是为了啥 我感觉就是补充竞争力 好学历加早准备自然会有好实习和好基础 而一般的bg加上很早学+大厂实习可以超过一些临时准备的好bg目前如果还没有开始背八股的92 感觉直接优先暑期 然后暑期过后再找日常 大厂的日常实习只要你不瞎学和摆烂我感觉92找大厂日常实习原则上是100%能进 有实习再准备秋招就OK 转不转正感觉没什么用 也容易被坑 多留个心眼 抽象ld是不少的 那种骗你产出库库干说给你转然后不给你耽误秋招的那种如果是一本无实习 建议找中厂日常起手会容易一点吧 感觉直接投大厂暑期会比较难了 或者你可以尝试做一下复杂一些的前端项目 如果学历够用 其实在找实习的时候不用太纠结项目复杂不复杂 基础更重要 但是学历差一些的 要保证过简历 然后再配合你对技术的理解和八股战神get offer弯道超车 此bg建议是中厂日常+大厂日常然后秋招后边我想再写一篇我认知范围内（从之前去各家实习的24 25届暑实）各家的转正几率和风险（可能是个例）        

零基础：这部分是先把基础学完 需要学什么内容呢 html css js vue或者react选一个 webpack git 扎七扎八的什么uniapp 小程序 jq 反正我是不推荐学这部分的要求就是能够熟悉对应的技术即可 有的同学会在纠结细节 比如说我记不住这个API 看到后面就忘了 其实这个可以放到八股的时候去背熟会做项目（能干活）： 实际上前端实习生的实际开发水平就是对着这一层的要求 就是能够用框架去写增查删改 比如说xx管理系统 xx商城 也就是某🐴 某硅谷 看完跟着做完就可以达到这个水平 但是还是有个问题 你代码量没上去 你的css会很缺实战 用框架写一些简单需求也会很慢 速成可以混面试 但是实战方面迟早要补关于为什么在我的辅导理念里把xx管理系统和xx商城xx歪麦都归一类 因为玩具项目的业务复杂度可以忽略不计 面试官基本上也不会去关注你的业务具体是干啥的 而关心的是你的难点到底在哪会背八股等应试必备：最关键的一集 无论是实习校招社招都离不开 八股手写代码输出算法 区分懒人的分水岭 我收藏了很多八股网站 感觉都一般 我感觉最好还是自己做一份八股 结合自己的面试不断扩充 这样复习起来是最高效的复杂项目和实习：这部分是综合你学校的层次去需要不同难度的学习 比如说985如果找一些实习甚至都可以跳过这步 一般来说 实习的提问优先级高于项目 有真实场景下 复杂实习和复杂项目的内容 可以看我之前的帖子 校招计划的那一个 或者有需要针对具体情况单独出内容 也可以联系我~      

有些同学的信息和求职还是有较大偏差的啊目前竟然还有不少觉得一定要代码能力多强才能找实习的 还有天天看小厂外包说前端要被ai替代找不到工作的 有说后端也能写前端的 目前其实大部分大厂干的也都是杂活 简历筛选看什么去进行呢 学历 工作或者实习经历 本来就没有什么特别难的 大部分就靠你早点准备刷经历了面试看什么 在面试校招时候主要问实习产出和八股 在面试实习只能纯问八股等基础 不同公司的也会有不同的偏好 有耐心的同学可以多看看我之前的帖子 我总感觉发了好多遍的东西 还有人问我[捂脸R]现在进入正题哈 26大厂暑期实习应该在三月初前后开启 美团算是最早的 流程很快 应该三月底就会下offer 大家可以冲了速成前提 能写crud项目 这个是随便你看视频或者看文档就能学会的推荐bg：本硕包含任意92 或者一本带实习后边计划主要是列一下大致的时间 具体掌握到什么程度我别的帖子基本上都写了 要是懒得花时间看和搜集资料的可以私信找我结合你情况一对一辅导细节和项目包装[doge]- 先花3天熟悉一下你目前的项目的描述点 可以喂给gpt让他出可能的提问 深度来不及 但广度尽量要到位 不要有知识盲区- html跟css 如果不是特别着急可以过一下mdn 着急的话三天背完八股和一些API 还有css的两栏三栏布局 水平垂直居中 flex等 估计花3天左右- js 其实是重点 原型原型链 熟悉API 事件循环 this指向 promise 等es6一些新语法 大概是5天- js手写 需要能够熟练写 3天- 计算机网络 感觉一线大厂问的很多 但像滴滴这种不咋问 5天- 框架 没人在乎 无人关心 但是有些同学又很在意这个 3天- 浏览器原理随便看看 2pd- 代码输出2pd- 面经 剩下的都看面经 就是不局限公司的看 找面经 然后整理到自己的文档里反复看      

这篇在写算法题****和js手撕 甚至在html中会用到的一些api总结大致分为：基本数学运算方法数组（Array）相关 API字符串（String）相关 API日期（Date） 相关 API文档对象模型（DOM）相关 API（在浏览器环境中）因为我看有的同学会问能不能用别的语言去写算法题 我是不太推荐的 所以建议大家可以尽快转换一下语言 看看这些常见的API 可以练习一下你们原语言是怎么实现的只让9张图片，，，麻了      

今天竟然有同学冲春招打算花两个月时间准备三件套...我有被吓到 但是我感觉 大部分同学是不是 从打算学前端到真正去学了的时间跨度好大好 说的就是当初的我 我在纠结后端和前端的时间花了半年别人都已经学完找到实习了 输麻了就拿css来说 大概知道css是个啥 一天时间两倍速就可以过完视频 但是你要写熟练 我感觉我到现在都没写熟 一切都是gpt害的呜呜真学明白js感觉两个月都不够 唉 但是面试着急的人只能背八股 背八股对技术几乎又是毫无提升 等于还是如果学的早就能更好的沉淀下来了因为js的坑很多 比如说变量 作用域 导致的闭包 原型原型链 异步编程promise 模块化 这些都是啥 有什么样的使用场景呢学完js到了框架 其实实际上懂语法就ok 但是八股需要背api 原理 要结合实际场景去背打包工具 前端工程化有必要学吗 这得看你学历和你目标，大厂里面大部分业务开发说实话也用不到 一切为了面祝大家开春暑期实习顺利，春招顺利        

感觉就是很常规的整理 有些大坨的面试题就是纯多余 需要多注意一下的就是关于获取元素的一些API 类似怎么获取文档里第三个div 怎么插入个标签呀 这种 防止突然让你手写你不会 这基础的天就塌了    HTML 是什么 HTML 语义化——是什么、有什么用、有哪些标签 HTML5 的新特性 src 和 href 的区别 script 标签中 defer 和 async 的区别 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ DOCTYPE 的作用是什么？ img标签title、alt、srcset的作用 关于 iframe head 标签有什么作用 HTML 的布局模型 JS 对标...

在面试的角度来说 把八股文 js手写题 算法题 背的很好 就算做基础扎实我们分层级解读一下面试中对八股的要求先说说深度 比如说回答一个八股文第一层 所问即所答 介绍这个知识的概念第二层 延伸的知识 比如说该技术的作用是什么  使用场景第三层 相关技术的对比 各自的优缺点 你熟悉哪些 实际应用过哪些再谈谈广度 感觉像字节的面试给我的感觉是广度最大的 聊一个技术 他可能就会转到很偏的一个相关概念上去 会谈谈很边界的一些技术（就是实际开发大概率根本用不到😂）可能这算是对你是否对前端感兴趣的一个考察写题部分 前端题少 而且不难 都是板子题 不必多说 纯纯的背诵但是 从编程本质上说 面对一段代码 我们应该尝试用不同的方法去解答 不停探究他的更优解法 当然这种模式已经背诵化了...接下来对于实际的开发谈谈基础挺多大佬（不是我）对于前端基础的看法是 连js操作dom 取dom元素 各种基础的css都是要无比熟练的 很多同学太专注于框架的开发了 现在其实有很多同学都习惯去用gpt做开发 甚至我还看到自称高级前端的那种同行 在鼓吹gpt快速开发 无论是从我跟各个前端负责人聊 还是跟大头兵（资深or高级前端） 没有一个说 主打的就是考这种混 能在前端做大做强的 我真的不知道这种鼓吹培训班 鼓吹用gpt写代码 然后出来麦课到底是在坑谁（当然 人情世故 嫡系 跟对人 更重要 但说白了 你如果技术够强 随时可以跳槽 总有对你胃口的ld）关于为什么要会原生api 你如果写一个sdk 插件去给你的业务方使用这种的 对包大小是有强要求的 不可能让你引入整个vue或者react的你用gpt的前提是不是你能够靠自己写的无比熟练呢 用过ai写代码的都知道 经常给你混入错误的东西👊🏻😡唉而且目前来看 我这边复杂项目和技术需求 能拿来作为亮点细讲的 gpt连思路都说的不是很对然后一堆开发没入行的天天在吹ai替代前端后端 那我建议直接快进到算法岗 试试求职难度🌚回到正题 开发基础怎么提升 对于初学者的话必须是 写代码 哪怕是你做过 写过 那就重复做 你之前做过类似功能 你可以从能写 到熟练 到更好的代码设计 更好的类型检查gpt怎么辅助加强前端基础去使用 你不应该让他帮你写不熟悉的代码 反而 你应该让他给你出一些编程小练习 一个原则 只要你没办法很快的一眼有思路 秒撕  甚至是一眼多种解法 那么就说明 你对相关知识还有提升空间      

先祝准备充分考到底的同学全部上岸但是我现在看好多考研的同学 都说 还没考完就想春招找工作了 这个是不是之前没有想好呢希望大家少点随波逐流 多点思考自己究竟未来想要的生活是什么曾经我也是想考研的 可惜太早看透大学本质了

篇幅有限 主要提供的是思路 事实上 在前端这块 执行力是能否进大厂最关键的部分 关于对项目的选择问题 我这边是把主流的内容都给到大家 具体什么学历需要完成哪些项目 可以看我前面的帖子 我都写了有不懂的话在评论区直接问我吧 我有看见都会回的当然 有需要具体的辅导也可以找我[doge] 提供所有实习和校招所有的内容 省时省力（早去实习一两天你就回本了）正文开始每日 算法题3题 手写题2（限定范围内题库 均需重复刷day1-day3html+css 八股 + 小练习day4-day6js八股+熟悉各种APIday7-day12node+webpack（实践各种常见优化插件）实践懒加载CDN缓存等资源优化类day13-day30熟悉简历上的实习&项目组件库-把重点说的组件亮点挑出来重复实践低代码平台-设计实现核心引擎&物料组件&协议文档 完成亮点简述 比如拖拽API的思考 撤销重做 旋转等功能的具体实现方案-突出对比和思考从组件基础API设计 到重点功能的实现 用库还是造轮子 业界最佳实践如何 能否自己实现轮子从而更贴合自己组件体系前端监控-常见诸如fmp之类指标 白屏检测 各种事件检测 错误埋点 兼容方案 修正机制 降级方案 数据上报方案 业界如何实现 对后续不断拓展功能的思考 可实现sdk+管控平台微前端-拿qiankun实现简单配套体系 主应用-管控平台-微应用- 对 子应用部署、版本管理、灰度管理、降级容灾及前端监控的考量微前端相关概念原理 浅谈技术栈在微前端体系的效用 js css隔离 各种沙箱原理SSO方案+支付sdk实现+脚手架实现或者一些开发tool上面这么多可以随便选点做就okday31-day36熟悉react API+渲染原理路由 状态管理 各种方案对比day36-day40计算机网络 从全局学习-到八股day41-day43浏览器原理+设计模式+前端工程化等八股day43-day50最新面筋整理至自己八股day50-day60总览所有八股手写算法复盘所有项目&实习回顾实际开发流程&整理软实力方面回答后面或许会在B站出具体八股手写讲解的视频 有需要可以关注下 同名的 也叫 前端小圆      

营销号真是纯纯dinner我们暂且不论选择方向的问题 想去互联网还是想去国企银行研究所各位有自己的认知 应该有自己的考量但是说大厂降薪这不是纯乐子吗23届校招 字节给很多实习转正开出18k24届校招 本人白菜26k 但是其实能拿28就是sp 而且比较强了 hr不肯给多base 只能加签字费25届 目前从我这边同学反馈看 基本上在28-32区间 但也有25 26这种白菜 但是高价的比去年肯定多了再说美团 25届校招比24白菜就高了 23k ssp也是 都30k+10w+30w/3了 去年才29k+一点点签字费甚至不给签字费阿里我估摸差不多 都挺抠快手的话 主要是字节加了 也得跟着加 目前知道有35k的后端 去年开发感觉最多就32k吧 （非特殊计划）东子号称的19薪可以说是把总包拉满了 不必多说了PDD 跟🍠 典型的给的老多了 这个我不太清楚今年价格怎么样 我这边没有同学有拿这个的 我也懒得去offershow看