从事前端开发工作差不多3年了,自己也从一个什么都不懂的小白积累了一定的理论和实践经验,并且自己也对这3年来的学习实践历程有一个梳理,以供后面来细细回忆品味。
1、为什么选择学习前端开发?
你可能是因为兴趣,完成一个网站、页面、功能的成就感。你也可能是因为现在前端岗位火爆,就业率高。不管是因为什么,只要找准了目标,学就是了!
二.技术基础知识
基础知识一直都是重点考察的内容,包含有HTML(5)、CSS(3)、JavaScript到Vue,React等等所有可能考察的知识。
基础知识不仅仅要知道是什么,更要明白怎么用,为什么这么用。死记硬背能应付一时,如果你遇到了想深入聊聊的面试官,死记硬背就没用了。所以每个知识点都要理解透彻,讲的清楚。
每次面试都要提前做好准备,下面是一些常考的面试知识点,大家可以提前准备
HTML(5):
1)H5的新特性有哪些?
2)Label的作用是什么?是怎么用的?
3)HTML5的form如何关闭自动完成功能
4)实现不使用 border 画出1px高的线,在不同浏览器的标准模式与怪异模式下都能保持一致的效果
5)title与h1的区别、b与strong的区别、i与em的区别?
6)每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗?
7)img的alt与title有何异同? strong与em的异同?
8)简述一下src与href的区别?
9)知道的网页制作会用到的图片格式有哪些?
10)你如何理解HTML结构的语义化?
11)html5有哪些新特性、移除了那些元素?
12)如何处理HTML5新标签的浏览器兼容问题
13)…
CSS:
1)css盒模型
(1)css盒模型基本概念?
(2)标准模型和IE模型的区别:计算高度和宽度的不同,怎么不同,高度宽度是怎么计算的?
(3)js如何设置获取盒模型对应的宽和高?
(4)…
2)BFC(边距重叠解决方案)
(1)BFC的基本概念?
(2)BFC原理/ BFC渲染规则?
(3)如何创建BFC?
(4)BFC的使用场景?
3)css浮动
(1)css浮动原理?
(2)浮动元素引起的问题?
(3)css清除浮动的方法?
4)css经典布局
(1)三栏布局:左右各300px,中间自适应?
(2)圣杯布局
(3)双飞翼布局
(4)css水平、垂直居中的写法,