前言 许多小伙伴面试可能遇到前端性能优化问题，其中图片优化最有效也是频率最高的就是CSS精灵图，下面讲解一下我在做之前项目中用精灵图的经验 踩过的坑 。 概念及原理 概念：CSS sprites，又叫精灵图，也是CSS图像拼合或者CSS贴图定位。 原理：把多张图片融合成一张图片，然后通过css background position取指定位置大小的图片，减少了http请求次数自然减少了加载时间。 ...
2020-01-08 11:00 0 871 推荐指数：
在网上看到一个这样的问题： transform与position:absolute 有什么区别？查阅资料后发现这道题目其实不简单，涉及到重排、重绘、硬件加速等网页优化的知识。 一、问题背景 过去几年，我们常常会听说硬件加速给移动端带来了巨大的体验提升，但是即使对于很多经验丰富的开发者 ...
使用Feign的时候,如果参数中带有 @PathVariable形式的参数,则要用value=""标明对应的参数,否则会抛出IllegalStateException异常 如@PutMapping("/disuseable/{sn}")ApiResponse ...
一、FeignClient注解 FeignClient注解被@Target(ElementType.TYPE)修饰，表示FeignClient注解的作用目标在接口上 @FeignClie ...
:none对元素进行了隐藏，载入页面后，在没有通过js设置样式使元素显示的前提下，使用js代码会无法正确获得 ...
现在在学校里面，培训机构里面都有很多课程是前端切图这一方面的，简单来说就是学习div+css网页排版。有很多人经过这一轮的学习之后就发现自己对排版这一方面非常的熟悉甚至说自己的div+css的高手。其实真正说要懂得一个网页排版需要注意的一些问题是什么呢？是不是在电脑上面看到自己排版出来的页面就真的 ...
1.App Logo大小共五种： 48*48 72*72 96*96 144*144 192*192 2. App启动页所需尺寸： 320×480 480×800 720*1280 1080*1920 3840×2160 Android切图注意事项 1. ...
1. 精灵技术的使用 CSS 精灵其实是将网页中的一些背景图像整合到一张大图中（精灵图），然而，各个网页元素通常只需要精灵图中不同位置的某个小图，要想精确定位到精灵图中的某个小图，就需要使用CSS的background-image、background-repeat ...
1、unittest的工作原理： TestCase：一个testcase就是一条测试用例。 setUp：测试环境的准备 tearDown：测试环境的还原 run：测试执行 TestSuite：测试套件或集合，多个测试用例的集合就是1个suite，一个suite可以包含 ...
