这次来说说简历吧。想写这个很久了。看了太多的简历，心里有些感慨。聊几句吧。希望对大家参加前端校招有所帮助！我家的话，仅供参考~简历往往是给面试官的第一印象，但是很多还没走出校门的同学不知道如何写出一份好的简历。经常拿着简历不知道怎么去面试他。在春招等大规模招聘的季节，如果一份简历在面试官刷简历的时候不能在短时间内引起面试官的注意，那么很容易被漏掉，因为被面试了会很可惜。就这样淘汰了。那么什么样的前端简历才是好的简历呢？考虑简历有什么意义？第一点，你。你必须清楚地解释你的角色、你的职能以及你经历或指导的项目。毕竟，面试官是在单独考察你。第二点是技术输出。作为一个技术开发，你参与的项目再好，用的人再多，也是产品经理和运营。这与你无关。技术人还是专注于技术相关的优化和输出。你实现的功能也能说明技术能力。这两点的结合就是：你技术牛逼。以此为核心思想，在简历中写团队项目。您是否清楚地描述了您的角色和职能？重点不是你在几家大公司实习过，重点是你在实习期间有什么收获。不管你拿了多少奖学金，写了多少优秀的论文，分量都没有那么重。面试前端大家还是想听前端的。写自己的兴趣爱好有多广泛，性格有多好，都是假的。先说技术吧，面试过程中别人自然会感受到你的个性。这个思路想清楚之后，你就知道简历的重点了。如何刷简历打开简历，先看看大学。不管你喜不喜欢，有些大学编程开发的氛围和质量都相对好一些，还会有一些无形的加分。然后，实习经历，在腾讯、阿里、今日头条等大公司实习绝对是一大优势（如果有的话，重点不要过分强调大黑），行业内知名的公司都是也不错。所以如果你打算走这条路，尽量在大学的前几年在大公司实习。专业技能，这个比较特殊，如果你是在大简历池里筛选简历，你会很快扫一遍，只要确定不是后台同学走错了集就行了。如果你在面试前看过你的简历，你会仔细看一下，这个我会在下一节讲到。那么，重点来了，项目经验。看什么，关键词！比如写XX论文，参加社会实践，快速扫过去，重点还是“在线系统开发”，“小程序开发”，“XXwebapp开发”，“某开源作者”等项目成分”。然后一大段关于项目的介绍和描述，用处不大。重点是项目中流露的技术能力和技术关键词，如“应用ServiceWorker来做XX”、“基于ReactHook”、“实现了完美的单元测试”、“应用某种思想提高开放性”页面时间”等，我都很感兴趣。如果这些都没有，就干巴巴的写，用React+Redux，node+Koa，或者干脆说开发了哪些页面，基本很快就放弃了。仅凭这几张，快速浏览一下就可以在您的脑海中建立这位学生的技术印象。没有关键词快速抓住面试官，引起他的兴趣，而是靠一大段文字让他做阅读理解。我很伤心，你也很伤心。如何写出一份好的简历以上就是告诉大家你的简历会被别人怎么看（虽然是我的经验，但我觉得还是有代表性的），接下来我就说说几个主要模块怎么写，以及个人基本信息模块就不说了，太基础了。技术能力（也叫个人技能、专业技能）是常见的部分，但是很多人写的不好，不重视。我经常看到这样的描述：你怎么看？我觉得很一般，因为里面没有足够多有趣的信息。如果用简历筛选标准，里面的关键词还可以：但是面试前看，会发现有趣的点太少了。一方面，熟悉三种语言的要求太基础了。熟悉MVVM、React、Redux、计算机网络等，可以问。第三点有点假，第五点基本直接忽略。如果是我现在负责的第二面，我会开始寻找亮点。为什么？因为pass的基础不算太差，考察的意义不大，所以校招的项目实践一般都不会太丰富或者拓展不够。这时候的对比是什么？然后我会期望他对一个或几个小的技术项目有一点深入的研究，有一些自己的思考，有自己感兴趣的技术。这是亮点。还是以上面的简历为例，我觉得有意思的地方只有一个：因为是一个比较新的技术，因为很多校招都没有提到，因为它不是一个深研的技术，有很多地方需要讨论。这时候我会问：“Hook是怎么写的”，“为什么要创建一个hook，有什么好处”，“Hook的原理是什么”，“如果我有现成的React插件，想要要支持hook类型的写法，怎么做”。一层一层深入，真正分清面试官的优缺点。如果你真的回答了这些问题，那基本上就完成了。毕竟我们很难要求学校招到前端知识面广的学生，但是如果他们对某一方面有很深的理解，即使知识面不广，我们相信他们在接触到其他前端领域的时候一定能够学好，因为这里体现的学习能力和探索能力尤为重要。这或许解答了很多同学的困惑：面试的时候我觉得答案还可以，怎么没通过呢？因为自己知多不深，没有亮点，学习能力发挥不出来，这些虚构的特质自然就被拿来对比了（PS：我是站在大公司的角度，因为大公司更看重潜能的培养）.当然，我不是要你在ReactHook上下功夫，也不是告诉你捷径。要知道资深面试官也是有技术短板的。如果他不熟悉Hook，他就不会多问了。但是类似的还有很多可以作为亮点的，比如“我喜欢研究Webpack，写过webpack插件来提高监控和打包效率”，“熟悉性能相关的工具，熟悉Lighthouse，并了解它如何评估网页性能的一些细节》、《了解SSR，实践过，使用行业工具做压力测试，了解一些容易成为性能瓶颈的点等》，同学们也可以去做吧，认真学习，深入思考，永远抓住面试官的亮点。即使你不能把这些问题回答透彻，也很容易胜过别人。但是，最基本的还是要掌握好，不然笔试过不了，更谈不上亮点了。扯远了，回来了。技术能力部分，最好不要只列出一些一般的技术能力，还要写一些对某项技术的深入研究技术点。而我希望看到这个部分是这样写的：首先分清主要能力：掌握前端基础能力，具备移动Web开发能力，具备Nodejs开发能力，具备小程序开发能力，具备Electron客户端开发能力。了解新技术...然后返回小能力，比如：移动web开发能力：了解常见的屏幕适配方案，了解移动端和PC开发的区别，了解base64等常用的移动端优化方案，最后补上亮点：...研究了一些手势库，明白了基本原理就是可以自定义一些特殊的手势来实现特殊的功能；梳理自己的技术能力是不是比之前干巴巴的要点更有条理、更深入？项目经历项目经历这部分可以写：参加实习做的项目，在学校工作室做的项目或者参加编程比赛，自己折腾的技术项目。通常按时间顺序排列。这个时候不建议放非编程甚至非前端的经验，比如用C#做的什么软件。为什么不好，因为你是前端面试，你的面试官可能语言不通，所以他不知道怎么问你的经历，也不知道怎么查是否做了好吧，所以他只是忽略它。除非你能加上你做的好不好，比如拿了微软全国大赛的二等奖，但即便如此，也不是什么重要的case（除非你没有其他的前端项目==）。另外，不建议写两年前的项目。一般两年多前就算你写了好几页项目，我也随便扫一扫。前端的发展变化太快了。每个月、每天都有各种新文章、新做法。有时一个新版本的框架可以给我们带来新的想法。两年前项目中使用的技术已经成为现实。常识要么过时，要么不到一岁。如果你想做前端，那么希望你继续学习，关注前端的现状，拿之前取得的一些成果说明不了什么。我个人喜欢问校招，你自己做过哪些技术项目。因为在这个阶段，你很难有机会主导或主要开发一个实习项目。在大多数情况下，您将作为配角参与项目。但个人项目不同。从这里可以看出你是不是真的喜欢前端，会不会做一些自己觉得有趣的web实践，能不能结合自己的思维做好。喜欢折腾的同学，更有可能在工作中给我们惊喜，创造一些额外的价值。比如曾浩，写哪些项目就清楚了，接下来再说说怎么写。看到过这样一个项目描述：能看懂我第一节讲的简历思路的同学看了这个项目经历应该也能理解为什么我不知道怎么问了。因为没有说明你的技术产生的技术成果，没有说明解决遇到的困难有多大的难度来体现技术能力。讲这么长的项目描述有用吗？无用！我真的不关心项目的产品逻辑，除非是技术项目（比如开发XX技术框架）。形容责任是对的。你需要明确自己的角色，但要保证项目开发过程的高质量集成和控制，并不是一件容易的事情。最好简单描述一个案例，给出具体的策略，比如单体测试做过什么架构可以分层，这就是技术简历。不求长篇大论，至少给几句具体的描述也是不切实际的。性能优化给的小分也太常见了。项目经历真的不是要给面试官解释项目是什么，而是要突出项目背后通用技术知识的应用，以及你解决技术问题的思路。理想情况下，我会这样写这个模块：项目名称，你的角色，时间；项目介绍，用一句话清楚地说明项目的功能和价值，如“简历管理系统，为学生提供简历建议和生成管理功能，已在全校3个以上学院应用”；技术栈介绍；项目中遇到的技术难点及解决方法。比如优化相关，“这款页游在开发过程中，画面元素较多，贴图质量较高，导致游戏流畅度不够，此时通过XXX策略优化了XXX，通过XXX改进了XXX.最后游戏的帧率一直保持在接近60帧的体验”，比如复杂的功能，如何实现多人协同编辑脑图，如何解决冲突等都是难点。这个时候，我预研了XXX方案，借用了XXX框架的源码，最终根据项目特点制定了策略：XXX，实现了功能”；相关输出，比如输出《Web 开发在线游戏的性能建议》的博文带链接，比如开源了某项技术等等，受别人启发，这种项目经历很容易和面试官有共同话题，聊得来，其他和工作能力关系不密切的模块基本不重要，比如科研成果，比如兴趣爱好，可以省略，以上部分要写清楚，简历已经比较充实了。当然，如果你有其他技术相关的，也可以补上。比如在单独的版块写社区投稿，“我在掘金知乎开了个人技术专栏，写了N篇博文，其中一篇获得了XX次访问，被首页推荐”，“nodejs的贡献者之一，提到N个MR被采纳了”，“XX框架的中文译者之一”，“XX前端技术大会做过摊位分享”等等，也很不错。moredetailsblabla说了这么多，最后给出一些零碎的细节和建议：1.关键词我就不重复了，按照第一节的思路分析，直接用黑色标注；2.如果有亮点，基础扎实，我就更不用说了，如果连事件代理和缓存都谈不上，那就更不用谈了。做过的项目用到的框架最好有自己的思考和理解，这样才容易挖掘出亮点。不用说，整篇文章看点满满，几十个地方，想想自己最擅长的技术，有一个主要案例和主要亮点。3.主动投题根据2.思考主要案例的主要亮点后，在简历中充分描述。面试时不需要带太多细节来吸引面试官在这方面与你交流。早点准备技术点是高级技能（道）技能（lu）。4、简历的特殊用途不要想着一份简历一统天下。面试前端、客户端、后端用一份简历，很容易让面试官看出你不在乎。例如：5、注意以前的实习经历。之前遇到一个同学，超过了我。看完访谈，评价还是不错的。之前也在公司的另一个部门实习过，所以查了内网招聘网站的信息，之前的实习评价都不是很好。主要问题是我在外派事务上不够主动。这让我对他的印象下降了很多。这种在面试中很难追究的问题，是我们最害怕的。犹豫了半天，我决定给他第二次面试。带着挑剔的眼光，我发现他在第二次面试的时候对各种技术都有很好的理解，也有自己的思考。我发现他也知道我之前实习的问题。也想过如何改进。终于让他通过了第二面。你的实习经历表现对你来说是另一种简历。积极的对待每一次实习经历，哪怕不适合自己，也要做好，否则下次会把自己搞砸的。6.恢复文件格式PDF。大公司基本上都有自己的招聘简历平台。如果简历是PDF格式，chrome可以直接打开，非常方便。如果是word格式的，就得下载下来，打开，word启动后再查看，会给面试官带来一些麻烦。不建议做一个zip包，把自己的作品打包进去，更何况整个过程比较麻烦。面试官都有业务开发任务，可能没有那么多时间仔细审查你的工作。这个时候比较好的做法是附上自己的github地址，在简历中说明一下，这样面试官才会有兴趣，自然而然就会看一看。虽然面试官不会因为简历文件的格式而拒绝一个人，但是在招学生的时候也没有必要给自己制造障碍。综上所述，说了这么多只是为了偷懒。如果每个人的简历都突出核心，信息清晰，我们面试官能节省多少时间，简历也能读得舒服。技术和技术的表面包装可能会被戳破，简历只是在你拥有扎实的技术基础和良好的学习态度后的助推器。不想被面试官虐，只有把面试题刷到最大，做好全面的准备。当然，除此之外，还要在日常生活中打好基础，这样不管面试官怎么样，你都会死在一个知识点上。你可以像流水一样处理~下面是我花了将近一个月时间整理的面试题库。这些面试题是在网上收集整理的。我已经补充了答案，希望对大家有用。HTML浏览器页面的三层是什么，分别是什么，作用是什么？HTML5的优点和缺点是什么？Doctype的作用？如何区分严格模式和混合模式？他们的意思是什么？HTML5中有哪些新内容，删除了哪些元素？您在哪些浏览器上测试过您的网页，这些浏览器的核心是什么？每个HTML文件的开头都有一个很重要的东西，Doctype，你知道这是干什么用的吗？说说你对HTML5的理解？(what,why)对WEB标准和W3C的理解和理解？……CSS解释一下CSS的盒模型？请告诉我CSS选择器有哪些类型，并举几个例子来说明它们的用法？请告诉我CSS有什么特别之处？（优先级，计算特殊值）常见的浏览器兼容性问题及解决方法？列出显示值并解释它们的作用？如何居中一个div，如何居中一个浮动元素？请列出几种（至少两种）清除浮动元素的方法？块、内联和inlinke-block细节的比较？什么是优雅降级和渐进增强？谈谈浮动元素带来的问题和你的解决方案。你有哪些性能优化方法？......JavaScriptjs的各种位置，比如clientHeight、scrollHeight、offsetHeight，以及scrollTop、offsetTop、clientTop的区别？js拖拽功能的实现js的异步加载js的防抖节流方法谈谈闭包谈谈你对scopechainJavaScript原型、原型链的理解？有什么特点？请解释一下什么是事件委托/eventdelegationJavascript如何实现继承？函数执行改变了thisbabel的编译原理函数currying说说类的创建和继承说说前端的事件流如何让事件先冒泡再捕获说说图片的懒加载和预加载jsnew操作符是干什么的？改变函数内部this指针的指向功能（bind、apply、call的区别）ajax解决浏览器缓存问题...限于篇幅，只能分享部分面试题。完整版面试题及答案可点击【点我】阅读下载~免费分享给大家。VueVue中键值的作用。为什么vue组件中的数据一定要是函数呢？vuex的State特性是什么？介绍一下Vue的响应式系统computed和watch的区别。介绍一下Vue的生命周期。为什么组件的数据必须是一个函数？组件如何通信？如何在Vue.cli中使用自定义组件？你遇到过什么问题吗？？Vue是如何实现按需加载和webpack设置的？简述每个周期适用于哪些场景。什么是scs？Vue.cli的安装步骤是什么？有哪些主要特点？谈谈你对Vue.js模板编译的理解？Vue路由跳转的几种方式Vue是如何实现按需加载和webpack设置的？Vue的路由实现：hash模式和history模式Vue、Angular、React有什么区别？Vue路由的钩子函数Vue的计算属性是什么？......React介绍reactReact单数据流react生命周期函数和react组件生命周期reactJs组件通信的原理、区别、亮点、作用你了解过react的虚拟DOM吗？VirtualDOM是如何比较的？项目中用到了react，为什么选择react，react有什么好处？如何获得真正的dom？选择React的原因？React的jsx，函数式编程react的组件判断刷新什么不刷新React-Router路由的动态加载模块如何配置什么是Redux中间件，接受几个参数Redux请求中间件如何处理并发浏览器跨标签页面通信BrowserArchitecture浏览器下的事件循环（EventLoop）从输入url到显示过程重绘和回流存储WebWorkerV8垃圾回收机制内存泄漏回流（reflow）和重绘（repaint）优化如何减少重绘和回流？一个页面从输入完成页面加载和显示的URL。在这个过程中会发生什么？localStorage和sessionStorage以及cookies的区别总结...服务器和网络HTTPS和HTTPHTTP版本的区别从输入URL到页面渲染发生了什么？HTTP缓存缓存位置强缓存协商缓存资源用户行为影响浏览器缓存缓存优势不同的刷新请求执行过程...算法和数据结构二叉树层序遍历B树的特点，B树和B+树的区别尾递归如何写大量阶乘？递归方法会出什么问题？多维数组转一维数组的方法说说冒泡快排的原理堆排序方法的原理？复杂性？几种常见的排序算法，手写数组去重，方法尽量多写如果有一个大数组，全是整数，如何求最大的前10个数由于篇幅有限，只分享一些面试题，完整版面试题及答案可以【点我】阅读下载~免费分享给大家
