我的前端准备+面试之路！！不要放弃！

3.HTML和CSS
css和html 这东西吧我后来发现其实是最不容易的。为什么这么说呢？因为最难的没有规则的， 没有唯一解的东西。你说我写个js算法,无论怎么样, 总有个结果,对还是错。但是html css就不一样了，怎么写都可以，你怎么写都可以这里我是用div 还是用section, 要不要在这几个div外面加一个wrapper， 这几个element是加一个class还是分开不同的class.
写css的时候要不要特别具体，把parent class都列上来，还是就单独写个child element的类。无论你怎么做，结果可能都是对的，但是面试官喜欢哪一种，哪一种才是好的习惯，很少有定论的。。所以就很头疼。我linkedin的面试，绝对是第一个公司考我html css的我只能凭着自学来的东西，把我认为对的写上去。

然后说说怎么学CSS？
我真不记得我最最开始怎么学的了，应该就是w3school查的。
有几条得知道的：
1.css box model是什么？
2.padding margin 最基本了吧
3.inline element, block element, inline-block element 都有什么区别
4.position: relative, absolute, fixed 有什么区别
5.float:是干嘛的 如何clear float? parent div如果child divs都是float 会有什么情况发生？（parent div collapse. use overflow:hidden 可以清除）
6.两个并排的div,如何让左边的固定宽度，右边的占据whatever left。这样基本左边的div 宽度调整，右边的还是占据剩下所有的宽度
7.还被问过pesudo-element干嘛用。
8.!important干嘛用的
9.CSS SPECIFICITY！！！！！一定好好研究！光告诉我什么inline style=1000, id=100, class=10 就算了吧！没抓住重点呢还。而且这样想也不太对，那按照你这意思是11个叠加的class 就可以覆盖id的style了么？ 肯定错。。1，绝对不会覆盖，2，之前webkit的bug也不是11个会叠加 是256个，但是现在改过来了。自己好好看看去啊！还有first-letter first-line的特殊情况。这个我是没被考，但是glassdoor上面有人说考过很多。

css最好的办法就是实践！实践完把一些东西记录下来，不然以后肯定忘。。。
css trick: http://css-tricks.com/ 是个很好的网站！不过一般都是需要的时候查，会查道这个网站讲的最清楚

HTML呢？
这个吧我真不能说自己是砖家。。但是说说我知道的吧！
1.html5都有什么新的东西啊。其中提到web storage，那你说说sessionStorage localStorage有什么区别啊，他们的存储形势是什么啊（string!!!）怎么存array啊 obj啊（JSON.stringify, JSON.parse）还有个XX问我知不知道polling啊 long polling啊。当时真不知道。。。。后来知道了。
2.doctype干嘛用的。
3.能不能nest <a>
4.data attribute知道什么时候要用，做题的时候需要，linkedin电面某题我就是用data-id解决的，再加上其他地方做的也不错那俩面试官相当满意啊一个劲说linkedin很适合开始第一份工作啊知不知道啊啊啊！！！

我还是给大家贴格链接吧，那里面的前端题目有些公司在开始电话面试的时候真的会问到，其中真有人问我你最喜欢IE哪点。。我直接说 啊这个我不喜欢IE。。下次再有人问我，我一定说，我最爱他那种不断努力追赶其他浏览器的态度!!!
这个是Front-End Interview Question总结：https://github.com/darcyclarke/Front-end-Developer-Interview-Questions#js，我看了大部分但不是所有，有些还是很管用的，比如JS那部分== 和 === 区别啊，call apply区别的都很基本但是真的有被问到。
还有front end tricky question：http://davidshariff.com/quiz/ 做这种题真的很容易发现自己不清楚的地方。尤其这套题里面css specificity的部分。我后来花了几个小时把这个问题搞的crystal clear 再也不怕了。

4.DOM
一般不会考，但是linkedin只考html css js我还是担心会考。但是我真没有太多发言权说这个。找本书先看看基本方法吧.
1.搞明白nodeList, HTMLCollection 也就是querySelectorAll或者getElementById之类的seletor 返回的数据结构是什么，真不是array --> var newArr = Array.prototype.slice.call(ArrayLike) 就可以把ArrayLike"变成" array, 保存在newArr中这方法太常见一定要会
2.如何定义一个function使得所有node element都有这个function:HTMLElement.prototype.funcName
3.多练练，jquery也可以啦

比如我被问过写个数独游戏出来吧！你去试试看，其实真的是个不错的练习。虽然这公司把我拒了，但是我觉得每次练习都是为了最后那一次成功打下了基础！好久不做这种全套练习，做一次我觉得真的有助linkedin的面试。

5.常考的几道题：
1.what will happen after I input an url in a browser and hit enter?  StackOverflow原题，把那几步写下来，我被问了至少三次！
2.How do you make a website faster?  什么css sprite, load picture only when needed, load js only when needed, 我记得我写了7个方法，也至少被问过三次.
3.GET 和 POST区别！妈妈咪呀问了4，5次了。我现在可以说出6点不同至少。。
4.what's cookie and how tow set it?
5.what's iframe?
6.what's csrf? (其实不太长考但是最好知道，我大概被问了两次？)
好像差不多了。。反正我有个笔记本，专门记录html js css的学习笔记还有每次被问过的题目以及答案，面试前看那个本心里好踏实，最后面linkedin的时候，只剩最后一页是空白的，（当然 呵呵，我笔记只写单面，看着清楚哈）厚厚一本还蛮有成就感的。我就觉得我算法也复习好了，前端知识我能想到的我都看了，再过不去，就真的不是我的问题了。

回头继续面经！总共5次onsite经历，肯定没有大牛多，但是鉴于这里这么少的前端经验，还是对大家应该有点用的。

拿到offer的那一刻，感觉一切都是值得的，楼主加油。。。

一点点飞 发表于 2014-9-13 02:42
有！！前端new grads最重要的就是展示！虽然无数人和我说过很多遍什么就刷题最重要啦，但是我坚持先做了 ...

赞你的网站 做的很有意思啊~！！~

目前在公司里转成前端了，主要是觉得性格上就是喜欢fancy的东西。
前端还特别适合外貌协会和颜控！对于设计一定到比选男女朋友还要挑啊！
前端面试时间不够的话，可以把leetcode难的题都跳过吧。
有时间的话我也写一篇文章说说前端和万能的JS！

我也喜欢搞前端，之前一直在搞node+angular的纯js网站开发。同为前端为你大赞一个。 同爱ninja这本书，大赞！

一点点飞 发表于 2014-9-13 02:43
一路走来，我总结出来的前端就是，有了电面之后 Algorith + HTML + CSS + JS都准备好了。。就好了。。。 ...

恩恩，刷题确实很有用，准备好了的话还是会好很多，之前Brandeis一些前辈给我的反馈不是很好，所以当时没选，LZ还是很努力的，要向LZ学习！

恭喜楼主! 这可真不是一点点飞 楼主大大的！

kellogg 发表于 2014-9-13 06:36
我也喜欢搞前端，之前一直在搞node+angular的纯js网站开发。同为前端为你大赞一个。 同爱ninja这本书，大赞 ...

赞！！！同在用node + angular! 马上要做的一个side project就是这个组合！一般还会加上sass, mongoDB，弄个MEAN Stack出来。Ninja必须爱！！

icework 发表于 2014-9-13 06:25
目前在公司里转成前端了，主要是觉得性格上就是喜欢fancy的东西。
前端还特别适合外貌协会和颜控！对于设 ...

对对对，fancy的页面效果之类的。不过我如果去了Linkedin应该就不会太fancy了，但是只求天天写JS！！！大爱万能JS~~

真厉害！