什么是雪碧图雪碧图就是CSSSprite，也有人叫它CSS精灵，是一种CSS图像合并技术，就是把多张小图标合并到一张图片上，然后用css的background-position来显示需要显示的部分。为什么要用雪碧图可以减少加载网页图片时对服务器的请求次数，提高页面的加载速度，解决IE6鼠标滑过时出现闪白的现象。用雪碧图有什么弊端个人认为如果你的雪碧图不是很大，也不是很复杂基本没什么弊端。如果你的雪
分类：
Web程序 时间：
2019-11-19 09:21:25
阅读次数：
92
作为一名前端开发人员，最头疼的莫过于浏览器兼容。远古时期万恶的IE6，到现在CSS3不兼容的IE7/8.为了保证不同版本浏览器都有共同或更优化的用户体验，前端搬砖的我们不得不与浏览器兼容顽强斗争。而渐进增强和优雅降级两种不同的开发流程，也是在我们项目初期做调研选型时会考虑的一个点。 渐进增强（Pro ...
分类：
其他好文 时间：
2019-11-17 13:14:00
阅读次数：
69
弹性布局的基础讲解 弹性布局是由w3c在2009年提出的一种布局方法，目前浏览器都已经支持弹性布局（忽略IE6吧）。本文主要讲解弹性布局的基本语法并将其应用到实际网页布局中 如何应用弹性布局，代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta ch ...
分类：
其他好文 时间：
2019-11-17 10:36:46
阅读次数：
125
1.button里面,用letter-spacing调整中文字间距 问题描述:设置之后现代浏览器无法使文字水平居中,会偏右,原因:最后一个字后面也有间距存在解决方式:用空格解决;或者用paddding-left:2px解决 2.兼容ie6,7,8背景透明内容不透明解决方法: rgba(a,b,c,0 ...
分类：
其他好文 时间：
2019-11-17 01:40:27
阅读次数：
202
localStorage.getItem WEB应用的快速发展，是的本地存储一些数据也成为一种重要的需求，实现的方案也有很多，最普通的就是cookie了，大家也经常都用，但是cookie的缺点是显而易见的，其他的方案比如：IE6以上的userData，Firefox下面的globalStorage， ...
分类：
其他好文 时间：
2019-11-16 19:52:08
阅读次数：
69
IE6的双倍边距bug 在IE6中，当为一个向左浮动的元素设置左外边距时，这个外边距将会是设置值的2倍 1，添加一个样式来解决ie6的双倍边距问题 对于一个浮动元素来说设置display：inline没有任何意义 但是该属性可以解决IE6的双倍边距问题 display:inline； 2，或者为IE ...
分类：
其他好文 时间：
2019-11-13 16:00:45
阅读次数：
71
常见的兼容性问题：1、不同浏览器的标签默认的外边距( margin )和内边距(padding)不同解决方案： css 里增加通配符 * { margin: 0; padding: 0; } 2、IE6双边距问题；在 IE6中设置了float , 同时又设置margin , 就会出现边距问题解决方案 ...
分类：
Web程序 时间：
2019-11-13 11:21:53
阅读次数：
93
前言：项目中我们经常遇到这种需求，需要对单行、多行文本超出显示为省略号。这篇文章主要总结了小编解决此问题的方法，有不足之处欢迎大家指正。 单行文本省略 .ellipsis-line { border: 1px solid #f70505; padding: 8px; width: 400px; ov ...
分类：
Web程序 时间：
2019-11-06 22:31:44
阅读次数：
82
我们平时经常做的是上传文件，上传文件夹与上传文件类似，但也有一些不同之处，这次做了上传文件夹就记录下以备后用。 这次项目的需求： 支持大文件的上传和续传，要求续传支持所有浏览器，包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器，并且刷新浏览器后仍然能够续传，重启浏览 ...
分类：
Web程序 时间：
2019-11-04 20:09:35
阅读次数：
88
一、引入jQuery XXXX.js文件 <script>标签 1、版本选择 当前jQuery有两个分支 1.x 支持ie6、7、8 jquery-1.11.2.js：未经过压缩，适合同学们在学习的时候使用，可以浏览里面的源代码 jquery-1.11.2.min.js：经过压缩，而是直接在生产环境 ...
分类：
Web程序 时间：
2019-11-01 09:32:51
阅读次数：
81
