前端小圆 level
获赞
741
粉丝
649
关注
2
看过 TA
4653
北京工业大学
2024
Web前端
IP属地:江苏
接弱基础辅导大厂实习&秋招 主打高效速成 需要可私
私信
关注
2024-12-24 17:56
已编辑
北京工业大学 Web前端
个人介绍:24届前端校招生,四段实习经历,校招拿了字节 阿里 美团 滴滴等offer,比较熟悉实习和校招准备的流程。有没有用 和我当天对完初期阶段就能知道效果了辅导的本质就是两点:一个就是减少信息差,大学里面和互联网就业实在是有差别,所以bg不太好的同学也需要早点准备早点实习。基于此的第二点就是节省大量的摸索时间,你如果有bg,为什么不能进大厂,差的就是时间,我觉得就是进度不快的同学都可以找我,这个性价比不必多说。拉莫这个辅导有什么用呢,主要是省时省力。你如果接触前端可能有一两年,那么可能我这个就只能提供一些项目思路和行情讯息了,咋学前端可能懂得都懂。如果你是初学者并且下定决心学前端的同学,那么你肯定是收获满满的,比起更大的博主,或者是课程培训这种,我这边1on1肯定会做的比较不错,分阶段收费,包含大部分内容的情况下只收不到一天实习的💰。具体内容可以提供一对一的学习路线指导(啥要学啥不用学以及侧重点和校招时间线),同时提供我校招之前总结的内容包括我在实习阶段沉淀的内容,一些为校招准备的项目推荐,帮忙提供简历修改意见。在你参加实习后如果觉得实习含金量不够,可以提供包装服务,使用大厂的技术需求去填充你的实习。另外如果有任何相关问题也可以回答,周末有时间回复,工作日不及时下班后会回复。有需要的同学可以私信我。有什么疑问的也可以在评论区提出。ps:我觉得最有用的还是还没入门或者秋招快到需要速成的同学 因为我可以让你零基础到找到实习只需要一个月[doge]而你自己摸索能亏不少去实习的时间(秋招能约面的时间)。
前端小圆:刚来这个平台 欢迎私戳 可私信验证offer&经验
没有实习经历,还有机会进...
0 点赞 评论 收藏
分享
学历究竟在互联网重不重要呢 今天反馈了四个offer[doge]但是全是985 本文暂且谈论大厂为主 因为我也主要面向中大厂辅导 小厂情况可以转战小红薯的那个说实习的帖子吧牛可发的比较少目前这个月暑期实习双非拿大厂的在我这边只有一两个 我感觉竞争对于双非还是有的 但是双非拿大厂日常的还挺多的 我感觉如果想速成 92可以说找大厂非常容易 普通双非一般都得学好几个月甚至按年算(高分的双非那种应该相对好找提前提个醒 学院本找实习可能还相对好找 秋招肯定有牢度的 [doge]当然技术哥别骂我泼冷水 我陈述事实天天都有黑子在说前端裁的多 前端找不到工作 前端找不到实习 实际上可能有少部分的黑子是真大厂算法and后端 我感觉一般真没人这么闲 能入行的都是肉眼可见前端学历和门槛最低但大部分的黑子组成都是 今天揭秘大部分黑子成分 国内这些互联网大厂裁人谁管你是啥岗啊 挺好笑的1.小公司自视甚高的10几k牛马 在公司里面比他的大专同事前端拿的高2.以前在小公司和外包干 现在失业了 来当黑子了 实际上没有前端 你当初找后端也入不了行3.董王学生 经典出来打工也要整鄙视链 我要当牛做马加分保研卷算法4.自娱自乐的非前端在参加水赛的时候拿ai自动生成两玩具就开始膏潮了剩下时间顺手总结一下 感觉美团依然是三月底会发一大波offer 跟23年3月底时间线相似 四月也会有不少 因为会有二进宫 就是第一次二面挂 然后复活 我感觉美团几乎是不是一面都不挂人
LoyAngel:羡慕92✌,双非一面团子前端直接手撕hard,看到就破防了
0 点赞 评论 收藏
分享
牛客前端劝退第三人:一个项目面十场以上以后脑子还没动嘴巴自己开始讲了
0 点赞 评论 收藏
分享
从一些面经里面扒出来整理的框架其实感觉不是重点考察的点啊 但是简单的八股还是要背背 原理这些我感觉无所谓 因为我React原理背了一堆感觉也没什么用一、基础概念与原理1. Vue 的 MVVM 模式是什么?MVVM(Model-View-ViewModel)通过数据绑定实现视图与数据的自动同步。- Model:数据层,负责业务逻辑。- View:UI 层,展示数据。- ViewModel:双向绑定桥梁,监听数据变化并更新视图。2. Vue2 与 Vue3 的核心区别- 响应式系统:Vue2 使用 Object.defineProperty,Vue3 改用 Proxy,支持深层对象和数组监听。- Composition API:Vue3 提供更灵活的代码组织方式,替代 Options API 的逻辑分散问题。- 性能优化:Vue3 通过静态提升(Static Hoisting)和 Patch Flag 减少虚拟 DOM 对比开销。3. Vue 生命周期钩子函数及作用- 创建阶段:beforeCreate(数据未初始化)、created(可访问数据,但 DOM 未挂载)。- 挂载阶段:beforeMount(模板编译完成)、mounted(DOM 渲染完成,适合异步请求)。- 更新阶段:beforeUpdate、updated(数据变化后触发)。- 销毁阶段:beforeDestroy(清理定时器)、destroyed。二、核心机制与优化4. 响应式原理实现- Vue2:通过 Object.defineProperty 递归劫持对象属性,结合发布-订阅模式收集依赖。- Vue3:基于 Proxy 代理对象,支持动态属性添加和数组索引修改,减少初始化性能损耗。5. 虚拟 DOM 与 Diff 算法的作用- 虚拟 DOM:JS 对象模拟真实 DOM,减少直接操作 DOM 的性能损耗。- Diff 算法:同级对比新旧虚拟 DOM,通过 Key 标识复用节点,最小化更新范围。6. Computed 和 Watch 的区别- Computed:依赖缓存,适合派生数据(如过滤列表),仅在依赖变化时重新计算。- Watch:监听数据变化执行回调,支持异步操作,适用于数据变动后的复杂处理。三、组件与通信7. 组件通信方式- 父子组件:props 传值,$emit 触发事件。- 跨层级:provide/inject(依赖注入)、Vuex 全局状态管理。- 兄弟组件:事件总线(Event Bus)或通过父组件中转。8. 动态组件与异步组件- 动态组件:使用  动态切换组件。- 异步组件:通过 defineAsyncComponent 或路由懒加载(() => import('./Component.vue'))优化首屏性能。9. 插槽(Slots)的应用场景- 默认插槽: 接收父组件内容。- 具名插槽: 指定插入位置。- 作用域插槽:子组件通过 v-bind 传递数据给父组件14。四、路由与状态管理10. Vue Router 的导航守卫- 全局守卫:beforeEach(路由跳转前鉴权)、afterEach(跳转后操作)。- 路由独享守卫:beforeEnter。- 组件内守卫:beforeRouteEnter(无法访问 this)、beforeRouteUpdate。11. Vuex 的核心概念- State:存储全局状态。- Mutations:同步修改状态(通过 commit 触发)。- Actions:异步操作后提交 Mutations(通过 dispatch 触发)。- Getters:计算派生状态。五、高频实战问题12. v-if 与 v-show 的区别- v-if:条件渲染,销毁/重建 DOM,适用于切换频率低的场景。- v-show:通过 CSS display 控制显示,适合频繁切换。13. v-for 为何需要 Key?Key 帮助 Vue 识别节点身份,优化 Diff 算法效率,避免渲染错误14. Vue 性能优化手段- 使用 v-once 或 v-memo 缓存静态内容。- 路由懒加载、组件异步加载。- 避免深层响应式对象,合理使用 Object.freeze。六、原理类高频问题1. Vue 的响应式系统中,Object.defineProperty 和 Proxy 在实现上有何本质区别?Vue3 改用 Proxy 解决了哪些痛点?(提示:数组监听、动态属性、性能开销)2. 依赖收集(Dependency Collection)和派发更新(Trigger Updates)的具体流程是怎样的?请描述 Dep 和 Watcher 的协作关系。(提示:发布-订阅模式、getter/setter 触发时机)3. Vue 的模板编译过程经历了哪几个阶段?如何将模板字符串转换为渲染函数?(提示:解析器生成 AST → 优化器标记静态节点 → 代码生成器生成 render 函数)4. 虚拟 DOM 的 Diff 算法中,为什么要优先进行“同层比较”而不是跨层递归?Key 值在 Diff 过程中起到了什么作用?(提示:时间复杂度优化、节点复用策略)5. Vue 的异步更新队列(Async Update Queue)是如何工作的?为什么修改数据后立即访问 DOM 可能获取不到最新值?(提示:nextTick 实现原理、事件循环与微任务)6. Vue3 的静态提升(Static Hoisting)和 Block Tree 机制如何优化渲染性能?(提示:跳过静态节点比对、动态节点标记 Patch Flags)7. 计算属性(Computed)的缓存特性是如何实现的?与普通方法调用有何本质区别?(提示:脏检查机制、依赖追踪)8. Vue 组件实例化过程中,data 选项为什么要用函数返回对象,而不是直接写对象?(提示:避免多个实例共享同一数据引用)9. Vue 的事件系统是如何实现 v-on 的?事件修饰符(如 .native)底层做了哪些处理?(提示:原生事件与自定义事件的分发机制)10. Vue3 的 Composition API 如何解决逻辑复用问题?对比 Mixins 和 Hooks 的优缺点。(提示:命名冲突、代码组织、类型推导)
前端小圆:vue可能问的原理会比react多我主react的时候实习面试时候真感觉问的很少
0 点赞 评论 收藏
分享
想实习转正,又想准备秋招...
0 点赞 评论 收藏
分享
实习时候的库存了 往牛可也发一遍---一、埋点之痛:前端工程师的「不能承受之重」// 传统埋点开发典型场景function handleButtonClick() {// 业务逻辑...logTracker.send({event: 'share_click',  // 参数名冲突?是否带下划线?params: {type: 1,            // 1代表图文?还是2代表图文?page: 'detail'      // 页面命名和产品文档不一致?}});}行业现状:- 沟通黑盒:PRD中"点击分享时上报"的模糊描述,导致5轮需求确认- 代码腐化:不同业务线埋点方法命名冲突、参数结构混乱- 调试地狱:真机抓包验证埋点耗时占开发总时长40%以上---二、破局之道:标准化埋点开发SOP2.1 元数据治理:给埋点办「身份证」(KPN)技术价值:- 数据血缘溯源:通过kpn=com.company.product.module定义埋点归属层级- 版本兼容性:自动关联SDK版本与埋点参数变更记录- 权限隔离:基于KPN粒度控制埋点读写权限2.2 需求结构化:PRD转译机器可读规范标准化模板示例:## 埋点事件: share_button_click- **触发时机**: DOM点击事件冒泡阶段- **参数清单**:| 参数名 | 类型   | 枚举值               | 采集策略 ||--------|--------|----------------------|----------|| type   | number | 1:图文 2:视频 3:链接 | 必传     || source | string | 当前页面路由path     | 自动注入 |2.3 代码生成:从人工到自动化(Team平台实践)技术实现路径:1. DSL解析器:将PRD转换为JSON Schema描述文件2. 脚手架生成:基于模板引擎自动输出带TS类型提示的代码片段// 自动生成的tracker.tstype ShareType = 1 | 2 | 3;interface ShareEventParams {type: ShareType;source?: string; // 自动从路由获取}class Tracker {static trackShareClick(params: ShareEventParams) {window.__tracker?.send({event: 'share_click',params: { ...params, source: params.source || getCurrentRoute() }});}}3. IDE插件:在VSCode中通过代码补全提示可用埋点方法---三、核心架构:高可用埋点SDK设计3.1 分层架构设计+----------------+| 业务调用层      || (trackXxx())   |+----------------+↓+----------------+| 逻辑聚合层      || (参数校验/过滤)|+----------------+↓+----------------+| 传输调度层      || (节流/失败重试)|+----------------+↓+----------------+| 底层适配层      || (Web/小程序/RN)|+----------------+3.2 关键技术实现// 核心能力封装示例class TrackerCore {private queue: Event[] = [];private readonly MAX_RETRY = 3;// 防抖+批量上报send(event: Event) {this.queue.push(event);clearTimeout(this.timer);this.timer = setTimeout(() => this.flush(), 1000);}private async flush() {const events = this.queue.splice(0, 50);try {await navigator.sendBeacon('/log', JSON.stringify(events));} catch (err) {if (this.retryCount < this.MAX_RETRY) {setTimeout(() => this.flush(), 2000);}}}}---四、质量保障:埋点验证体系4.1 自动化测试方案// 基于Puppeteer的埋点校验describe('分享埋点测试', () => {it('点击图文分享按钮应触发埋点', async () => {await page.click('#share-btn');const logs = await getMockServerLogs(); // 对接mock服务expect(logs).toContainEvent({event: 'share_click',params: { type: 1 }});});});4.2 可视化验证工具- 实时热力图:在Team平台重现用户操作路径,标注埋点触发位置- Diff检测:对比预期埋点列表与实际采集结果的差异- 数据血缘图:可视化展示KPN->PRD->代码->日志的完整链路---五、实战案例:某电商大促活动埋点提效背景:需要3天内上线包含12个新埋点的活动页暂时无法在飞书文档外展示此内容关键动作:1. 使用DSL生成埋点参数校验函数2. 在Storybook中集成埋点触发预览3. 通过流量回放验证历史埋点兼容性---六、未来演进方向1. 智能化监控:基于历史数据自动检测埋点异常波动2. 无痕埋点:结合MutationObserver自动捕获DOM变化3. 全链路追踪:打通前端埋点与服务端日志的TraceID(注:文中所提技术方案已脱敏,可根据实际业务需求二次定制)
0 点赞 评论 收藏
分享
想实习转正,又想准备秋招...
0 点赞 评论 收藏
分享
zhiyog:求鼓励
如果再来一次,你还会选择...
0 点赞 评论 收藏
分享
有的同学在问要不要学vue2,我感觉学技术应用的时候,直接学vue3,背原理八股文的时候再背vue2,就跟React的类组件一样,我根本不想学也不想用,但是有些面试还喜欢问生命周期,,但是我保证 某几个大厂你进去实习包是需要维护那个vue2史山 甚至是vue2.5用不了v-slot版然后 这其实是一个八股 vue3比vue2好在哪一、响应式系统革新Vue2 基于 Object.defineProperty 的响应式存在硬伤:无法监听动态新增属性、数组索引修改需特殊处理。Vue3 采用 Proxy 重构后:自动追踪深层嵌套对象变化数组操作无需特殊 API(如 push直接生效)内存占用显著降低(官方测试减少约 40%)渲染性能优化(复杂场景实测提升 1.5-2 倍)二、组合式 API 颠覆逻辑组织方式对比 Vue2 的选项式 API,组合式 API 实现逻辑关注点聚合高复用性:业务逻辑可封装为独立函数跨组件复用TS 友好:天然支持类型推导,复杂项目维护性提升逻辑解耦:同一功能相关代码集中管理(如数据+请求+状态)心智负担降低:解决this 上下文问题,函数作用域更清晰三、工程化能力全面升级Tree-shaking 优化:打包体积减少 40%+(仅引入使用到的功能)模块化设计:核心库拆分为独立模块(如响应式/编译器分离)兼容性策略:提供渐进式迁移方案,支持与 Vue2 混用生态协同:Vite 构建工具等新库四、新特性解决历史痛点多根组件模板:摆脱外层冗余 <div> 包裹Teleport 组件:优雅处理全局弹窗/Toast 等 DOM 层级问题自定义渲染器:突破 Web 限制,可开发小程序/Canvas 应用Fragment 支持:服务端渲染 (SSR) 性能显著优化五、长期维护与生态趋势官方维护策略:Vue2 已于 2023 年底停止维护社区资源倾斜:全家桶已全面适配 V3TypeScript 深度整合:类型提示覆盖模板/Props/自定义Hook未来演进基础:新功能(如 Suspense/新的 DevTools)仅支持 V3</div>
0 点赞 评论 收藏
分享
小何和:除了婆罗门靠父母过得还行,靠自己真的都太难了
没有实习经历,还有机会进...
0 点赞 评论 收藏
分享

创作者周榜

更多
关注他的用户也关注了:
牛客网
牛客网在线编程
牛客网题解
牛客企业服务