写在前面：程序员应该具备分享与开源精神● 本文分为四部分【学习经历】【课程相关】【学习总结】【学习笔记】● 分享个人的学习经历与在拉勾教育-大前端高薪训练营中两个月来的所学所感● 记录了一名机械男的前端艰辛历程，也将学习笔记以模块链接的形式进行分享与记录● 本文将作为学习笔记的目录以方便自己复习，也希望能与大家共同探讨所学的技术与知识● 更希望能够给想了解前端开发，了解拉勾教育的朋友们一些帮助一、学习经历用标签的方式来介绍往往更清晰与高效机械专业，跨专业学前端经过秋招的洗礼，拿到某厂的前端工程师的offer目前在拉勾教育的大前端高薪训练营深入学习前端知识两个月左右，详见第二部分如果对上述学习经历感兴趣，可以点击这个链接了解，为了保证篇幅整洁，此处不赘述。经历总结这一路走来虽然很艰辛，也明白了很多道理，有些事不是喜欢做才做得好，反而是做得好才能不断强化自己对这件事的喜爱。比如在起初学习HTML、CSS和JS时，立即获得页面反馈的视觉效果能给我带来很大的满足，也的建立起我对前端的喜爱，但是学习框架源码和一些底层原理时，真的是需要很多精力去分析逻辑、去思考这些设计模式，那时我想的可不是我多么喜欢前端哈哈，但是真的把这些啃下了后所带来的成就感简直无法言表，这样才能强化我对前端的喜欢。前端是一门不断发展的学科，而我们身为程序员，就需要在有限的时间内去学习当下的主流技术，也要保持对新兴技术的时刻关注，程序员注定是终身学习者，并且人人存异，所以一定要找到适合自己的、高效的学习方法论。有目标、有体系的高效学习，本人推荐拉勾教育，因为拉勾不仅有着优秀的课程体制，还具有完备的服务体制（详见第二部分）。二、课程相关训练营中两个月来的所学所感下面是关于训练营课程的部分，将从课程体制与服务体制两方面进行介绍。其实作为一个前端的学习者，学校并没有开设前端开发的相关课程，我觉得好的课程应该满足学习者两个最基本需求——优质的课程体制与完善的服务体制。个人觉得，这次“自我投资”是我奖学金用的最有意义的一次哈哈。课程体制【课程结构】是以模块形式进行划分，并且是解锁机制，每个模块看完视频后会有随堂测试和模块作业，只有完成作业后才可以解锁下一模块，作业提交方式是用Git提交到云端，会有老师进行批改和反馈打分。（PS：有种在学校考试内味儿了哈哈）【课程内容】讲的很细致，没有扯皮废话，全是干货。对了，这里要表白ZCE老师哈哈，ZCE老师一直表达的思想就是一项技术照着文档谁都会用，但是更要知道他的设计思想以及产生缘由，它在什么背景下产生，它在解决什么问题，这些更重要，而不是面向CV编程。ZCE老师讲课的风格也是这样，从背景开始讲起，以及面临的问题，然后再讲技术本身是怎么解决问题，最后再讲该项技术的应用拓展，听起来十分丝滑，不仅要知其然，还要知其所以然，大爱ZCE老师哈哈【课程资料】提供完整的课件和源码，方便记笔记，并且要求笔记要在交作业时一并上交，会有老师来检查【直播加餐】根据学员的进度与疑惑进行直播答疑与加餐，会提前几天收集学员的问题，直播时会统一进行答疑，并添加一些时下新增的技术热点来“加餐”服务体制【学习群】群里有四个答疑老师，可以私聊、语音、远程，也可以群里直接@，群里人均大佬，我习惯直接把问题发群里，老师帮忙解答的同时，大佬们也总是能提出自己没接触过的东西，疯狂涨姿势【合约制】有涨薪和内推保障。暂时还没去找别的工作，不过感觉现在收获满满，系统的学习效果很显著，以后用到了在更新这个嘿嘿【班导制】每个班有班主任，负责管理学院的作业完成以及进度情况，完不成作业或者进度落后就会解锁【班主任的督促】成就，班班会不断找你私聊，问你落后的原因，班班还是挺可爱的，但是不妨碍她拿起小本本记录你的学习情况哈哈。这种班班督促制度让学校上课内味儿更浓了哈哈，爷青回！一些建议课程需要一定的前端基础，虽然课程里面有基础知识的铺垫，不会导致知识断崖，但是有一定的前端基础来学习肯定事半功倍，否则自己就需要多奋斗一点了再好的教程也需要自己去消化与沉淀，所以在工作之余需要预留一定的时间去看视频和动手敲代码。本人没有工作经验，所以学起来需要多付出一些，但是经过这种系统、有目的的学习后，在时间利用率上，单位时间内收获的知识简直是之前的指数倍三、学习总结针对在训练营中已学的模块进行一下知识总结，详细的学习笔记在第四部分『函数式编程与JavaScript 异步编程』从整体上讲，函数式编程是一种编程思想，它关注的是函数，强调去通过函数的拆分与组合去解决问题。函数式编程是我新接触的知识，如果用我的理科生的思维去看待函数式编程的话，就有点类似于高数中的复合函数，是以函数嵌套的形式来实现功能的。从局部来看，纯函数、科里化和函子是函数式编程的重要组成部分。纯函数是只函数的输出只依赖于函数的输入，而不会引起其他副作用的函数。函数科里化我的理解是将多参函数拆解成少参函数（科里化谐音“颗粒化”，便于理解哈哈）。科里化后的函数可以自由传递参数个数，如果传递参数个数小于原定的参数将会返回一个新函数，由剩余参数作为该函数的参数。而函子是一个特殊的容器，可以控制函数式编程中非纯函数产生的副作用。异步编程我的理解可以从他的必要性开始说起，浏览器进行DOM操作必须要求单线程，如果是多线程的话将会导致线程工作冲突产生线程同步问题，为了解决单线程的阻塞问题，浏览器提供了event loop机制来解决异步任务，通过划分宏任务和微任务进行进一步的管理。『ES新特性与TypeScript、JS性能优化』这里要理清ES和JS之间的关系：ECMAScript（ES）是JavaScript的标准化规范，JavaScript是ECMAScript的扩展语言，JavaScript包含着ES和BOM、DOM。ES6增添了大量的新特性，并且以ES6指代以后的ES版本新特性。之前只知道GC机制包含引用计数法和标记清除法，并单纯的以为浏览器的GC机制只是标记清除法，后来在训练营深入学习后才知道垃圾回收机制还有标记整理和分代回收，并且V8引擎采用的是分代回收的算法机制，并进一步学习了性能监控方式与性能优化方法。TypeScript是JavaScript的超集，体现在提供了一套更强大的类型系统以及ES6+语法的支持，它是对JavaScript进行进一步的丰富，并最终转译成JS来运行。TS是静态类型，即变量声明时它的类型就是明确的，且声明后它的类型不允许再修改，TS大大提高了代码的可靠程度，来避免类型异常，提高效率。但一些小型项目可能会进行一些前期配置，如类型声明等等，会增加开销；但是在长周期大型项目中TS的配置是一劳永逸的，并且方便维护。『开发脚手架及封装自动化构建工作流』在这个模块中，学习到了Yeoman通用型脚手架的使用，并通过自定义Generator的形式创建自己的脚手架。在自动化构建工具方面，之前只是粗略的了解gulp，经过训练营中深入的学习后接触到了grunt和FIS，并对gulp的完整基础配置都敲了一遍，顿时理解了ZCE老师一直强调的自动化构建工具和打包工具的不同，一个着重点在构建，一个着重点在打包。并且在项目中的某项小需求上，灵活的gulp往往比webpack更有优势。『模块化开发与规范化标准』这一模块对我的触动最大，因为之前看过很多webpack的教程，基本都是停留在配置、使用的层面，而ZCE老师是从模块化的发展史开始讲起，将每个阶段存在的问题一一展示并在下一阶段进行解决，最终引出webpack打包工具，阐述webpack解决的问题以及它的设计思想以及打包流程与原理，最后通过结合实例来讲配置项的作用以及为什么要那样配置。原来webpack是把资源视为模块的方式导入到JS文件中。就这样，在ZCE老师的讲解下，清晰完整的webpack打包流程我终于理解了学习完webpack模块后，我总结的打包流程是webpack会通过入口文件作为起点，递归遍历所有所依赖的资源文件形成依赖树，然后webpack通过文件中的引用关系形成chunk文件，chunk文件通过对应的loader以及plugin进行处理，最终形成兼容的、可执行的bundle.js文件。不过webpack配置项十分丰富，并且在不同的环境下有着不同的插件配置，非常建议自己亲手去敲一遍，用上自己能想到的所有便于开发的插件与loader。（PS：可以以Vue项目为例，这个也是本模块的课后作业，作业做完后我是感觉收获巨大哈哈）『Vue.js 路由、响应式及虚拟DOM原理』首先vueRouter的实现是基于分为Hash模式和History模式，其中Hash模式是根据URL中 # 后面的内容作为路径地址，不会请求服务器，然后监听 hashchange 事件，路径改变后进行对应的组件渲染，根据当前路由地址找到对应组件重新渲染；而 History 模式时通过调用pushState或者replaceState来改变地址，然后根据当前路由地址找到对应组件重新渲染。而响应式的核心原理是通过Vue模块来初始化参数，将数据注入到Vue实例，并调用Observer监听data中的数据变化，调用Compiler来解析指令与表达式。Observer中通过实例化Dep来收集依赖，在Compiler模块里数据变化后setter会调用Watcher中的update方法更新视图。最终再监听表单的input事件，将视图数据同步到代码层。虚拟DOM是用普通的JavaScript对象来描述DOM对象，状态的变化首先作用于虚拟 DOM，最终映射到真实的DOM中，并且在更新DOM时可以重用之前的DOM对象，实现局部更新，减少性能开销。其中我印象最深的就是key值的意义及原理，知道了如果不设置key会最大限度重用DOM元素，但是有些时候过度重用DOM元素会造成渲染错误，案例详见下面笔记。四、学习笔记训练营中每一模块的学习笔记，包含课程内容及个人理解，点击标题链接即可访问Part 1 JavaScript 深度剖析
★ 模块一 函数式编程与JS异步编程、手写Promise
● 函数式编程从初识到深知
● JavaScript 异步编程
★ 模块二 ES新特性与TypeScript、JS性能优化
● ECMAScript 新特性
● TypeScript 基础
● JavaScript 性能优化Part 2 前端工程化实战
★ 模块一 开发脚手架及封装自动化构建工作流
● 前端工程化概述及自动化构建工具
★ 模块二 模块化开发与规范化标准
● 模块化开发
● Webpack基础与实践
● 其他打包工具——Rollup与Parcel
● ESlint 规范化标准Part 3 Vue.js 框架源码与进阶
★ 模块一 手写Vue Router、手写响应式实现、虚拟DOM和Diff算法
● VueRouter的原理与实现
● Vue.js的响应式原理与实现
● Vue.js虚拟DOM原理与实现
★ 模块二 Vue.js 源码分析
● Vue.js响应式原理
● Vue.js虚拟DOM
●Vue.js的模板编译和组件化
★ 模块三 Vuex 数据流管理及Vue.js 服务端渲染
● Vuex 状态管理
● 服务端渲染基础
● Nuxt.js基础后续内容未完待续······写在后面：仁者见仁智者见智，文中内容均为所学所感，希望本文能对你有所帮助2. 学习笔记以后会按模块进行更新、记录，也希望大家能一起学习与交流3. 有什么问题或者技术上的探讨可以评论留言，尽量会及时回复

Hello, 大家好，我是大白菜。其实我是最早报名拉勾教育大前端训练营的，也就是2020年5月13日报名的，一个偶然的机会让我了解到了有这么一个优秀的学习平台 拉勾教育 ，到目前为止，已经有接近快一年的时间了，因为课程实在是太丰富，所以一整年都在持续学习。关于课程方面的，其实我就不多说啦，很多同学都已经给了非常好的评价，今天呢，就聊聊我去年12月份找工作，印象比较深刻的事情我是去年11月份开始准备面试的，刚开始也是慌的一匹，因为同期的很多优秀的学员都拿到了不错的 offer，自己两年多没出去面试过，也不知道外面的行情是什么样的，准备跳槽的时候是提前了3个月左右复习前端的知识体系，也就是7月我就开始想跳槽了，自己准备的差不多了就开始梳理之前自己写过的项目了，对应的修改简历，然后我这边是会给到熊熊老师那边，他会帮我看看简历还有哪些需要调整。1、简历改完之后呢，会拉一个 专门给你提供内推的内推群， 100 % 内推群，然后呢，就会有就业老师联系你，问你想找什么样的公司阿，薪资待遇是什么样啊，然后 巴拉巴拉 问一些目前个人的情况。2、之后就是会给你安排一位老师专门帮助你去内推，内推还是比较靠谱的，一般都会给你内推一些一线的大厂，比如阿里，鹅厂，字节，美团，京东等一些企业，当然这个还是根据你自己的实际情况来的，我当时是推了阿里，还有鹅厂，并且反馈也非常的快，一周左右接到面试邀请。3、在面试之前，那个熊熊老师给一些面试经验，或者是给你来一个模拟面试，现在面试和以前大不相同了，问的比较多的就是原生JS，框架原理、源码方面、浏览器相关，性能优化等，当然这个不用担心，拉勾在这个Vue 源码 和 React 源码方面讲的很详细，需要自己多看几遍，自己在跟着理解，可以攻克源码这一块的考点。还有就是定期会整理一些其他学员面试遇到的问题，包括一些面试经验，然后汇总在大群里，这个我觉得还是非常的不错的，可以避免一些坑，也可以有针对性的去攻克一些高频面试的问题。4、然后就是陆续会收到面试邀请，自己需要做的就是，调整状态，不紧张，引导面试官往自己熟悉的知识点说就就行～，当然面试情况不好，自己也不要气馁，依然还是要调整自己心态，不会的，不懂的一定要记录下来，回去在查一些资料弄明白，多总结和复盘，一定可以拿到高薪的 offer 的。面试技巧准备需要充分描述要演练引导需要时机自己优势要发挥在回答方面要灵活，举一反三1、面试准备需要注意的就是 时间方面，JD描述分析，业务分析，还有就是自我介绍需要提前准备，一定要打草稿，展示什么优势，描述什么优势，切忌临场发挥1 面需要重基础，懂原理，会思考，知进退。2 面 横向发展，项目结合，做到有的放矢，一般是聊团队，聊个人，聊业务我做过什么业务？负责的业务有什么业绩 ？使用了什么技术方案？突破了什么技术难点？遇到了什么问题？最大的收获？3面团队协作能力，事物推动能力有经验，懂合作，有担当，懂规矩体现：乐观积极主动沟通逻辑顺畅上进有责任心有主张做事果断HR 面试之前所在公司离职原因谈职业规划拿到offer 了没你上家薪资多少你目前期望的工资你对我们公司了解多少谈谈个人的缺点还有什么需要问我的吗以上就是一些面试总结的经验，希望对大家有帮助～～～最后我是在 1 月 初 确定了自己去的公司，当然薪资方面的涨幅也是非常可观的
年包相比之前涨幅为90%, 这里也非常的感谢拉勾大前端的各位老师给我的帮助，熊熊老师在简历，面试方面的帮助，小雪老师，Nomi Wang 在内推方面的帮助。最后 祝愿拉勾教育越办越好！