前端基础知识整理

一.html/css

• 什么是盒子模型

一个元素

• 行内元素有哪些？块级元素有哪些？空（void）元素有哪些？
• css实现垂直水平居中
• 什么是css Hack？
• 简述同步和异步
• px和em的区别
• 什么叫优雅降级和渐进增强
• 浏览器的内核分别是什么？

二.JavaScript

1. 怎么添加、移除、移动、复制、创建、查找节点？
2. 实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括number、string、object、array、boolean）进行复制
3. 如何消除一个数组里面重复的元素
4. 在JavaScript中什么是伪数组？如何将伪数组转化成标准数组？
5. JavaScript中callee和caller的作用
6. 请描述一下cookies，sessionStorage和localStorage的区别
7. 统计字符串中字母个数或统计最多字母数
8. 谈一谈JavaScript作用域链
9. 如何理解JavaScript原型链
10. 如何理解类的闭包/创建/继承
11. 跨域请求资源的方法有哪些
12. 谈谈垃圾回收机制方式以及内存管理
13. 开发过程中遇到的内存泄漏情况，如何解决的
14. 原生js发送ajax请求一般经历哪些步骤
15. 说说get和post请求的区别

三：HTTP

• 一次完整的HTTP事物是怎样的一个过程
• http的状态码有哪些
• https是如何实现加密的

四：算法相关

1. 手写数组快速排序
2. JavaScript实现二分法查找

五：web安全

• 你所了解到的web攻击技术
• 如何优化图像、图像格式的区别
• 浏览器是如何渲染页面的

六：设计模式

1. 对MVC、MVVM的理解

七：正则表达式

• 写一个function，清楚字符串前后的空格（兼容所有浏览器）
• 使用正则表达式验证邮箱格式

 

八、职业规划

对前端工程师这个职位你是怎么样理解的？

a. 前端是最贴近用户的程序员，前端的能力就是能让产品从 90分进化到 100 分，甚至更好

b. 参与项目，快速高质量完成实现效果图，精确到1px；

c. 与团队成员，UI设计，产品经理的沟通；

d. 做好的页面结构，页面重构和用户体验；

e. 处理hack，兼容、写出优美的代码格式；

f. 针对服务器的优化、拥抱最新前端技术。

文章转载:https://zhuanlan.zhihu.com/p/27293230