前端面试知识点目录一览

写在前面:

金三银四, 又到了一年一度的跳槽季, 相信大家都在准备自己面试笔记, 我也针对自己工作中所掌握或了解的一些东西做了一个目录总结,方便自己复习; 详细内容会在之后一一对应地补充上去(有些在我的个人主页笔记中也有相关记录), 这里暂且放一个我的面试知识点目录; 大家有兴趣可以自己根据目录去扩展, 欢迎在评论下方指点一二, 看还有哪些没考虑到的, 互相交流一哈...

基本功考察

关于Html

   1. html语义化标签的理解; 结构化的理解; 能否写出简洁的html结构; SEO优化
   2. h5中新增的属性; 如自定义属性data, 类名className等, 新增表单元素, 拖拽Drag
   3. h5中新增的API, 修改的API, 废弃的API 稍作了解 (离线存储, audio, video)

关于CSS

   1. CSS选择器( 三大特性 ) 
   2. BFC机制
   3. 盒模型
   4. CSS模块化开发(封装);  SCSS和LESS的使用
   5. 屏幕适配 以及 页面自适应   
   6. CSS3中新增的选择器
   7. CSS3中新增的属性, transform trasition animation等...

关于布局

   1. 标准文档流(padding + margin + 负margin) + 浮动float + 定位
   2. 百分比布局(流式布局):  px单位 用 %num代替, 占父级元素的百分比
   3. flex弹性布局: 主轴 辅助轴的几个属性
   4. grid栅格布局: 使用框架中的类名来替代: 本质上还是百分比布局

关于JS基础

  1. 变量数据类型及检测:  基本 + 引用
   2. 运算符: 算术 + 条件 + 逻辑 + 位 + 短路, 隐式转换等       
   3. 条件, 循环, 异常处理  if  switch(){case xxx:} try catch finally throw 
   4. 函数定义, 调用方式(apply, call, 直接调用), 传参: 实参给形参赋值
   5. 字符串, 数组, 对象常用API, 
   6. 正则表达式

关于JS高级

   1. 作用域, 作用域链, 闭包
   2. 原型, 原型链, 继承
   3. 函数上下文, this指向
   4. js的运行机制, 事件队列和循环
   5. Ajax原理, axios库
   6. 同步, 异步编程
   7. jQuery源码学习

关于浏览器

   1. 浏览器的构成和运行机制,
   2. 浏览器内核
   3. 浏览器交互: BOM和DOM相关webApi, 监听事件
   4. 浏览器缓存机制
   5. 浏览器的渲染原理
   6. 浏览器的安全性: 跨域 和 攻击