美文网首页
前端校招面试总结

前端校招面试总结

作者: WendySays | 来源:发表于2016-10-14 17:10 被阅读1082次

知识框架

知识框架图,每个部分有很多书推荐
https://github.com/JacksonTian/fks

Paste_Image.png

浏览器工作原理

看到这个标题大家一定会想到这篇神文《How Browsers Work》,这篇文章把浏览器的很多细节讲得很细,而且也被翻译成了中文。为什么我还想写一篇呢?因为两个原因,
1)这篇文章太长了,阅读成本太大,不能一口气读完。
2)花了大力气读了这篇文章后可以了解很多,但似乎对工作没什么帮助。
所以,我准备写下这篇文章来解决上述两个问题。希望你能在上班途中,或是坐马桶时就能读完,并能从中学会一些能用在工作上的东西。

其他文章:前端工程师需要明白的「浏览器渲染」

HTML部分

  • 对HTML5的理解,Web语义化,SEO
  • 页面加载的过程(我的理解:浏览器渲染相关)
  • 结构组织
  • 新增API 如本地存储、Canvas

CSS部分

  • 经典的圣杯布局
  • CSS3 transition transform animate
  • w3c盒子模型 和 IE盒子模型,box-sizing属性
  • BFC
  • 优先级
  • less 与 sass
  • background-*系列属性,这个不要忽视了,还是很重要的

JS部分

  • 原型 闭包
    深入理解javascript原型和闭包系列
  • 声明提升
  • 基本数据类型
  • 高阶函数
  • JSON
  • JSONP 跨域 iframe 通信
  • Ajax
  • 原生DOM操作(比如 逆序DOM节点)
  • 事件捕捉,捕获,冒泡,代理
  • Array常用函数
  • String常用函数
  • ES5 + ES6

框架部分(大部分按照简历来)

  • Angular脏检查机制
  • 手写Angular指令,知道其生命周期
  • 手动实现MVC(考察)
  • vue和react对比

衍生部分

  • HTTP1/2 理解、状态码、优化、缓存控制(必考)
  • TCP三次握手,四次挥手
  • XSS与CSRF(必考)
  • 学习经历和方法
  • 性能优化
  • 单元测试

其他总结

Paste_Image.png Paste_Image.png Paste_Image.png

性能优化

Paste_Image.png Paste_Image.png Paste_Image.png

安全

Paste_Image.png Paste_Image.png

计算机基础

  • TCP 与 UDP 的区别,以及各自的用途-参考链接
  • TCP 为什么三次握手,四次挥手?-参考链接
  • TCP 流量控制与拥塞控制-参考链接
  • 计算机网络分为几层,这样做的好处是什么?你还可以举出其他分层的例子吗?
  • 进程与线程的区别,共用的是堆内存还是栈内存-参考链接
  • 数据库中的数据表设计需要注意什么问题?
  • facade 设计模式-参考链接
  • 工厂模式和抽象工厂模式的区别
    推荐书籍:图解 HTTP、图解 TCP/IP、TCP/IP 协议簇、操作系统概念
    推荐博客:TCP 与 UDP 详解网络面试基础

其他总结文


面经相关

相关文章

网友评论

      本文标题:前端校招面试总结

      本文链接:https://www.haomeiwen.com/subject/fhzgyttx.html