分享一道简单的前端面试题

[Lothar]

<ul id="list" class="foo">
  <li>#0</li>
  <li><span>#1</span></li>
  <li>#2</li>
  <li>#3</li>
  <li><ul><li>#4</li></ul></li>
  ...
  <li><a href="//v2ex.com">#99998</a></li>
  <li>#99999</li>
  <li>#100000</li>
</ul>

• 为 <ul> 添加一个类 bar
• 删除第 10 个 <li>
• 在第 500 个 <li> 后面增加一个 <li> , 其文字内容为 <v2ex.com />
• 点击任意 <li> 弹窗显示其为当前列表中的第几项。

---

最近又来了个资深工程师面试，结果现场写代码环节写不出上面类似的题目。🌚

讲道理这题真的不难啊，就是简单的 DOM 操作，没有任何奇技淫巧，现场写：一台 MBP / 30 分钟 / 允许 Google ，只要基本功够扎实应该都能写出来吧。

其实现场考的版本比这个还简单，这个是为了发帖稍微整理后的版本，大家来喷一波。

---

(顺便补个广告，招前端，薪资对标阿里 P6 ，可年后入职，年前入职可以补偿年终奖，因为不是招聘结点我就不放邮箱了，有兴趣私我哈）

[sagaxu]

可以用 jquery 吗？可以的话，我这个后端也会啊

[weegc]

感觉可以试试，工作地点在哪里？

[ByZHkc3]

还好，考察了不少基础知识点。谷歌都做不出来的人不招也罢～
但是招人不得贴待遇吗

[v1024]

能做出来.. 搭车问下 p6 啥概念..？

[heeexy]

这道题想必考察的是会不会用 MBP...

[reus]

能 google 都做不出来，水平也太差了……
工作地点哪里？

[sudoz]

我就是那个坐在电脑前半小时没憋出来的资深前端……哈哈

[forgcode]

阿里 P6 是啥级别！这个面试题是什么级别！

[RE]

同问工作地点在哪

[leega0]

我怎么没遇到可以用 Google 的面试

[scriptB0y]

@sudoz 真假……什么情况

[xcodebuild]

允许 Google 都写不出来不可能吧。。

[ByZHkc3]

@codefalling 只能说面试者差劲啊，哪怕基础不好，会 Google 都能写出个大概

[helloccav]

允许 Google 还写不出？

弱问一下，允许加载 jquery 吗？我不懂原生 js ，逃^^^^

[ClassicOldSong]

这题有什么难度。。。。。
不过要说奇技淫巧的话还是有的，就看你想不想用了

[sudoz]

@scriptB0y 蛤蛤，开玩笑的，一般这种帖子都会有回复说坐等对方现身

[ZhaoMiing]

老题啊， DOM 操作和闭包

[bramblex]

操作 DOM 那么脏的事情不干

[Septembers]

document.querySelector('#list').classList.add('bar')
document.querySelector('#list:nth-of-type(10n)').remove()
document.querySelector('#list:nth-of-type(500n)').appendChild(() => {
const element = document.createElement('li')
element.innerText = '<v2ex.com />'
return element
})
document.querySelector('#list').addEventListener('click', event => {
const target = event.target
alert(Array.from(target.parentElement.childNodes).findIndex(ele => ele === target))
})

[ljcarsenal]

@v1024 25w+ 的吧