IE6 中png背景透明的最好方法及谈谈IE6和我的博客

说到IE6,很多前端都很头大,我刚刚开始做网页的时候,也为之痛苦不堪。其中,我也总结了一下IE6中常见的问题,想margin了,padding了,ul li中点的显示问题了,弹出层被select选择框挡住了,等等。要查看详情,后续文章到时候有时候会把这些整理上去吧。(浏览器兼容问题的一些总结)可以看下!

本文的题目是IE6中png背景透明最好的方法,好吧,网上有很多,但是实践下来,这种DDPngMin.js效果最好。

应用方式:(网站尾部加上如下代码)

<!--[if IE 6]>
<script src="js/DDPngMin.js"></script>
<script>DD_belatedPNG.fix('.ad_img img,#banner_ctr ul');</script>
<![endif]--> 

引进这个DDPngMin.js。后面是针对某个png做处理。

DDPngMin.js 下载

前端开发中的复文本框

在做前端开发的时候,特别是后台提交文章,包括后台博客编辑等等,经常会用到复文本框。例如,csdn博客用的是xheditor,这个复文本框我之前也经常使用,很好用,可以自定义,如果你有csdn博客,在发布文章的时候你就知道了,还是比较好用的。

xheditor在线演示:http://xheditor.com/demo

今天主要介绍的是另一款复文本编辑器,ueditor

这款编辑器虽然我在项目中没有使用过,但是对他是一见钟情。

知道这款编辑器,还是从我领导的博客后台看到的,他的博客是用Z-blog源码建成的,后台编辑器用的是ueditor,ueditor功能强大之处在于可以直接将QQ截图等复制到文本框中,同时也可以将word文件导入到复文本框中,还有就是它有不少插件,其中一个插件就是WEB表单设计器,就是在博客中直接编辑表单,强大吧!

javascript导出EXCEl方法总结

javascript导出excel,一般用于后台开发,主要是公司内部人员使用是用js直接导出excel,原因是,javascript必须在IE内核的浏览器下面才能成功导出,chrome浏览器不支持。

应用场景:1、公司内部后台 2、IE浏览器 3、导出比较复杂,通常是带合并单元格等 4、后端数据导出比较难处理的情况。

PS:导出EXCEL还是强烈建议打击用PHPEXCEl,因为PHP导出excel兼容性更好!格式也可以调整,也很强到,具体PHP导出excel请见后面文章!

方法一:js导出EXCEl带单元格合并

首先,要改IE浏览器安全设置,如下图:

enter image description here

enter image description here

PHP防止XSS注入

我们在做网站的时候,经常有input提交,通常前端对input中的内容不做判断,只做不为空等简单的操作。但是,有的input中会提交一些javascript或者html,会给网站造成一定的危害。为此,防止XSS注入的任务交给了后端,后端防止XSS注入函数如下:

CSS选中状态修改,谷歌滚动轴修改

1、滚动轴美化,一下代码是针对谷歌中滚动轴的设置美化,把它加到你的css中就可以了,代码如下:

::-webkit-scrollbar{
    padding-left:1px;
    background-color:#fafafa;
    overflow:visible;
    width:9px;
}
::-webkit-scrollbar-thumb{
    background-color:rgba(0, 0, 0, .1);
    background-clip:padding-box;
    border-left-width:2px;
    min-height:10px;
    box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .1),inset 0 -1px 0 rgba(0, 0, 0, .07);
}
::-webkit-scrollbar-thumb:vertical:hover{
    background-color:rgba(0, 0, 0, .2);
}
::-webkit-scrollbar-thumb:vertical:active{
    background-color:rgba(0, 0, 0, .2);
}
::-webkit-scrollbar-button{
    height:0;
    width:0;
}
::-webkit-scrollbar-track{
    background-clip:padding-box;
    border:solid transparent;
    border-width:0 0 0 2px;
}
::-webkit-scrollbar-corner{
    background:transparent;
}
::-webkit-scrollbar-track-piece{
margin: 10px 0;
-webkit-border-radius: 0;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
}