如果一个 ul 中有多个 li 标签，如何快速获取到你所点击的那个 li 在整个 ul 中的顺序？

这是一道我们 web 前端程序员会经常在面试中被问到的经典考题。它看似简单却非常考察功力，因为它的解法非常多。你回答的解法，很可能会直接影响面试官对你技术水平的判定。

最近流行一个段子：

三流码农写UI，二流码农写架构，一流码农写算法…

这个段子可能说得也不全对，毕竟一流程序员也不是通过算法来判定的。但它对于各个段位程序员之间水平差距的划分，好像是那么回事。

git stash 可以用来暂存当前正在进行的工作。

比如，你想 pull 最新代码，又不想加新 commit 的时候。

又或者另外一种情况，为了 fix 一个紧急的 bug，先 git stash, 使返回到自己上一个 commit，改完 bug 之后再 git stash pop，继续原来的工作。

众所周知移动网站在开发、迭代版本方面，比原生APP更具有优势，但是在用户体验方面却逊色很多。用户体验差表现在哪些方面呢？主要是 互动（interaction）和动画（animation）这两方面。

那么为什么我们不能把移动web的用户体验做得更好呢？这还得从web的性能瓶颈说起 …

遇到不少人其实是分不太清 for…in 和 for…of 的。大都是用的时候试下，哪个能解决问题还不报错，就选用哪个了。

for…in 循环会遍历一个对象所有的可枚举属性。

for…of 会循环迭代出有序对象（或集合）的每一个属性值。

这是 MDN 上的官方解释。下面，用两个例子说明一切。

在 JavaScript 的变量赋值操作中，如果一个变量值是简单类型，直接复制没有问题。但如果是对象或者数组，直接复制后的新对象或者数组只要一修改，原对象或者数组就会同样跟着被修改。如果你不了解深拷贝和浅拷贝，你可能就会觉得这是 bug，不可理解。但是看完本文你就能理解了。

作为前端开发者，布局都应该已经写了不少了，但很多时候我们实现布局的思路可能都不一定正确或者不是最合适的。要想自己的布局水平有所提高，两个经典的布局： 圣杯布局 和 双飞翼布局，我个人觉得还是很有必要掌握的。

最近换工作，面试碰到一次笔试考这两个的区别。开始学习git的时候，这两个的区别是有了解过的。但是时间长了加上之前公司应用得少了，所以当时记得很模糊。笔试完就赶紧回家整理了下，希望可以借此加深印象。

盒子模型是CSS中很重要也很常见的概念，它涉及到的无非就是内容(content)、填充(padding)、边框(border)、边界(margin)。但是真要你把这几个的关系说清楚，相信不少人会掉坑。因为很多人没注意到的是，盒子模型其实有两种类型：标准盒模型和IE盒模型。

在程序员们的圈子里，曾经流传过这样一个段子：

1、你去饭店坐下来

顾客: hi，给我来份宫保鸡丁！
服务员: 好嘞！

2、厨子做到一半