浏览器兼容性问题又被称为网页或网站兼容性问题；不同浏览器内核及所支持的html等网页语言标准不同，不同客户端环境（如分辨率不同）造成实际显示效果未能达到预期理想效果 首先我们来看一下目前市面上常见的一些浏览器：ie、chrome、firefox、safari、opera、maxthon、360、qq、yy、uc、sogou、2345、淘宝、猎豹、世界之窗等 其中表现很出色的有chrome、firefox、safari等；而表现极差的就是ie6/7内核浏览器了，我们的兼容性工...
Flying Saucer实现html转pdf(及一些问题,持续更新) 关于FlyingSaucer的使用官网上有详细的介绍. 官网地址: https://today.java.net/pub/a/today/2007/06/26/generating-pdfs-with-flying-saucer-and-itext.html#the-problem-with-pdfs 中国人在使用FlyingSaucer将Html转换成PDF的过程中有如下问题: l 中文不显示的问题 l 内容过长,转换成PDF后显示不全的问题 l 网上有大量文章给出的解决方案并不能解决问题 在研究如...
本文仅为个人常用代码整理，供自己日常查阅 html 浏览器内核 css chrome滚动条 ::-webkit-scrollbar{width:10px;height:10px;}::-webkit-scrollbar-track{background:#f9f9f9;}::-webkit-scrollbar-track:hover{background:#efefef;}::-webkit-scrollbar-thumb{border-radius:4px;background:#aaa;}::-webkit-scrollbar-thumb:hover{background:#777;}::-webkit-scrollbar-thumb:active{backgroun...
css3 生成器：http://www.w2bc.com/manual/css3%20generator/css3-transform.html ppk的兼容网站：http://www.quirksmode.org/compatibility.html
什么是css sprite CSS sprite在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。 为什么要用这个工具 1.加快网页加载速度 浏览器接受的同时请求数是10个，如果图片过多会影响整体的视觉效果，而且对于不稳定的网络带宽，加载起来更是噩梦，所以把图片拼接为一张大图，从而加...
V3.0介绍 V4.0更新内容 V4.0下载地址：http://download.csdn.net/detail/wx247919365/8685489 一、增加客户端版本更新提醒 服务器端版本更新后，客户端如果没有更新要最新版本，会在标题中提示，点击更新按钮出现版本更新的简单介绍 二、删除多余的选择背景颜色功能 雪碧图在生成的时候其实大多数情况下是不需要指定背景颜色的，所以去掉这个累赘的功能 二、增加base64代码生成 现在很多图片都有base64的代码，...
1概念： 不同的浏览器对CSS的解析效果不同，为了达到相同的效果，就得根据不同浏览器写不同的css 2规则： CSS Hack大致有3种表现形式，CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack，CSS Hack主要针对IE浏览器。 类内部Hack：比如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而firefox两个都不能认识。等等 选择器Hack：比如 IE6能识别*html .class{}，IE7能识别*+...
V4.0介绍地址： 此次更新主要针对已有BUG的修复，用户可在客户端上直接看到更新信息，自己去下载 已修复问题： 1.单张图片的删除问题，有的用户提出了不能对单张图片进行选中删除，这里得到了解决 2.生成.sprite文件然后重新打开.sprite文件出现找不到图片的问题，这里也得到了解决 增加功能 在选中是否是手机端的时候，增加了选择手机端单位以及缩放大小的选项，不过大家可以先不用这个功能，可能以后我还会对这个功能...
v4.0更新连接： v4.1更新连接： v4.2下载地址：http://download.csdn.net/detail/wx247919365/8718787 更新说明 此次更新主要是针对于手机端图片的生成调整，因为pc还好，手机端是需要自适应的（手机端自适应），图片尺寸以及大小都会做相应调整，当然我希望统一标准，所以强行的把大小已经尺寸做了限制，当然做了这些限制我也会给大家提供自适应的方法->手机端页面rem自适应脚本。 下面是4.2中选中手机端后出现的情况 ...
v3.0更新介绍地址： v4.0更新介绍地址： v4.1更新介绍地址： v4.2更新介绍地址： 更新说明 此次更新主要针对与移动端的问题进行修改： 一、当选中为手机端时程序会将相邻图片的间距调整一个像素，避免在自适应缩放的时候出现不必要的麻烦（建议手机端的时候自己排布图片，以后直接打开.sprite文件编辑就是） 二、修改移动端bug，4.2版本的移动端是没适应的，所以在这个版本修复，并且自己测试也很好，写了个自适应的...
HTML 元素 元素名称 属性 属性可选值 属性默认值 button type button reset submit 元素 的 type 属性取值可以是 button、reset、submit；在IE8及更新版本和其他现代浏览器中该属性默认值为 submit。 可以观察如下代码及其最终效果:
目的：广泛得了解前端工具，在项目中选择合适的前端工具进行开发，达到事半功倍的效果。 构建工具 Gulp 基于nodeJs，依靠不同的插件自动完成代码的压缩，合并，风格检查等操作。 类似的还有grunt, webpack 构建工具的插件 代码压缩合并、图片压缩、MD5后缀 LESS 为CSS引入函数、嵌套等操作，方便CSS的开发与维护。类似的还有：SASS Babel ES6/ES2015转ES5。es6介绍 CoffeeScript 以另一种更精简的语法来书写JS。类似...
废弃的元素和属性 【1】标签替换 替代: 替代: 或 替代:或或 替代: 替代:CSS或 替代:表单控件 用或或或替代 用或或替代 用替代 【2】CSS替换 用CSS替代 用CSS替代 用CSS替代 用CSS替代 【3】废弃的属性 nohref clear type cellpadding cellspacing rules summary width ...
dynamic-css 使得你可以借助 MVVM 模式动态生成和更新 css，从而将本插件到来之前，打散、嵌套在 js 中的修改样式的代码剥离出来。比如你要做元素跟随鼠标移动，或者根据滚动条位置的变化而触发一些效果，原本你要写 js 去绑定滚动事件，然后计算偏移量，然后更新元素 css，使用 dynamic-css，你只要根据语法去写好 css 表达式就可以了。对于一些原本需要复杂的 js 判断的动态 css，用 dynamic css 表达式几行代码搞定。 举...
1、github个人总站点搭建 2、LESS学习及应用 3、FIS3学习及应用 4、常用CSS模块 5、常见JS特效 6、JS三本书籍阅读 7、CSS两本书籍 8、HTML5书籍 9、HTTP协议：学习及总结 10、浏览器原理学习及总结 11、Node.js 学习及总结 12、JS设计模式 13、Web性能优化 14、仿站 15、FIS3GUI开发 16、谷歌扩展开发 17、正则表达式