获赞
667
粉丝
559
关注
2
看过 TA
4057
北京工业大学
2024
Web前端
IP属地:香港
接弱基础辅导大厂实习&秋招 主打高效速成 需要可私
私信
关注
2024-12-24 17:56
已编辑
网易互娱_前端开发(准入职员工)
个人介绍:24届前端校招生,四段实习经历,校招拿了字节 阿里 美团 滴滴等offer,比较熟悉实习和校招准备的流程。有没有用 和我当天对完初期阶段就能知道效果了辅导的本质就是两点:一个就是减少信息差,大学里面和互联网就业实在是有差别,所以bg不太好的同学也需要早点准备早点实习。基于此的第二点就是节省大量的摸索时间,你如果有bg,为什么不能进大厂,差的就是时间,我觉得就是进度不快的同学都可以找我,这个性价比不必多说。拉莫这个辅导有什么用呢,主要是省时省力。你如果接触前端可能有一两年,那么可能我这个就只能提供一些项目思路和行情讯息了,咋学前端可能懂得都懂。如果你是初学者并且下定决心学前端的同学,那么你肯定是收获满满的,比起更大的博主,或者是课程培训这种,我这边1on1肯定会做的比较不错,分阶段收费,包含大部分内容的情况下只收不到一天实习的💰。具体内容可以提供一对一的学习路线指导(啥要学啥不用学以及侧重点和校招时间线),同时提供我校招之前总结的内容包括我在实习阶段沉淀的内容,一些为校招准备的项目推荐,帮忙提供简历修改意见。在你参加实习后如果觉得实习含金量不够,可以提供包装服务,使用大厂的技术需求去填充你的实习。另外如果有任何相关问题也可以回答,周末有时间回复,工作日不及时下班后会回复。有需要的同学可以私信我。有什么疑问的也可以在评论区提出。ps:我觉得最有用的还是还没入门或者秋招快到需要速成的同学 因为我可以让你零基础到找到实习只需要一个月[doge]而你自己摸索能亏不少去实习的时间(秋招能约面的时间)。
前端小圆:刚来这个平台 欢迎私戳 可私信验证offer&经验
没有实习经历,还有机会进...
0 点赞 评论 收藏
分享
不同人在执行力上面的差距还是很大的 有些同学我感觉真的是很用功了 即使学历不好也能靠自己的努力或者说是对前端的兴趣卷进大厂 网上总是有很多自己没见过就大肆开喷说各种不可能 就我觉得像这种类型的估计也是有点应激大方向是对的前提下 其实学习时长这块就是一个很重要的占比 很多92的同学跟我说 代码能力很弱 怎么办 这个其实是应试教育的问题 靠大学课程 不靠自学不可能凭空获得代码和项目上的工程能力的 所以可以很明确的说 只要不太懒 然后bg够用 其实都可以放心学 前端不会有啥太难的东西 特别实际工作中90%都是特别简单的活 也就是面试要造造火箭罢了其实辅导的有几位真正top学历的同学的思维确实比较灵活 客观上结合bg和应试准备和沟通能力就能很轻松的进到一线大厂从211本or硕到中末9这一层的同学 基本上是需要尽量早准备早规划 提前一年开始准备可能就是白菜跟ssp收割机的差别一本和学院本能进大厂的 其实双非一本进前端大厂实习的数量应该还是比较多的 校招的话需要强相关的大厂实习和优秀的沟通能力已经扎实的前端基础和深入且有广度的前端技术(丰富的项目实习经历)or 一个不错的运气我辅导的同学里面学院本去大厂实习的还是有好几个 但是校招目前好像还没有 但是我的一些朋友确实有进的 抽样调查无一不是那种多段大厂实习 然后应该是拥有对技术的热爱 或者是特别想通过进大厂去证明自己 or 对💰特别有执念的 可能就是比较希望通过在互联网赚一笔能够给他们的家人过上更幸福的生活本人有点自愧不如 其实我是那种对代码和前端技术没兴趣 (只能说之前做acm梦的时候写题还是很有精神)然后自从去大厂实习过就祛魅了的那种 只想干两年躺平但不幸碰见抽象ld的摆烂人 但是其实也没有说家里非要我赚这个💰不行 我也没物欲 不想呆一线 也算是非典型互联网牛马标准人设了 我都很不想上班啊 每次说退休设想就会被那种实习都找不到的人喷 还是纯分享前端好了但是🐮子的这方面还是比🍠好 没那么多嘴臭的
牛客解忧铺
0 点赞 评论 收藏
分享
在现代前端开发中,模块化是管理和组织代码的核心技术。随着项目变得越来越复杂,模块化可以帮助我们将代码拆分成多个小单元,提升代码的可维护性和可重用性。而随着 ECMAScript(JavaScript)规范的发展,模块化机制也发生了重要变化。从最初的 CommonJS 到 AMD,再到现在的 ES Modules(ESM)和动态导入(Dynamic Import),前端开发中的模块化机制日益完善。本文将带你深入了解 ES Modules 和动态导入的工作原理、应用场景以及如何通过它们提升前端开发的性能和效率。模块化的历史与发展1.1. 传统的模块化:CommonJS 和 AMD- CommonJS:最早在 Node.js 中广泛使用的模块化标准,它采用同步方式加载模块,适用于服务器端应用。CommonJS 的基本语法是 require()来导入模块,module.exports来导出模块。例如:// math.jsmodule.exports = {add(a, b) {return a + b;}};// app.jsconst math = require('./math');console.log(math.add(2, 3));  // 输出 5- AMD(Asynchronous Module Definition):AMD 为浏览器设计的模块化规范,解决了 CommonJS 同步加载的问题,采用异步加载模块。AMD 主要在浏览器中使用,通常配合 require.js使用。例如:define(['math'], function(math) {console.log(math.add(2, 3)); // 输出 5});尽管这两种方案解决了不同的问题,但它们存在一些不足,比如 CommonJS 不适用于浏览器,而 AMD 又需要额外的库支持。1.2. ES Modules(ESM)的诞生随着 ECMAScript 6(ES6)的发布,JavaScript 引入了原生模块系统——ES Modules。ESM 的最大优势是它是静态的,也就是说,模块导入和导出的关系在编译时就已经确定,浏览器可以提前进行优化,减少运行时的负担。ESM 的基本语法如下:export function add(a, b) {return a + b;}// app.jsimport { add } from './math.js';console.log(add(2, 3));  // 输出 5通过 import和 export语法,ES Modules 简化了模块的引入与导出,解决了传统模块化的很多问题。ES Modules 深入解析2.1. 基本使用ESM 的使用非常简单,主要通过 import和 export来导入和导出模块。- 命名导出:通过 export导出一个或多个变量、函数或对象。export function add(a, b) {return a + b;}export function subtract(a, b) {return a - b;}- 默认导出:每个模块只能有一个默认导出。// math.jsexport default function multiply(a, b) {return a * b;}// app.jsimport multiply from './math.js';console.log(multiply(2, 3));  // 输出 62.2. 模块化的静态特性ESM 的静态特性意味着,导入的模块在编译时就已经被确定,开发者无需等待运行时再去查找模块的依赖关系。这使得现代浏览器可以通过 Tree Shaking(摇树优化)去掉未使用的代码,进一步优化性能。Tree Shaking 通过静态分析代码,移除那些从未使用过的函数或变量。这个特性在构建时会显著减少最终包的大小,提升加载速度。2.3. 静态分析与优化由于 ESM 的静态特性,开发工具可以对其进行优化。例如,Webpack、Rollup 等构建工具可以在打包时移除没有使用的模块代码,从而减小打包文件的体积。动态导入:懒加载与优化3.1. 什么是动态导入?动态导入允许你在运行时按需加载模块,而不是在页面加载时加载所有的模块。动态导入使用 import()语法,它返回一个 Promise对象,因此可以实现异步加载模块。// 动态导入模块import('./math.js').then(math => {console.log(math.add(2, 3));  // 输出 5});3.2. 动态导入的优势- 按需加载:你只在需要时才加载模块,避免了初次加载时加载大量不必要的代码,提升了加载性能。- 懒加载:与路由和组件懒加载结合使用,可以在用户访问特定路由时加载特定模块,减少初始加载时间。3.3. 使用场景动态导入适合用于以下场景:- 大型应用:对于大型单页应用(SPA),按需加载页面或功能模块,避免一次性加载所有的代码。- 按需加载第三方库:比如某些图表库、编辑器库等,可以通过动态导入在需要时才加载,避免不必要的资源浪费。// Vue 示例:路由懒加载const Home = () => import('./views/Home.vue');const About = () => import('./views/About.vue');与构建工具的配合4.1. WebpackWebpack 支持 ESM 和动态导入,可以通过配置实现按需加载。Webpack 会自动处理 import()语法,生成懒加载的模块。// webpack.config.jsmodule.exports = {entry: './src/index.js',output: {filename: 'bundle.js',chunkFilename: '[name].chunk.js',},optimization: {splitChunks: {chunks: 'all',},},};4.2. ViteVite 是一个基于 ESM 的现代构建工具,利用原生支持的 ESM 功能,提供了极速的开发体验。Vite 内置了对动态导入的优化,可以非常轻松地实现懒加载功能。实际案例:如何在项目中实现动态导入5.1. Vue 中的动态导入Vue 3 使用 defineAsyncComponent来实现组件的懒加载。通过动态导入 Vue 组件,可以显著提高应用的初始加载速度。import { defineAsyncComponent } from 'vue';const AsyncComponent = defineAsyncComponent(() => import('./components/AsyncComponent.vue'));5.2. React 中的动态导入React 提供了 React.lazy和 Suspense来实现组件的懒加载。import React, { Suspense, lazy } from 'react';const LazyComponent = lazy(() => import('./components/LazyComponent'));function App() {return (<Suspense fallback={<div>Loading...</div>}><LazyComponent /></Suspense>);}总结和一些实践原则- 模块化是现代前端开发中不可或缺的基础,它使得代码更易维护和扩展。- ESM作为现代 JavaScript 的标准,提供了更高效的静态模块化支持,能够帮助构建工具进行优化。- 动态导入通过按需加载和懒加载机制,帮助前端开发者显著提高页面的加载性能。- 在实际开发中,应根据项目需求合理使用静态导入和动态导入,避免过度依赖动态导入带来的复杂性
0 点赞 评论 收藏
分享
你在组件库项目中用到了Vue3的Composition API对比Options API有什么优势vue2v3原理分别是什么,v3解决了v2的什么问题Pinia和Vuex的区别是什么为什么选择Pinia做状态管理如何实现Vue3组件的全局注册和按需引入需要处理哪些问题性能优化具体指标几个要了解你提到首屏渲染从3s优化到1.6s具体做了哪些措施如何量化效果项目里如何处理errorIntersection Observer除了图片懒加载还能解决哪些前端问题,懒加载原理,别的方案了解吗为什么选择Vitest而不是Jest,Vitest在Vite项目中的优势是什么,如何写一个测试用例PostCSS和SassLess有什么区别你们为什么用BEM+PostCSS的方案组件库的TypeScript类型推导是如何设计的 遇到过的复杂类型问题怎么解决ts在项目的好处坏处,项目用了ts吗具体聊聊某个组件设计细节 某个复杂功能是如何实现单元测试覆盖率90%是如何统计的包含哪些场景,如何测试组件的交互行为电商项目里面路由权限拦截的具体实现方案如何和后端权限系统配合购物车数据持久化方案的选择过程对比localStorage和IndexedDB,和别的状态存储方式的区别如果商品列表页出现滚动卡顿你会如何排查和解决从输入URL到页面渲染详细说明HTTP缓存强缓存协商缓存的作用节点浏览器Event Loop机制如何影响Vue的nextTick实现CSS变量和预处理器变量如Sass变量在浏览器渲染流程中的区别常见的git命令,如果git merge出现冲突你的标准解决流程是什么如何预防冲突你的组件库和Element Plus有什么区别解决了什么Element没有解决的问题为什么选择读研为什么选择前端而不是后端对新的前端前沿技术有关注吗,具体了解的是什么了解最新的es特性吗,不是es6,说说你知道的最新的js语法
牛客创作赏金赛
0 点赞 评论 收藏
分享
临近暑期实习尾声,技术面试一个接一个,简历也改了不止一轮。项目写着写着,我突然意识到:项目写得“完整”远远不够,更重要的是写出“价值感”。有一位前辈给我提了四个关键点,让我重新审视自己项目的深度:你负责了哪些关键模块?(责任)项目中遇到过哪些棘手问题?(难点)你是怎么解决这些问题的?(方案)最终带来了什么具体效果?(成果)听起来很基础,但我意识到,自己很多项目只能说“我参与了”,但不能明确讲出“我解决了什么”。我之前忽略了什么?仔细回顾,我做过不少项目,前后端都写过,能用 React / Vue 从零搭起一个系统,也配合过接口联调、上线部署。但说到底,大部分时候只是“按部就班地实现了功能”,很少去问:这块为什么卡顿?有更好的写法吗?这个模块有没有隐藏 Bug?有没有测试覆盖?页面加载慢到底慢在哪里?是网络、渲染、还是组件逻辑?能不能把这个项目做到上线后能跑得动、看得懂、改得动?而我之所以一直忽略,是因为没把这些项目当作真正的“产品”来看待,而是当作“任务”去完成。那我现在打算怎么做?前辈说:“不是怎么写简历的问题,而是项目本身有没有打磨到值得写。”所以我最近做了三件事:1. 把项目重新跑一遍,记录下“没做好的地方”某些页面首屏加载慢,懒加载策略不合理状态管理冗余,组件间数据耦合过高多终端兼容性测试不足,移动端滚动逻辑有问题2. 针对性地重构一部分模块把原本重复写的业务逻辑封装成通用 Hook 或组件用虚拟滚动优化日志数据渲染性能,并对比前后加载时间替换复杂的 Redux 状态管理为更轻量的 Zustand,提高可读性和维护性3. 学着为自己的逻辑加上测试或性能指标写了几份基础的单元测试覆盖流程设计器中的节点增删逻辑用 performance API 测试列表组件渲染时间,并进行 Lazy Render 分段处理技术背景与成长方式我来自一个技术基础相对扎实的环境,动手能力比较强。之前自学过前后端开发,搭建过完整的项目,也尝试了从部署、状态管理到接口封装的完整流程。通过阅读文档和实践为主的方式积累经验,偶尔也会系统性地整理知识点。技术方向:熟练掌握 React / Vue 技术栈,能独立搭建项目架构使用过 TypeScript,掌握基础类型与接口定义熟悉常见前端性能优化手段(懒加载、虚拟列表、代码分包)掌握基本的前端安全知识,如防止 XSS、CSRF 等攻击能使用 Node.js 和 Express 搭建本地开发接口与中间件服务我目前的优势和短板我的优势理解完整开发流程,能独立负责项目从搭建到联调有性能意识,能主动优化加载速度和渲染瓶颈掌握现代前端主流技术,有实践 Vue3、React18、Zustand 等经验动手能力较强,遇到问题愿意查资料并快速验证我的不足类型系统理解不够深入,缺乏在复杂项目中封装泛型的经验状态管理工具(如 Redux、Zustand)只用过基础场景,缺少深入建模项目测试覆盖率不高,单测/集成测试的实践不足兼容性与边界场景考虑不够细致,比如低端设备或网络波动下的处理写在最后:把普通项目做出深度,是毕业前最值得做的事我现在的目标,不是再堆一个新项目,而是认真打磨已经写过的项目,让它不仅能运行,更能让人看到我的思考。如果你也在写简历、做项目,建议你也试试回头看一看:你写的那个流程系统、电商页面、组件库,真的到“能上线用”的标准了吗?只要再往深里钻一点,你的项目也能从“写过”变成“写得牛”。如果你也在找实习/准备秋招,希望我们都别只做“功能完成者”,而能逐渐成为“问题解决者”。
0 点赞 评论 收藏
分享

创作者周榜

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