前端工程师自检清单--HTML和CSS
HTML
1.从规范的角度理解HTML,从分类和语义的角度使用标签
2.常用页面标签的默认样式、自带属性、不同浏览器的差异、处理浏览器兼容问题的方式
3.元信息类标签(head、title、meta)的使用目的和配置方法
4.HTML5离线缓存原理
5.可以使用Canvas API、SVG等绘制高性能的动画
CSS
1.CSS盒模型,在不同浏览器的差异
2.CSS所有选择器及其优先级、使用场景,哪些可以继承,如何运用at规则
3.CSS伪类和伪元素有哪些,它们的区别和实际应用
4.HTML文档流的排版规则,CSS几种定位的规则、定位参照物、对文档流的影响,如何选择好的定位方式,雪碧图实现原理
5.水平垂直居中的方案、可以实现6种以上并对比它们的优缺点
6.BFC实现原理,可以解决的问题,如何创建BFC
7.可使用CSS函数复用代码,实现特殊果
8.PostCSS、Sass、Less的异同,以及使用配置,至少掌握一种
9.CSS模块化方案、如何配置按需加载、如何防止CSS阻塞渲染
10.熟练使用CSS实现常见动画,如渐变、移动、旋转、缩放等等
11.CSS浏览器兼容性写法,了解不同API在不同浏览器下的兼容性情况
12.掌握一套完整的响应式布局方案
手写
1.手写图片瀑布流果
2.使用CSS绘制几何图形(圆形、三角形、扇形、菱形等)
3.使用纯CSS实现曲线运动(贝塞尔曲线)
4.实现常用布局(三栏、圣杯、双飞翼、吸顶),可是说出多种方式并理解其优缺点