我是表哥Harker，表妹我来咯~
到这篇文章为止，表妹们基本能看到开发人员就结构和样式设计的80-85%左右的代码了，大家可以随便访问一个网站，按F12没事看源码，我相信大家的心态从觉得很陌生恐惧到现在的好像也没什么大不了，当然是不是学完就能100%看懂代码呢？我的答案是否定的，因为不管哪一门技术总有你没学到的东西，没有一个老师说我教完你你全会对吧？ 表哥也是一样，我也只能说学完系列，表妹们能够做一个前端开发人员而不是一个专家，那在前端方面的造诣就要看大家在以后的工作中的努力了！ 这篇学习几样高级的东西，也是表妹们在大公司一定会用到的，表妹们如果能够了解或者简单的使用，我想就面试而言就能加分！面试官会觉得你在前端开发的扩展知识面还是有的。来吧，让我们一起看看是什么样的高大尚东东，心动不如行动！
【【|CSS 高级技巧（精灵图、字体图标、三角）】
CSS 高级技巧之精灵图
1、精灵图
- 一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。 因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了 CSS 精灵技术（也称 CSS Sprites、CSS 雪碧）
- 核心原理：将网页中的一些小背景图像整合到一张大图中 ，这样服务器只需要一次请求就可以了
推荐阅读
- vue|vue里面的js引入图片，必须用require
- JavaScript 滚动条示例,控制居中document.documentElement.scrollTop,document.body.scrollTop,oDiv.offsetHeight
- 【|eclipse工作空间配置拷贝
- 【|修复了Ubuntu诡异的变成了只读文件系统的错误
- web——媒体查询
- JavaScript获取浏览器高度和宽度值(documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,
- window.open()、location.href下载文件时中文路径乱码解决
- js|js实现全景图预览
- 【Javascript点滴知识|从零发布TypeScript npm工具包