Javascript && CSS WEB 浏览器兼容
这是我总结多年的一个小文档,最近看见有人咨询浏览器兼容的问题,就贡献出来。
并不一定全,有的也可能不准确,比如新出的IE8、 Chrome等都没有太多涉及,虽然最近做的一些项目也兼容了IE8、Chrome等,但都没来的及总结进去,后来就忘了…汗。大家一起慢慢完善吧。
javascript 部分
1. document.form.item 问题
问题:
代 码中存在 document.formName.item(“itemName”) 这样的语句,不能在FF下运行
解决方法:
改用 document.formName.elements["elementName"]
2. 集合类对象问题
问 题:
代码中许多集合类对象取用时使用(),IE能接受,FF不能
解决方法:
改用 [] 作为下标运算,例:
document.getElementsByName(“inputName”)(1) 改为 document.getElementsByName(“inputName”)[1]
继续阅读 »
UTF- 8文件头
在使用PHP的require()函数时,莫名出现换行。 使用了各种办法都无法修正。无意中点击了谷歌浏览器的“审查元素”,发现被包含的文件多出一行“空格”。然而找遍了涉及的文件都没有发现此现象,以前也从 来没有碰到过。
后来琢磨着是文件编码的问题,转换成ANSI便没有问题。据此在网上搜索,发现UTF-8文件带有文件头,只要是在 Windows xp记事本下生成、编辑的UTF-8文件都会带有此标记。
解决办法: 使用EmEditor软件,删掉UTF-8的文件头。也可以使用其他二进制或十六进制的文本软件删掉开头的三个字符,来得更加明显。庆幸的是,在 Dreamweaver下生成和编辑的UTF-8文件不会造成这样的问题。以后不用记事本就是了。
企业实现服务器负载均衡常见的四种方法
python 的内嵌time模板翻译及说明
一、简介
time模块提供各种操作时间的函数
说明:一般有两种表示时间的方式:
第一种是时间戳的方式(相对于1970.1.1 00:00:00以秒计算的偏移量),时间戳是惟一的
第二种以数组的形式表示即(struct_time),共有九个元素,分别表示,同一个时间戳的struct_time会因为时区不同而不同
year (four digits, e.g. 1998)
month (1-12)
day (1-31)
hours (0-23)
minutes (0-59)
seconds (0-59)
weekday (0-6, Monday is 0)
Julian day (day in the year, 1-366)
DST (Daylight Savings Time) flag (-1, 0 or 1) 是否是夏令时
If the DST flag is 0, the time is given in the regular time zone;
if it is 1, the time is given in the DST time zone;
if it is -1, mktime() should guess based on the date and time.
夏令时介绍:http://baike.baidu.com/view/100246.htm
UTC介绍:http://wenda.tianya.cn/wenda/thread?tid=283921a9da7c5aef& clk=wttpcts
继续阅读 »
extjs fckeditor php 配置
1.删除editor/_source 目录
这是FCKeditor的源码,可以删除
2. 删除editor/_source 目录,这是FCKeditor的源码,可以删除
3. 删除editor/lang 目录中除en/zh/zh-cn的语言文件
4. 删除editor/filemanage/connectors 除php的目录
5. 修改fckconfig.js
a) 默认语言FCKConfig.DefaultLanguage = ‘en’ ;个性为“zh-cn”
b) FCKConfig.FontNames = ‘Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana’ ;
在这里增加中文字体,修改为:
FCKConfig.FontNames = ‘宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana’ ;
c) 修改服务端语言,将:
_FileBrowserLanguage
_QuickUploadLanguage
的值都改为“php”。
d) 更改表情图片。全部在:
FCKConfig.SmileyPath
FCKConfig.SmileyImages
FCKConfig.SmileyColumns
FCKConfig.SmileyWindowWidth
FCKConfig.SmileyWindowHeight
这几项中,请参照原值进行修改。
e) 自定义编辑器显示的工具栏及按钮
找到FCKConfig.ToolbarSets["Default"]这一段,并在里面选择所需要显示的按钮,不需要显示的删除掉。
6. 修改editor/filemanage/connectors/php/config.php。FCKeditor默认是关闭文件上传的,如果要打开, 必须修改这个文件。将$Config['Enabled'] = false ;改为“true”。
继续阅读 »
谈PHP生成静态页面
一、引 言
在速度上,静态页面要比动态页面的比方php快很多,这是毫无疑问的,但是由于静态页面的灵活性较差,如果不借助数据库或其他的设备保存相关信息的 话,整体的管理上比较繁琐,比方修改编辑.比方阅读权限限制等,但是,对应一些我们经常频频使用的文件,比方说,开发的新闻发布系统,我们不希望很多用户 都读取数据库才显示结果,这样一方面消耗了服务器的资源,另一方面占去了浏览者大量可贵的响应时间,所有,有了”静态页面话”的做法,当前很多网站都采用 这种技术,一般都是由管理后台控制,或者生成html直接显示,或者xhtml用css控制显示,或者生成xml用xslt显示,这些技术都不是难的,在 这里我就浅显的说说生成html的方法.
二、预备知识
模板技术:
[PHP] 模板引擎Smarty深入浅出介绍 –2005-12-31
[PHP] 笑谈配置,使用Smarty技术 –2006-01-04
缓存技术:
有些信息比方经常不变的,但是还是能变的信息放在缓存中以加快显示速度,这是很有价值的,所谓的缓存,通俗的理解就是一些保存在服务器端的共用信 息.它是于服务器同生死的,我们在保存缓存的时候可以指定下次更新的时间的判断,比方要在5分钟更新一次,可以记录上次更新的时间,和当前时间比较,如果 大于 5 分钟 ,读取数据库,更新换成,否则直接读取缓存数据,当然,缓存需要客户端用户激活的,只需一次. 继续阅读 »
DIV 图片垂直居中
{
width:160px;
height:160px;
border:solid?1px?#ccc;
text-align:center;
}
.pic?a
{
display:table-cell;
width:160px;
height:160px;
vertical-align:middle;
*display:block;
*font-family:Arial!important;
*font-size:140px;/*约为高度的0.873,160*0.873?约为140*/
*line-height:1;
}
.pic?a?img
{
vertical-align:middle;
max-width:160px;
max-height:160px;
border:0px;
}
CSS em与px的区别
CSS中定义的长度单位有两种,相对长度和绝对长度。相对长度单位主要有:
*?em?(em,元素的字体的高度)
*?ex?(x- height,字母?”x”?的高度)
*?px?(像素,相对于屏幕的分辨率)
绝对长度单位主要有:
*?in?(英 寸,1英寸=2.54厘米)
*?cm?(厘米,1厘米=10毫米)
*?mm?(米)
*?pt?(点,1点=1/72 英寸)
*?pc?(帕,1帕=12点)
使用px和em主要优缺点如下:
1.?IE无法调整那些使用px作 为单位的字体大小,而firefox能够调整使用px和em作为单位的字体;
2.?任意浏览器的默认字体高都是16px。所有未经调整的浏览 器都符合:?1em=16px。那么 12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明?Font- size=62.5%,这就使em值变为?16px*62.5%=10px,?这样12px=1.2em,?10px=1em,?也就是说只需要将你的原 来的px数值除以10,然后换上em作为单位就行了。
em有如下特点:
继续阅读 »
css 之清除区域
清除区域:在css2.1中引入了一个清除区域,当为一个 元素使用clear时, 他的外边距并没有发生变化,而是这个清除区域使得元素落在了浮动元素的下面。
1? <style?type=”text/css”>
2?*{margin:0;padding:0;}
3?p{border:?1px?#66CC00?solid;}
4?img?{
5?????width:40px;
6?????height:40px;
7?????float:left;
8?????border:?1px?#66CC00?solid;
9?}
10?h3{
11?????clear:both;
12?????border:?1px?#66CC00?solid;
13?????}
14?div{padding:20px;width:400px;height:400px;}
15?</style>
16?</head>
17
18?<body>
19?<div>
20?<p>我在上面</p>
21?<img?src=”QQ 截图未命名.png”?/>
22?<h3>我在下面</h3>
23?</div>效果:
近期评论