轩枫阁

FE-interview

个人收集的前端知识点、面试题和答案，参考答案仅代表个人观点，方便复习。

HTML， HTTP，web综合问题

常见排序算法的时间复杂度,空间复杂度

前端需要注意哪些SEO

1. 合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出重要关键词即可
2. 语义化的HTML代码，符合W3C规范：语义化代码让搜索引擎容易理解网页
3. 重要内容HTML代码放在最前：搜索引擎抓取HTMl顺序是从上到下，有的搜索引擎对抓取长度有限制，保证重要内容一定会被抓取
4. 重要内容不要用js输出：爬虫不会执行js获取内容
5. 少用iframe：搜索引擎不会抓取iframe中的内容
6. 非装饰性图片必须加alt
7. 提高网站速度：网站速度是搜索引擎排序的一个重要指标

查看全文

常见问题

• 请解释一下什么是“语义化的 HTML”。
  • 理解HTML语义化
• 你能描述一下渐进增强和优雅降级之间的不同吗?
  • 渐进增强与优雅降级是什么
  • javascript 特性检测并非浏览器检测
• 为什么利用多个域名来提供网站资源会更有效？
  • CDN缓存方便
  • 突破浏览器并发限制
  • cookieless, 节省带宽，尤其是上行带宽，一般比下行带宽要慢
• 请说出三种减少页面加载时间的方法。（加载时间指感知的时间或者实际加载时间）
  • 减少http请求，合并文件，合并图片
  • 压缩css，js，图片
  • CDN缓存静态资源
• Long-Polling, Websockets, SSE(Server-Sent Event) 之间有什么区别？
  • Long-Polling, Websockets, SSE(Server-Sent Event), WebRTC 之间的区别

查看全文

学生时代应该努力培养各方面能力，为就业做好充分准备。以下能力排名不分先后，0-10级打分，0分表示完全没有该项能力；10分表示该项能力非常强。分数越高，表示该项能力越强。在面试官 看来，高分拥有各方面能力绝对是他们很想要的员工。而各方面能力平平，抑或部分能力很突出，但其中一两项有问题，那你很快就会被PK掉，即使你的专业能力很好。所以制定好目标和计划，抓紧在学生时代努力充实自己。

1、专业能力

2、计算机应用能力

3、外语能力

4、创新能力

5、问题解决能力

6、分析能力

7、信息收集能力

8、时间管理能力

9、动手能力

10、实干与执行能力

11、自学能力

12、团队协作能力

13、人际沟通能力

14、情绪管理能力

15、组织与协调能力

16、书面表达能力

17、口头表达能力

18、领导能力

前言

从去年到现在看了几百份简历，包括产品运营和产品设计师的职位。我不是 HR，只是想直接看到求职者的状况，看看是不是要换更准确的渠道去招聘对的人。我看简历的目的也很简单：找到没有什么问题且可能合适的人，然后约来聊聊看是否合适。

我不是 HR，所以可能和专业负责人力资源的见解出入很大。本答案只是经验之谈。可能部分细节要求过于严格，但是在自己的实际招聘中显得十分可靠，有效减少了选错人带来的面试成本。

扣分项分类

一、给我阅读你的简历增加成本(求职信与简历的问题)

1. 发件人名字是网名
2. 邮件标题没有投递的职位，或者是错误的职位
3. 简历的名字中没有包含真名和职位
4. 简历不是 PDF 版本
5. 简历没有清晰的结构

查看全文

面试题

<ul>有 10000 个<li>子元素，如何将这 10000 个<li>颠倒顺序。要求是效率尽量高。不光是算法效率，还要考虑DOM元素操作的效率。via：V2EX。

方案设想

1. 先复制一份 (不要插入到DOM中,频繁的操作DOM消耗资源是很大的)

2. 对复制出的这份做操作. 方法是从最后一个开始拿插入到一个新的<ul>中 (这一步也不需要插入到DOM中)

3. 将DOM中的<ul>更换为从新排序的<ul>

优点：在内存中操作完成，然后插入到页面中，效率上有所提升。

缺点：复制的实现复杂效率也不高，cloneNode 也不克隆事件。

一看到这道题，很多人也就在想利用JS，结合算法实现出来。但是最佳的方案竟然不是这个。

最佳方案

利用CSS3，以下代码，有想到如何实现没？ 查看全文