在使用rem单位时，用雪碧图（我不喜欢这个名字！）做背景图片在移动端有时会有错位。pc模拟是没有问题的，而且错位的情况不同的手机还不太一样。这里说几个解决的办法。出现这个问题的原因我找了很久都找不到，再接着找吧！ background-size和background-position都用rem 我实 ...
分类：
Web程序 时间：
2018-02-01 20:45:56
阅读次数：
239
字体图标的制作方法有这样几种： 1. img法； 2. background法； 3. sprites雪碧图或精灵图； 4. font法； 5. SVG法；（推荐） 6. CSS动手画。 方法一，img法，使用Photoshop软件进行切图和修图，实现设计师交给我们的设计稿。 方法二，backgro ...
分类：
其他好文 时间：
2018-01-16 12:20:51
阅读次数：
115
随着时代的变迁和技术的不断更新，Web中的图标（icons）不再仅仅是局限于<img>。除了<img>直接调用icons之外，还有Sprites（俗称雪碧图）、Icon Font（字体图标）、SVG Icon等等。 前端工程师关心页面可访问姓、性能以及重构的灵活性，可重复性，可维护性等等。 原始的< ...
分类：
Web程序 时间：
2018-01-11 19:14:12
阅读次数：
185
图像精灵（Image Sprites） 图像精灵是放入一张单独的图片中的一系列图像。 包含大量图像的网页需要更长时间来下载，同时会生成多个服务器请求。 使用图像精灵将减少服务器请求数量并节约带宽。 图像精灵是放入一张单独的图片中的一系列图像。 包含大量图像的网页需要更长时间来下载，同时会生成多个服务 ...
分类：
Web程序 时间：
2017-12-26 14:25:07
阅读次数：
214
CSS Sprites 的优点： 1.减少图片的字节 2.减少了网页的http请求，从而大大的提高了页面的性能 3.解决了网页设计师在图片命名上的困扰，只需对一张集合的图片上命名就可以了，不需要对每一个小元素进行命名，从而提高了网页的制作效率。 CSS Sprites 的缺点： 1.CSS Spri ...
分类：
Web程序 时间：
2017-11-20 19:17:36
阅读次数：
245
在VS、Mono中使用Unity编辑器相关命名空间，然后F12就能跳到具体的编辑器命名空间定义中，查阅好相关字段、方法等，再使用反射技术就可以使用内部的私有方法。大体形式如下：1.#ifUNITY_EDITOR2.usingUnityEditor;3.usingUnityEditor.Sprites;4.usingSystem.Reflection;5.#endi..
分类：
其他好文 时间：
2017-11-17 16:21:31
阅读次数：
147
目前，互联网BS模式应用发展越来越多，越来越广泛，包括网站系统、OA平台的开发等，那么如何做好、做得出色，给用户带来很好的体验呢？下面跟大家分享一下Web前端优化方面的经验，这些经验都是工作实践中比较实用的技术 1、尽量减少HTTP请求个数——须权衡 合并图片（如css sprites，内置图片使用 ...
分类：
Web程序 时间：
2017-10-16 19:23:22
阅读次数：
238
笔者所在的前端团队主要从事移动端的H5页面开发，而团队使用的适配方案是: viewport units + rem。具体可以参见凹凸实验室的文章 – 利用视口单位实现适配布局 。 笔者目前（2017.08.12）接触到的移动端适配方案中，「利用视口单位实现适配布局」是最好的方案。不过使用 rem 作 ...
分类：
其他好文 时间：
2017-10-12 19:17:13
阅读次数：
725
Introduction While working on a project for school, I found it necessary to perform a collision check between sprites that had been translated and rot ...
分类：
其他好文 时间：
2017-10-10 21:57:46
阅读次数：
216
今天写css的时候看到有一个实战视频的老师用了这个，觉得挺好就学习使用了一下，下面是一些简单介绍： 软件介绍 ： CSS Sprites样式生成工具，网页设计师必备利器。CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“ba ...
分类：
Web程序 时间：
2017-08-29 11:04:11
阅读次数：
249
