前言

伴随着今天收到了网易的前端offer,我的转行面试告一段落。能拿到网易的offer很意外,也弥补了去年网易校招被刷的遗憾。虽然从c++转行到前端不是一件很困难的事,但是也说不上轻松,反正我用了整整4个月。这四个月来一周五天上班能保持住4天晚上回家是有在学习的,周末除了偶尔的同学同事聚会以及游泳运动,很少出去玩,游戏也克制的很少涉及,一直在家里学习。虽然说这次面试运气好到爆,但是说我一点实力都没有也是说不过去的,最少我确实努力过。

下面就将我的学习经历以及面试经历总结一下,也希望能在大家学习以及面试前端的路上分享点个人经验。

学习

记得7月初决定要认真学习前端后,一直在纠结要去培训还是自学,培训的费用让我望而却步,而自学一开始看w3c,看完之后还是找不到方向,感觉依旧什么都不会。后来无意之间浏览到了妙味课堂的培训机构,购买他们的VIP可以得到他们全部的培训课堂的教程视频,这里不是广告,他们的培训教程视频内容很丰富也很系统,省的自己去网上东看看西看看浪费不少时间。虽然网上盛传着他们的盗版视频,但是还是推荐购买VIP,首先这确实是他们用心做出来的视频,而且VIP也不是很贵,少吃两顿大餐就能省出来了,最重要的是视频的质量摆在了那里。

看完了妙味课堂的《web入门基础》后,对于各种标签都有了很系统的大概认识,记得看完这个半个月过去了,依旧不会布局,只认识标签,这有什么用,当时很着急,觉得自己学的太慢了。在焦虑的心情下继续看妙味的《HTML+CSS - 实战开发视频》,这个课程是从页面分析,切图,布局一整体的。当时就是视频看一会,然后暂停自己仿着写。磕磕巴巴的写完后,又完全自己不看视频写了一遍。在这之后,对于简单的布局完全能够自己实现了,信心大增,自以为前端已经入门了。后来跟了一套实战《电子商务网站(模块化布局)实战开发》,之后HTML+CSS就告一段落了,现在的水平也说不上好,对于兼容还是很薄弱,但是却已经知道如何查问题,以及如何找答案。

接下来就是JS部分,JS花费的时间应该算最长的吧,中间得经历了2个多月,边看视频,边看《JavaScript高级程序设计》以及上网找各种实例进行自己模仿,坚持用原生的写,由于JS的基础打得好,为我之后的面试加了不少分,这是后话了。视频基本只看一遍,实在没有心情重复的看,而且视频的数量又多,每次一看到还有这么多的没看,就很想抓紧看完。但是对于随堂的源码,我都会翻来覆去的研究,直到研究懂了,并且自己能够依据思路默写下来就算过了。

框架我只学了Jquery,因为js基础打的好,所以Jquery学起来得心应手,把《锋利的Jquery》这本书读了一遍就算过了,之后每次遇到问题在google。

面试准备

将Jquery学完之后,就已经到达11月份了,其实早在10月份就已经申请了离职,但是由于临近双十一公司没有让走,于是一直留到了11月中旬才离职。不过在公司的最后一段日子里面,我也没有闲着,将自己所学的东西仿照了一个小米官网,主要技术用到了HTML+CSS+CSS3+Jquery。

至于其他准备就是看网上各种面试题,说实话面试题确实不错,查漏补缺了很多知识,才发现原来当初自己学的这么马虎,不知道的东西实在太多太多。

带着一个简陋的小米官网项目,以及只会几个基础的知识就开始投递简历,当时的心情其实很复杂,因为自己会的东西太少了,好在基础比较扎实,以及做C++积累的编程思想和算法知识,至于其他大热的框架有些都没有听过,更别说接触。

面试

简历投递推荐boss直聘和拉钩,智联感觉太乱。

多来点

多来点的面试很正规,先是笔试,一面技术,二面cto聊天

笔试以及技术面问了如下:解释下iframe,HTML5特性以及兼容,跨域,有哪些块级元素和行内元素以及区别,CSS继承,盒模型,实现一个左边宽度固定,右边宽度自适应的,两个高度自适应的页面布局,实现ul下面li的点击事件,写一个函数实现快速排序,还有一些闭包应用和事件委托。

当场给了offer

纷享销客

只有一面技术,无笔试。

当时面试官拿着一台电脑进来,首先从我的github上打开了我的小米官网项目,然后就这个项目扣各种细节,各种问题。然后技术方面几乎全是HTML+CSS的问题,而对于js相关的问题几乎没问,问了position,盒模型,跨域,ajax,input的type有哪几种类型,radio如何选出选中的,如何优化,大概这些很多都忘记了。

由于问了太偏HTML+CSS相关的知识,以及抓着我那个小米官网各种批评,让我回去等消息,自然是没消息了。

软通动力

笔试+二面
这是家上市外包公司,我面试的部门外派在华为基地,也是我面试这几家里面印象最差的。当天北京下雪,温度极地,做了一个小时的公交车到了华为基地,在华为基地门口等了20分钟才有人过来接我,而且也不能进华为内部,在传达室完成了笔试之后又等了20分钟一面面试官过来,就笔试相关问题就行详细询问,笔试内容很少就五道题,选择题是正则和闭包,大题是js代码实现最大公约数,以及数组去重。一面之后本来说的直接人事来最后谈,但是等了十几分钟突然通知要加二面,二面更过分,就最大公约数我们讨论了半个小时,当时我的心情是崩溃的,先让我解释下我的递归最大公约数,然后让我换种方法,于是写了个循环,之后又让我实现最小公倍数,在让我证明最小公倍数。

十点到的公司,出来已经下午一点多了,晚上接到了HR的电话,确认发offer,但是工资却不到我期望的一半,美名其曰为情怀,企业文化,个人镀金,果断拒绝。

百分点

笔试+一面+人事

笔试是兼容,跨域,闭包,JS实现类,手写最长公共子窜,把KMP算法忘记了,手写了个暴力,面试也就是就笔试的内容进行扩展的询问。

这家是做大数据的,其实很想去,企业发展也不错,而且最后给的薪资比我期望的还高,可惜最后决定去网易了。

网易

一面两人(一个技术,一个。。不知道)

网易面试是这几家面试里面最紧张的,因为期望最大嘛。不过进入面试环节的感觉还是很棒的,面试官提前打印好了我的简历,其他公司都是我当场给的简历。网易没有笔试,技术官提前把问题准备在一张纸上了,问了跨域,radio用js选出选中的,其他技术想不起来了,问的不多,更多是和我聊我简历上的内容,以及大学所做过的事情。还有一些自适应,框架问题都会提前问我接触过么,我说没有,就直接过了没有继续问下去。

然后让我回去等消息,当时并没有想多少,感觉网易这个应该会挂,后来接到他们的电话自己也表示很惊讶。

enjoy

enjoy那天迷路了,公司地址在三里屯但是我却去了朝外三里屯。

来到公司后,先来了一个前端妹子,各种闲聊,没有问技术,过了20分钟来了个类似技术组长把,然后也是闲聊,给我讲解一些新奇的框架,也没有技术问题,之后就送我出来了。
然后就没有然后了,至今莫名其妙= =。

智明星通

这是我面试的最后一家公司了,这家公司感觉也非常棒,装潢非常好,妹子也很多,因为是游戏公司嘛,美工组的妹子偏多。

一面技术,二面闲聊,三面人事

技术问的挺细的,问了遮罩层,Jquery实现选项卡,跨域,偏重算法,slice和splice区别,第一个算法问题五个数设计一个算法让这五个数随机排列,第二个算法问题五个数每个数出现的概率不同,让你每个数的概率设计一个算法让其出现,第三个算法问题不用循环遍历一个数组,第四个算法问题数组去重
最后给了offer。

总结

每次去面试其实还是挺累的,并不是身体上的累,而是心累,因为每个面试都或多或少的会紧张,而且面试过后也不知道结果如何。不管怎么说,最后结局还是完美的,周四就要开始上班了,又有一段新的历程等待着我,满怀期待。

其实在学习过程中,发现了几个很好的网站,但是最后入了一个前端群,发现我的这几个网站在他的群公共里都有分享,所以在这里我把群公告分享出来,希望能帮助大家,顺便说一句,我也只是群里的大众,所以不要找我要求进群,我也帮不上忙,链接里面有群号,可以自己添加申请。

最后的最后,分享给大家一句话将简单的事情做到极致,就是不简单。

希望大家行走在各自梦想的道路上。

群公告链接:http://www.kancloud.cn/jikeytang/qq/81134

我的Github:https://github.com/calmound/web

从C++研发到前端工程师的更多相关文章

  1. web前端工程师校园招聘要求

    小燕子对紫薇说:“这辈子也别想着进皇宫了”.可后来她们不但进了宫,还都当上了格格.你在想什么?走呗! 1.去哪了网 前端开发工程师 工作地点:北京 工作职责: 负责去哪儿网各产品线Web前端研发: 负 ...

  2. 淘宝前端工程师:国内WEB前端开发十日谈

    一直想写这篇"十日谈",聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是" ...

  3. 写给想成为前端工程师的同学们  ―前端工程师是做什么的?a

    前端工程师是做什么的? 前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色.从狭义上讲,前端工程师使用 HTML.CSS.JavaScript 等专业技能和工具将产品UI设计稿实现成网站产 ...

  4. 如何才能成为一个合格的web前端工程师

    转载原文地址:https://juejin.im/post/5cc1da82f265da036023b628 开篇前端开发是一个非常特殊的行业,它的历史实际上不是很长,但是知识之繁杂,技术迭代速度之快 ...

  5. 006_饿了么大前端总监sofish帮你理清前端工程师及大前端团队的成长问题!

    作者|Sofish编辑|小智 & 尾尾本文是前端之巅向 sofish 的约稿<什么样的人可以称为架构师?>.采访< 饿了么大前端团队究竟是如何落地和管理的?>以及 so ...

  6. 前端工程师面试问题归纳(一、问答类html/css/js基础)

    一.参考资源 1.前端面试题及答案整理(一) 2.2017年前端面试题整理汇总100题 3.2018最新Web前端经典面试试题及答案 4.[javascript常见面试题]常见前端面试题及答案 5.W ...

  7. (转)国内外优秀的Web前端工程师

    1. 国内外优秀的Web前端工程师 寻找Github.微博.知乎等技术社区上比较活跃.影响力大的圈内大神,供大家膜拜! 视野所限,未必全面,欢迎大家推荐.自荐. 排名不分先后,序号只为标记方便. 提供 ...

  8. 转: 写给想成为前端工程师的同学们 (from 360前端团队)

    转自:     http://www.75team.com/post/to-be-a-good-frontend-engineer.html 前端工程师是做什么的? 前端工程师是互联网时代软件产品研发 ...

  9. 假装前端工程师(一)Icework + GitHub pages 快速构建可自定义迭代开发的 react 网站

    icework + gh-pages 超快部署超多模版页面 项目地址:https://github.com/yhyddr/landingpage效果地址:https://yhyddr.github.i ...

随机推荐

  1. pt-diskstats 报错 Can't locate Time/HiRes.pm in @INC

    调用 pt-diskstats 时报错如下Can't locate Time/HiRes.pm in @INC [root@localhost ~]# pt-diskstats Can't locat ...

  2. 摆脱npm的网络问题: 淘宝npm镜像

    在使用npm install的时候, 经常会因为网络问题, 各种安装不顺利, 一个字'烦躁'. 自从遇上淘宝npm之后,执行cnpm install之后, 怎一个'快'字了得. 闲话不多说, 直接上干 ...

  3. android 导入数据(通讯录)

    接着android 中导出数据 一文,下面介绍在android中导入数据的思路: 1.将数据从文本中读取出来 2.封装处理成自己想要的对象或模型 3.将处理好的数据对象插入自己应用的数据库中 4.更新 ...

  4. 浅谈C++设计模式之抽象工厂(Abstract Factory)

    抽象工厂(Abstract Factory)模式是为了提供一系列相关或相互依赖对象的接口.对象创建型模式的一种. 客户Client 抽象工厂接口AbstractFactory 抽象工厂的实现类Conc ...

  5. Log4Net根据不同的Logger名称,生成日志文件到不同的地方。

    1.定义日志记录类 1: public class Log4NetLogger : ISystemLogger 2: { 3: static log4net.ILog securityLogger = ...

  6. 准备使用 Office 365 中国版--购买

    Office 365中国版支持两种购买方式,Web Direct(在线购买)和CSP(代理商购买).如果客户的企业规模不大(几十个用户,小于100用户)或者是个人/家庭购买,可以直接选择在线购买方式. ...

  7. Security Tools (Contain CTF tools)

    From now on I will start to have fun with CTF and other security games or challenges. And I am going ...

  8. Network Instructions in Linux

    I will gradually learn some instructions about Network in Linux. First, here are somethings about IP ...

  9. libsvm Minist Hog 手写体识别(源码文件)

    以上是我上一篇文章中的代码实现,里面分别用了opencv中的SVM和LibSVM,opencv的SVM用起来更方便,但貌似内部其实也是基于Libsvm,同样的参数训练出来的结果是一致的,里面有Libs ...

  10. 精通CSS version2笔记之⒈选择器

    1.常用的选择器:①元素选择器   指定希望应用样式的元素.比如:p {color:#fff;}②后代选择器   寻找特定元素或者元素的后代. 比如:body p{color:#ccc;}   这个选 ...