最近面了一个前端，感觉很满意，分享给大家

[duanxiaoyu]

B 站链接： https://www.bilibili.com/video/BV18f4y1B7xh/

[Immortal]

这水平定位是什么级别

[duanxiaoyu]

@Immortal 中级水平

[vision1900]

面试的前辈挺稳的

[liyang5945]

中级给 16K，感觉我上我也行

[murmur]

箭头旋转，又是这个题，现在不是能用 iconfont 了么，何必整这些老掉牙的东西

[murmur]

哦我没看前面直接看的总结，要写动画那没事了

[sixway]

这给中级吗?啥地区

[musi]

这就中级？感觉和杭州这边问应届生的题目差不多？就是工作经验部分没那么丰富，有实习经验的倒也能说说

[meeken]

大二，我上我也行。。

[jimhug034]

中级？？？

[toeii]

现在发广告套路这么多了吗

[rodrick]

问的题目个人觉得还是挺扎实，js 相关的问题和 vue 小程序啥相关的问题是不是有点太少了，就浅拷贝和一个 promise，反而是工作流程之类的问的很多

[zhuangzhuang1988]

都是瞎扯扯

[xrr2016]

我上我也行😝

[wxsm]

第一题，css 没有行内注释，只有块级注释。编辑器高亮都没反应，面试官和面试者都没发现吗。

[jones2000]

公司需要能快速准确解决问题的人。

比如给一个你没有接触过的功能或算法， 让你在限定的时间内通过 google 查找资料把功能做出来。

[user8341]

@wxsm css 是有 //注释的
> CSS does actually already allow you to use //, after a fashion. It's not quite a line comment, but a next construct comment.

[LiuJiang]

在我司也就这要求，最近面了 10 几个，都不满意。

[wxsm]

@user8341 我只看 mdn 。

The /* */ comment syntax is used for both single and multiline comments. There is no other way to specify comments in external style sheets. However, when using the <style> element, you may use <!-- --> to hide CSS from older browsers, although this is not recommended. As with most programming languages that use the /* */ comment syntax, comments cannot be nested. In other words, the first instance of */ that follows an instance of /* closes the comment.

[weitch]

@wxsm #15
你这个让我想起了一个词：吹毛求疵！

[weitch]

@wxsm #15
在开发时基本很少会手动注释某一行，不都是在开发者工具里点勾或取消？

[Gathaly]

一看就是广告，上面的为啥这么激动

面试内容明显就是按剧本演的啊，而且都是适配他那个在线工具出的，特别简单

[yhxx]

规范里确实没有 "// "


4.1.9 Comments
Comments begin with the characters "/*" and end with the characters "*/". They may occur anywhere outside other tokens, and their contents have no influence on the rendering. Comments may not be nested.

CSS also allows the SGML comment delimiters ("<!--" and "-->") in certain places defined by the grammar, but they do not delimit CSS comments. They are permitted so that style rules appearing in an HTML source document (in the STYLE element) may be hidden from pre-HTML 3.2 user agents. See the HTML 4 specification ([HTML4]) for more information.


https://www.w3.org/TR/CSS21/syndata.html#comments

https://drafts.csswg.org/css-syntax-3/#consume-comment

[wxsm]

@weitch 我只是提出我的意见。大家看到如果不知道的，就当学习了。其实我觉得这是很基础的东西，如果我是面试官，看到别人这么写注释，我可能会追问他：

1. 你知道 css 注释这么写会发生什么事吗？
2. 如果我们就是想用行内注释，该怎么办？

这里往下走其实就到了 css hack 与 css 预编译器环节了。无意中使用的行内注释，看起来好像起了作用，但是实际上已经成为了 hack，浏览器能不能解析，怎么解析，完全看各自实现。

IDE 当然可以解决很多问题，但是按照 4 年经验的职业前端开发来说，我觉得这点基础应该是要有的。

[Desiree]

这完全没有问具体做了什么项目啊。。。这都能给 16k 吗

[user8341]

@wxsm
我承认 css 这么写确实不是标准。同时也很想知道哪个浏览器实现用 // 注释会解析成别的意思。

[ljpCN]

setTimeout 单位是 ms 不是 s，应该让面试者自己想一想的，不应该直接提醒。

[1194129822]

CSS 我不会外，其他感觉好简单，手写一个实现 promiseA+规范的 promise 都没有

[Keyes]

@wxsm 推 w3c 标准难啊，当年推去表格排版的时候也是被各种大佬和菜鸟怼

[GzhiYi]

这是中级啊？都很简单啊

哦，广告来的，打扰了。

[Sapp]

@wxsm = = 那我这样几年不单独写 css，一直是写 css in js 的估计就直接挂了。