河北邯郸怎么读,江门网站优化,湖南纯手工seo电话,建设品牌型网站制作大家好#xff0c;我是若川。这是我的微信群里小伙伴年年 的投稿。他是19年毕业#xff0c;之前做的是运营相关的工作#xff0c;在我的交流群里非常活跃#xff0c;自学一年前端#xff0c;目前成功转行入职杭州一家独角兽企业。相信他的文章能带给大家一些启发和激励。0… 大家好我是若川。这是我的微信群里小伙伴年年 的投稿。他是19年毕业之前做的是运营相关的工作在我的交流群里非常活跃自学一年前端目前成功转行入职杭州一家独角兽企业。相信他的文章能带给大家一些启发和激励。0 写在最前面我是年年于19年毕业的之前两份工作都不是开发相关也就是0经验转行。工作之余持续学习前端大概一年半前后大概面了一个半月最后上了岸去了杭州一家还算不错的独角兽。由于本身学历专科和专业(农业)不符合面的公司以中小厂为主。知识点可能在也是比较简单的所以本文不适用于很多大佬见谅。但是希望能给一些正在学习中的未毕业的和转行的一些建议或者激励。现梳理一下基于我个人面试过程中被问到的一些问题(包括但不限于)更多的是个人经验的分享。文章大纲如下1 面试前的准备1.1 写简历在开始面试之前一份优秀的简历也是十分重要关于简历怎么写推荐两篇文章前端 Offer 提速如何写出有亮点的简历面试被问项目经验不用慌按这个步骤回答绝对惊艳关于写简历的平台也推荐两个超级简历[1] --- 更简约黑底白字木及简历[2] --- 秋风大佬的作品样式会丰富些基于markdown1.2 明确目标做一件事情要先明确目标定下一个可触及的清晰目标。跟他人交流了解自身能力的偏向 ---- 和群友沟通过程中较多群友对我的评价为基础比较扎实了解层级区别 --- 通过百度等渠道了解大厂的层级定位的主要特点(我是以阿里p级为标准)结合上面两点定下目标 --- 我依据上面两点并对自己的学习能力进行评估这边对自己的级别定位于 p4/5的定义这里截取p4要求中我觉得面试官最看重的一点这也是面试者着重要体现出来的东西在专业领域具有学习能力和潜能最终上岸的这家主管也和我说是看中了我的学习和潜能。1.3 争取面试机会基于自身的学历和专业又因为现在boss上大部分都是hr在看简历所以我的简历很多情况下都会被忽略。为了更多的面试机会我完善了boss直聘的在线简历很多hr都会看在线简历然后又编写了一些话术去争取。关于争取话术中提及的东西可以是你的项目展示地址已上线可以是你的博客或github可以是证明你学习能力的一些东西 我是番茄todo计时幕布编辑文字统计举个例子我是这么争取的1.4 梳理知识点1.4.1 整体大纲很多小伙伴也有想跳槽的想法但是又不知道该如何梳理这里的话我推荐双越老师的两门面试课我是买了然后都看完了~放心食用。快速搞定前端技术一面 匹配大厂面试要求[3]前端框架及项目面试[4]这两门课更多是一个梳理的过程知识点更多是点到为止给到一个正确的大纲跟随过一遍把自身不知道的深入一下。ps:双越老师其他的课也很不错我的node就是学习他慕课微博项目学习来的。除了这两门课也推荐 字节面试飞书文档[5]这个文档比较齐全之前是看天天大佬发群里后收藏的我的手写题是跟着这里整理的。1.4.2 梳理工具推荐我喜欢用 思维导图 xmind、幕布去记录个人感觉树形的结构更容易去梳理和记忆md更多是线性的浏览。1.5 面试知识的记忆小技巧1.5.1 背诵知识---反向提问加深记忆这就是为什么我喜欢用思维导图的原因举个例子如上是常见的css的一些知识点那么我们在复习的时候打开了思维导图默认把节点关闭后。就可以给自己提问了然后尝试解答margin上下左右设置负值分别是怎么样margin 垂直方向的重叠的现象有哪些解决方案是有哪些BFC的创建方式有哪些思维导图的好处就出来了如果你用的是markdown你一眼就能看到答案但是用思维导图你就很方便的把答案隐藏了不会背的展开会被的默认关闭那么后续的记忆就很方便了。1.5.2 手写知识点---写注释很多小伙伴会苦恼手写题觉得手写题麻烦面试的时候很容易丢分。个人看了比较多的手写题后认为好的手写题就是三步走对传入参数的处理类型判断对功能的实现优化---性能等对返回结果的处理类型判断那么关于如何记忆手写题个人是写注释然后背诵注释这样就可以把记代码改成记文字容易许多。举个例子function myNew(constructFn) {// 1.进行类型判断if (typeof constructFn ! function)throw new Error(传入的参数必须是一个函数);// 1.2 模仿ES6 new方法的target属性指向构造函数myNew.target constructFn;// 2.创建对象 并进行 原型链连接const newObj Object.create(constructFn.prototype);// 3. 更改this绑定计算函数返回结果// 3.1 获取剩余参数const argsArr [].slice.call(arguments, 1);// 3.2 计算结果const fnReturnResult constructFn.apply(newObj, argsArr);// 4.返回// 4.1 对类型进行判断// 是对象 但是不能是nullvar isObject typeof fnReturnResult object fnReturnResult ! null;// 是函数类型var isFunction typeof fnReturnResult function;// 4.2如果是对象类型 返回结果 不是则返回新创建的对象if (isObject || isFunction) {return fnReturnResult;}return newObj;
}
1.6 刷题平台推荐为了防止面试官出一些奇奇怪怪或者说一些涉及知识点比较细不常用的的题目我在很多平台刷过很多题以js相关的选择题为主。牛客网---感觉题型偏老不推荐我刷完了 专项训练里面的所有选择题500多道题也靠着刷题到了lv5高级前端面试 小程序 --- 特别推荐 题型比较新颖题库里的题也适合面试梳理选择题不算特别多这个我不知道刷了几道只是到后面做的基本是重复的题了前端面试星球 小程序 --- 推荐这个我刷的没有前两个多因为有些题型有点多涉及的面挺广的后面会慢慢刷的。1.7 准备项目之前有小伙伴问过我0经验或转行的项目怎么办。这里的话我是这么做的:基于工作发掘需求--- 熟悉自身工作后基于整条业务线去发掘是否有可以用编程加快或者完善的地方基于需求定下目标--- 基于该需求和平时业务的积累思考如何实现我是做了一个全栈的回收后台学习相关技术--- 由于是全栈我先后学习了react和node相关知识并构建出了第一个版本的后台投入使用后继续学习从而迭代--- 我第一版的后台是umiant pro 构建的后续学习了慕课的jira主讲hooksts的基于hooksts 对项目进行了重构。这样的项目可能会比直接从慕课等网站上学习来的写在简历上的要好看或者实用许多。2 面试中碰到的知识点这里的知识点只会说相关总知识点 然后给上相关知识点的文章推荐2.1 JS相关2.1.1 执行机制相关概念性 ---这一次彻底弄懂 JavaScript 执行机制[6]笔试题型 --- 呆呆大佬的promise题[7] 刷完之后可以和上学一样整理相关的题型模板我刷完后总结出的解题模板解题思路太多了就截图了整理的题型分类面试碰到的问题说说什么是微任务宏任务常用那些微/宏任务说说js的执行机制setTimeout的第二个参数是按照怎么样的方式入队的一些笔试题2-this概念性 --- 川神的面试官问系列[8]笔试题型---还是推荐呆呆大佬的this题[9]我刷完后总结出的解题模板和思路面试碰到的问题一些笔试题3-原型和原型链这个我反而觉得没啥难的只要记住实例.proto 实例的构造函数的.prototype 这个很多就不难了冴羽大佬的原型相关文章[10]4-继承冴羽大佬的多种继承的实现及优缺点[11]面试碰到的问题了解继承吗说说几个你常用的继承追问优缺点class的extend做了什么和组合寄生式继承一样5-闭包我从来不理解JavaScript闭包 直到有人这样向我解释它[12]面试碰到的问题一些笔试题6-垃圾回收基本原理及了解(个人觉得够用了) --- 从 4 个面试题了解「浏览器的垃圾回收」[13]深入了解(更深层次的细节及原理)---你真的了解垃圾回收机制吗[14]面试碰到的问题说说v8的垃圾回收标记清除法的缺点7-数据类型面试碰到的问题列举js中的数据类型数组中那些方法是会改变原数组的symbol 可以用new调用吗symbol 的使用场景2.2 Css相关css一般会问一些常见布局的实现以及一些属性的区别这个有很多只举我碰到的2.2.1-布局相关布局大全推荐文章[15]一列定宽一列自适应的实现方式尽可能多多列布局的实现方式行内元素和块元素的垂直居中2.2.2 属性相关说说场景的定位及该定位参考原点visibility:none 和 display:none 以及 opacity:0 的区别flex这个复合属性的含义是2.3 http这个面下来问的不是很多没有问特别难的题状态码相关301 302 304的区别200 状态码一定是服务器返回的吗get和post的区别http1.1和2.0的区别说说http缓存2.4 React相关我只准备了react且看了一些源码。这个建议大家平时学习工作过程中去明确自己没有特别明白的地方然后再去看相关的文章或者源码全部看的话比较容易放弃。整体推荐资料拉勾 修言大佬的 react深入浅出专栏[16]掘金 我不是外星人的react小册[17]魔术师卡颂的公众号和b站可以先选择性的看了解自身不太知道或不太明确的知识点卡颂老师都讲的浅显易懂每次看完都是觉得醍醐灌顶。2.4.1 虚拟dom相关问题概念虚拟DOM 本质是 JS和DOM之间的一个映射缓存是对真实DOM的描述重点处理流程数据“模板”不一定是模板 如JSX--- 虚拟DOM---真实DOM---挂载到界面里缺点更大的JS计算 它不可避免地涉及递归、遍历等耗时操作 当dom更新量不大的时候性能反而不如其他方案(一般面试官更想听缺点)内存占用较高react选择虚拟dom 的原因提供更爽、更高效的研发模式函数式编程的UI编程方式还有一个不错的性能容易实现跨平台 成本更低降低了代码抽象能力避免人为操作DOM降低代码风险2.4.2 diff算法推荐---15张图20分钟吃透Diff算法核心原理[18]我之前是自己整理的前段时间在掘金看了该文章觉得很不错。2.4.3 生命周期这个一般只会让你去写各个期间的生命周期。但是这里还是推荐大家去看一下卡颂老师对生命周期的讲解视频[19]对生命周期有更深层次的了解2.4.4 事件机制相关问题合成事件处理流程原生DOM层1.元素 触发事件 2.事件冒泡到 documentreact 17后挂载到app根节点合成事件层3.Syntheic Event 实例化成统一的react event事件处理函数4.dispatchEvent 处理 将event事件给到对应的处理器这样设计的好处更好的兼容和跨平台 脱离原生 自己实现一套逻辑全部挂在到document上 减少内存消耗 避免频繁解绑 事件指派原理方便事件的统一管理 如事件机制2.4.5 hook相关设计hook的原因组件之间难以复用状态逻辑复杂的组件变得难以理解this指向问题类难以做编译优化hook为什么不能在条件语句中使用只要 Hook 的调用顺序在多次渲染之间保持一致React 就能正确地将内部 state 和对应的 Hook 进行关联hook是基于链表实现的 要确保 Hooks 在每次渲染时都保持同样的执行顺序 如果在循环、条件或者嵌套中调用hook会导致取值错位 执行错误的hookuseCallback 和 useMemo的区别这个直接看官网useEffect相关推荐 卡颂老师的关于useEffect的一切useState相关推荐 卡颂老师的关于useState的一切关于hook 搞懂useState和useEffect 其余的就不难了2.4.6 源码相关源码相关的答案可能比较长这里就只列举被问到的说说setStateredux的dispatch做了什么redux的中间件是怎么挂载的执行顺序compose函数说说useEffect的处理流程react-router两种路由的原理2.5 手写题2.5.1 this指向相关手写new手写apply和call手写bind以上这三个 只推荐川神写的文章 对应合集让你学会从60分到100分的去书写这4个笔试题并带有完整的剖析方便自己整理写注释。2.5.2 正则相关千分位分割下划线和驼峰命名互转电话的验证2.5.3 其余碰到的题deepclone --- 如何写出一个惊艳面试官的深拷贝[20] 个人一般只会加上map解决循环引用的问题柯里化 --- 通用柯里化函数[21]防抖 --- 冴羽大佬的博客[22]节流 --- 冴羽大佬博客[23]3 面试后的总结3.1 找个平台输出或者记录这次能上岸我觉得自己的争取很重要那么为了争取自己之前铺垫的整理和记录也很重要。所以我觉得如果你也有跳槽的想法可以尝试的去掘金或者自己建立一个博客去输出自己的文章。个人幕布整理了14w字的笔记番茄todo计时800个小时左右然后又把笔记上传到了博客这些比较好看的数据最终让我获得了面试机会并成功找到自己觉得不错的工作。3.2 语气方面语气的话尽可能保持温柔一些不要过于强势面试官对你的第一印象及交流的感觉很重要尽可能保证舒服。(个人会在面试之后询问面试官对我的看法基本都有提到这一点)3.3 如果遇到不会的问题面试中碰到不会的问题可以先进行思考和再次询问梳理如果真的不会也没有关系先道个歉然后让面试官给到一些引导或者提示如果最终还是没有想出来在面试结束后会再次询问。展现出个人对技术的热情。比如我碰到没有准备的算法题会直接道歉说没有做相关准备碰到业务题不会了会寻求引导最后再问面试官他们公司的实际做法。3.4 问到你的优点和缺点知乎高赞文章[24]3.5 最重要的保持耐心最好先骑驴找马一边工作一边整理和面试。我是整理的差不多了也面了几家后才辞职的。对于像我这种转行或者0经验的很难遇到一个合适的面试官他看重你身上的潜力。所以说要保持耐心多面面和我一样你也会碰到那个看重你的面试官的。4 感谢在这里感谢一些人因为没有这些人我可能现在还在挣扎。先感谢我的女朋友还有我家的猫猫在很多焦虑的时候是她们给予慰藉。然后感谢川神若川一个平易近人的大佬基本有问必答在他的交流群中学到了很多也交到了很多好朋友。这里推荐一下川神最近组织的源码共读活动1个月200人一起读了4周源码再然后就是感谢各个川神群里的好朋友啦谢谢文渊、sodala、AaronKwong、冷月心、夜、zhouying、月桦、东东、窗外放晴等人对我的肯定帮助及建议让我对自己有个相对明确的认知和目标定位也避免了找工作的一些坑。参考资料[1]超级简历: https://www.wondercv.com/[2]木及简历: https://resume.mdedit.online/editor/#[3]快速搞定前端技术一面 匹配大厂面试要求: https://coding.imooc.com/class/400.html[4]前端框架及项目面试: https://coding.imooc.com/class/419.html[5]字节面试飞书文档: https://bytedance.feishu.cn/base/app8Ok6k9qafpMkgyRbfgxeEnet?tabletblEnSV2PNAajtWEviewvewJHSwJVd[6]这一次彻底弄懂 JavaScript 执行机制: https://juejin.cn/post/6844903512845860872[7]呆呆大佬的promise题: https://juejin.cn/post/6844904077537574919[8]川神的面试官问系列: https://juejin.cn/post/6844903746984476686[9]还是推荐呆呆大佬的this题: https://juejin.cn/post/6844904083707396109[10]冴羽大佬的原型相关文章: https://github.com/mqyqingfeng/Blog/issues/2[11]冴羽大佬的多种继承的实现及优缺点: https://github.com/mqyqingfeng/Blog/issues/16[12]我从来不理解JavaScript闭包 直到有人这样向我解释它: https://juejin.cn/post/6844903858636849159[13]从 4 个面试题了解「浏览器的垃圾回收」: https://juejin.cn/post/6861967094318284814[14]你真的了解垃圾回收机制吗: https://juejin.cn/post/6981588276356317214[15]布局大全推荐文章: https://juejin.cn/post/6844903574929932301[16]react深入浅出专栏: https://kaiwu.lagou.com/course/courseInfo.htm?courseId510#/sale[17]react小册: https://juejin.cn/book/6945998773818490884[18]15张图20分钟吃透Diff算法核心原理: https://juejin.cn/post/6994959998283907102[19]卡颂老师对生命周期的讲解视频: https://www.bilibili.com/video/BV16t4y1r7oJ?p1[20]如何写出一个惊艳面试官的深拷贝: https://cloud.tencent.com/developer/article/1497418[21]通用柯里化函数: https://juejin.cn/post/6844904093467541517[22]冴羽大佬的博客: https://github.com/mqyqingfeng/Blog/issues/22[23]冴羽大佬博客: https://github.com/mqyqingfeng/Blog/issues/26[24]知乎高赞文章: https://zhuanlan.zhihu.com/p/139952856最近组建了一个江西人的前端交流群如果你是江西人可以加我微信 ruochuan12 私信 江西 拉你进群。推荐阅读1个月200人一起读了4周源码我读源码的经历老姚浅谈怎么学JavaScript我在阿里招前端该怎么帮你可进面试群················· 若川简介 ·················你好我是若川毕业于江西高校。现在是一名前端开发“工程师”。写有《学习源码整体架构系列》多篇在知乎、掘金收获超百万阅读。从2014年起每年都会写一篇年度总结已经写了7篇点击查看年度总结。同时活跃在知乎若川掘金若川。致力于分享前端开发经验愿景帮助5年内前端人走向前列。识别上方二维码加我微信、拉你进源码共读群今日话题略。欢迎分享、收藏、点赞、在看我的公众号文章~
