月份: 2014-11

单行文字滚动效果,jquery手写

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>单行文字滚动效果,jquery手写</title>
<script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js" ></script>
<style>
ul ,li{ margin:0px; padding:0px; list-style:none;}
.roll-box{ background:# #FF0000; height:35px; overflow:hidden;}
.roll-box li { line-height:35px; height:35px;}
</style>

</head>

<body>

<div class="roll-box" id="roll-box">
<ul >
    <li><a href="javascript:;" class="roll-item">1【中国电子进出口浙江公司】 26款热门车型保养费用大公开!看你有没被坑蒙在鼓里~</a></li>
    <li><a href="javascript:;" class="roll-item">2【中国电子进出口浙江公司】 手把手教你折百合花,超简单的</a></li>
    <li><a href="javascript:;" class="roll-item">3【公元大厦】 美丽的水果晚餐!好吃又减肥!</a></li>
</ul>
</div>

<script>
function autoNotice(obj) {

	$(obj).find("ul:first").animate({
		marginTop: "-35px"
	},
	500,
	function() {
		$(this).css({
			marginTop: "0px"
		}).find("li:first").appendTo(this);
	});
}

var myar = setInterval('autoNotice("#roll-box")', 2500);

</script>

</body>
</html>

——————————————————-

小修改:

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>单行文字滚动效果,jquery手写</title>
<script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js" ></script>
<style>
ul ,li{ margin:0px; padding:0px; list-style:none;}
.roll-box{ background:# #FF0000; xheight:35px; overflow:hidden; width:200px;}
.roll-box li { line-height:35px; xheight:35px;}
</style>

</head>
<body>

<div class="roll-box" id="roll-box">
<ul >
    <li><a href="javascript:;" class="roll-item">1【中国电子进出口浙江公司】 26款热门车型保养费用大公开!看你有没被坑蒙在鼓里~</a></li>
    <li><a href="javascript:;" class="roll-item">2【中国电子进出口浙江公司】 手把手教你折百合花,超简单的</a></li>
    <li><a href="javascript:;" class="roll-item">3【公元大厦】 美丽的水果晚餐!好吃又减肥!</a></li>
</ul>
</div>

<script>
function autoNotice(obj) {
	
	var h = $(obj).find("ul:first li:first").height();
	console.log();
	$(obj).find("ul:first").animate({
		marginTop: -h+"px"
	},
	500,
	function() {
		$(this).css({
			marginTop: "0px"
		}).find("li:first").appendTo(this);
	});
}

var myar = setInterval('autoNotice("#roll-box")', 2500);

</script>

</body>
</html>

php取整函数ceil,floor,round,intval函数的区别

 PHP取整函数有
 ceil – 进一法取整,
 floor – 舍去法取整 ,
 round — 对浮点数进行四舍五入,
 intval — 获取变量的整数值,
 下面详细介绍一下:

1、ceil — 进一法取整
说明
float ceil ( float $value )
返回不小于 value 的下一个整数,value 如果有小数部分则进一位。ceil() 返回的类型仍然是 float,因为 float 值的范围通常比 integer 要大。
ceil() 例子

<?php
            echo ceil(4.3); // 5
            echo ceil(9.999); // 10
?>

2、floor — 舍去法取整
说明
float floor ( float $value )
返回不大于 value 的下一个整数,将 value 的小数部分舍去取整。floor() 返回的类型仍然是 float,因为 float 值的范围通常比 integer 要大。
floor() 例子

<?php
            echo floor(4.3); // 4
            echo floor(9.999); // 9
?>

3、round — 对浮点数进行四舍五入
说明
float round ( float $val [, int $precision ] )
返回将 val 根据指定精度 precision(十进制小数点后数字的数目)进行四舍五入的结果。precision 也可以是负数或零(默认值)。
round() 例子

<?php
            echo round(3.4); // 3
            echo round(3.5); // 4
            echo round(3.6); // 4
            echo round(3.6, 0); // 4
            echo round(1.95583, 2); // 1.96
            echo round(1241757, -3); // 1242000
            echo round(5.045, 2); // 5.05
            echo round(5.055, 2); // 5.06
?>

Note: PHP 默认不能正确处理类似 “12,300.2″ 的字符串。
Note: precision 参数是在 PHP 4 中被引入的。

4、intval — 获取变量的整数值
说明
int intval ( mixed $var [, int $base ] )
通过使用特定的进制转换(默认是十进制),返回变量 var 的 integer 数值。
var 可以是任何标量类型。intval() 不能用于 array 或 object。
intval() 例子

<?php
echo intval(4.3); // 4
echo intval(9.999); // 9
?>

Note:
除非 var 参数是字符串,否则 intval() 的 base 参数不会有效果。

个人认为floor函数与intval函数功能相同,所不同之处是一个返回的浮点数(float),而另一个是整数(integer),因为 float 值的范围通常比 integer 要大。不过就数值本身来说两者是相等的。

一维空间到十维空间


——————————

你是程序员吗?

一、
程序猿问科比:“你为什么这么成功? ”

科比:“你知道洛杉矶凌晨四点是什么样子吗? ”
程序猿:“知道,一般那个时候我还在写代码,怎么了?”
科比:“额…….”

二、

女神:你能让这个论坛的人都吵起来,我今晚就跟你走。
程序猿:PHP语言是最好的语言!
论坛炸锅了,各种吵架。
女神:服了你了,我们走吧,你想干啥都行。
程序猿:今天不行,我一定要说服他们,PHP语言是最好的语言。

三、

我是一个苦b的程序员,今晚加班到快通宵了,困得快睁不开眼了,女上司很关心,问我要不要吃宵夜。我没好气地说,宵夜就算了,能让我睡一觉就行了。女上司红着脸说了句讨厌啊,然后坐在我身边不动,好像距离我很近,搞得我很紧张,难道她发现我的程序出了bug?
原来写程序的人有两种分类,一种称为程序猿,一种称为程序媛。我觉得他们一定能够相亲相爱,因为他们有太多的共同语言(比如说C ,Java,C#,PHP,Python,Ruby,cdth……)
程序员相亲,说:我是程序员。美女:程先生你好。程序员:叫我序员就好了
架构师相亲,说:我是架构师。美女:贾先生你好。架构师:叫我狗屎就好了
老公一定要找程序员!!!!!!
钱多话少死的早

四、

老婆给当程序员的老公打电话:“下班顺路买一斤包子带回来,如果看到卖西瓜的,就买一个。”
当晚,程序员老公手捧一个包子进了家门……
老婆怒道:“你怎么就买了一个包子?!”
老公答曰:“因为看到了卖西瓜的。”

五、

A:你们用盗版的时候有想过做出这款软件的程序员吗?!他们该如何养家糊口?
B:哈哈哈,别逗了,程序员哪有家要养啊!
六、

连IE都有勇气问你是否将它设为默认浏览器,你他妈的却想跟我说你没勇气和你喜欢的人表白!

电脑装了五个浏览器,加上IE一共六个。每次当它们哀怨地问我,是否把它们设成默认浏览器的时候,我都找到了古代男人心满意足地看三妻四妾争宠的感觉……

七、

某人发帖子:“各位JR,我想做一个程序猿,请问有什么要注意的……”

某猿:“等我下班跟你细说……”

然后……就没有然后了

八、

我问程序员朋友借了1000,他说再多借你24吧,凑个整

九、

程序员A: “我吃鱼香肉丝盖饭, 你吃什么?”

程序员B: “宫保鸡丁盖饭.”

程序员A 在点菜单写上:

鱼香肉丝盖饭 1

宫保鸡丁盖饭 1

程序员B: “我还是要牛肉面吧!”

程序员A 更正点菜单:

鱼香肉丝盖饭 1

// 宫保鸡丁盖饭 1

牛肉面 1

十、

我是一个程序猿,一天我坐在路边一边喝水一边苦苦检查bug,这时一个乞丐在我边上坐下了,开始要饭,我觉得他可怜,就给了他一块钱,然后接着调试程序。他可能生意不好,就无聊的看看我在干什么,然后过了一会,他幽幽说,这里少了一个分号。

我惊奇的问:“你也懂这行啊” 乞丐说:“我以前就是做这个的。”
十一、

某程序员退休后决定练习书法,于是重金购买文房四宝。一日,饭后突生雅兴,一番研墨拟纸,并点上上好檀香。定神片刻,泼墨挥毫,郑重地写下一行字:hello world!

十二、

搞IT太辛苦了,想换一行怎么办?”“敲一下Enter键。”

十三、

程序员不喜欢乾隆的第八个儿子,因为八阿哥 bug

十四、

程序员的读书历程:x 语言入门 —> x 语言应用实践—> x 语言高阶编程 —> x 语言的科学与艺术—> 编程之美 —> 编程之道 —> 编程之禅—> 颈椎病康复指南。

十五、

上课听见毛概老师给我们讲沈从文,”沈从文你们不知道么?你们怎么能不知道呢?《边城》的作者啊!”大家听完都把C++的书拿了出来,看了眼封面,半天才反应过来==、谁让我们是新一代编程者

wamp 相关下载

vcredist_x64.exe
http://pan.baidu.com/s/1c0lJ1cs

APMServ5.2.6_zip.exe
http://pan.baidu.com/s/1c0lJ1cs

vcredist_x86.exe
http://pan.baidu.com/s/1dDhDD2T

wampserver2.5-Apache-2.4.9-Mysql-5.6.17-php5.5.12-32b.exe
http://pan.baidu.com/s/1ntFnrRz

wampserver2.2d_x64.exe
http://pan.baidu.com/s/1kTn7c2b

wampserver2.2_x86.exe
http://pan.baidu.com/s/1dDCfPDn

wampserver2.5-Apache-2.4.9-Mysql-5.6.17-php5.5.12-64b.exe
http://pan.baidu.com/s/1sjwOnxz

官方网站:http://www.wampserver.com
相关版本:http://sourceforge.net/projects/wampserver/files/WampServer%202/

对PHP安全有帮助的一些函数

安全一直是一个在编程语言中非常值得去关注的方面。在任何一种成熟的编程语言中都有合适的办法来保证程序的安全性,在现代的 WEB 开发中,我们常常需要去处理用户的输入。(那么这时候,问题就来了)有一句编程格言是: 千万不要相信用户输入的安全性。所以呢,今天就介绍一些在PHP 中最常用的为你的代码提供安全保护的方法。

在PHP 中有许多方便的函数可以帮助你免于类似于 SQL注入,XSS攻击。现在让我们来看一下这些能够给你的项目增加安全性的函数吧。但是,请注意,这里只是一些常用的函数的列表,也许他们并不全面,但是我相信他们都是对你的项目是非常有帮助的。

mysql_real_escape_string( string sqlQuery ) :

●转义 SQL 语句中使用的字符串中的特殊字符,并考虑到连接的当前字符集。一个非常有用的函数,可以有效地避免 SQL 注入。

以下字符会被转换:

\x00,\n,\r,\,’,”,\x1a

在执行sql语句之前,对要将执行的sql query 使用该函数处理,会将一些危 险扼杀在摇篮中。

但是现在一般在较为成熟的项目中,一般比较推荐使用类似 PDO 这样的数据库持久层来处理所有的数据库操作。他们代表着更为先进的数据库操作处理技术,在安全性,数据读写的速度上逗比那些古老的 mysql_* api 强大了不少。

addslashes() :

在将一些数据插入到数据库中时,这个函数会非常有用,它可以在单引号前加上反斜杠,使得数据在插入时不会出现错误。但是它的使用与php.ini 中的一项设置有关系 — magic_quotes_gpc

1. 对于PHP magic_quotes_gpc=on的情况, 我们可以不对输入和输出数据库的字符串数据作addslashes()和stripslashes()的操作,数据也会正常显示。

如果此时你对输入的数据作了addslashes()处理,那么在输出的时候就必须使用stripslashes()去掉多余的反斜杠。

2. 对于PHP magic_quotes_gpc=off 的情况

必须使用addslashes()对输入数据进行处理,但并不需要使用stripslashes()格式化输出,因为addslashes()并未将反斜杠一起写入数据库,只是帮助mysql完成了sql语句的执行。

【stripslashes() :删除由 addslashes() 函数添加的反斜杠。】

htmlentities() :

一个非常有用的用来处理输出的函数。它用来将一些可能导致XXS攻击的字符转化为html实体,这些字符在浏览器显示的时候是正常的,但是当你查看它的源代码时,实际上这些特殊字符必不会是他显示的那样,例如

输出:

John & ‘Adams’

源码:

John&nbsp;&amp;&nbsp;’Adams’;

输出:

<>

源码:

&lt;&gt;gt;

编码这些符号,有效地避免了XSS 攻击。

htmlspecialchars():

和上面的函数是一样的,但是它更常用一些,因为 htmlentities() 是将所有的有在html 标准中定义了的字符转换成他们对应的html实体,这样会是你的输出缺乏易读性(html 实体列表 http://www.w3school.com.cn/tags/html_ref_entities.html)。所以呢,使用 htmlspecialchars() 只是将一些 预定义的字符(就是会导致出现问题的)转换为html实体。例如:

& (和号) 成为 &

” (双引号) 成为 ”

‘ (单引号) 成为 ‘

< (小于) 成为 <

> (大于) 成为 >

所以,在一些项目中,我还是常常使用 htmlspecialchars() 来处理html 的输出的。他在安全这一方面做得更具体一些。

strip_tags(): 一般在输出时使用,将HTML、XML 以及 PHP 的标签剥去。

函数原型: strip_tags(string,allow)

String 代表输入的字符串,allow 代表 不删除的标签,你可以通过 allow 来自定义过需要滤掉的标签

md5() :

一个将字符串转换为一个32位的哈希值的函数(不能逆向解密),任何一个字符串都能通过这个函数获得一个唯一的32位字符串。但是,现在使用这个函数时,需要注意有一些数据库记录了大量的md5 值,通过暴力枚举的方式来破解你的密码,所以在使用的时候,你可以先将你的原字符串加一层密,然后再使用md5()哈希,会获得更好的效果。

sha1() :

和md5() 和相似的一个函数,但是他使用不同的算法生成一个 40个字符的字符串。可以在项目中考虑使用

intval() :

也许你认为这个函数不是一个 security function。但是它在某些情况下可以很好地保护你的code。对从用户收集到的一些数据例如 ID,password,username处理,也许可以消除一些安全隐患,毕竟这里是重灾区。

写给HTML初学者的30条最佳实践

1.保持标签闭合

以前,经常见到类似下面的代码(译注:这是多久以前啊……):

<li>Some text here.  
<li>Some new text here.  
<li>You get the idea.

注意外面包裹的UL/OL标签被遗漏了(谁知是故意还是无意的),而且还忘记了关闭LI标签。按今天的标准来看,这是很明显的糟糕做法,应该100%避免。总之,保持闭合标签。否则,你验证html标签的时候可能遇到问题。

更好的方式

<ul>  
  <li>Some text here. </li>  
  <li>Some new text here. </li>  
  <li>You get the idea. </li>  
</ul>

2.声明正确的文档类型

笔者早先曾加入过许多CSS论坛,每当用户遇到问题,我们会建议他首先做两件事:

1.验证CSS文件,保证没有错误。

2.确认添加了正确的doctype

DOCTYPE 出现在HTML标签之前,它告诉浏览器这个页面包含的是HTML,XHTML,还是两者混合,这样浏览器才能正确解析。

通常有四种文档类型可供选择:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

关于该使用什么样的文档类型声明,一直有不同的说法。通常认为使用最严格的声明是最佳选择,但研究表明,大部分浏览器会使用普通的方式解析这种声明,所以很多人选择使用HTML4.01标准。选择声明的底线是,它是不是真的适合你,所以你要综合考虑来选择适合你得项目的声明。

3.永远不要使用内联样式

当你在埋头写代码时,可能会经常顺手或偷懒的加上一点行内css代码,就像这样:

<p style="color: red;">I'm going to make this text red so that it really stands out and makes people take notice! </p>

这样看起来即方便又没有问题。然而,这在你的编码实践中是个错误。

在你写代码时,在内容结构完成之前最好不要加入样式代码。

这样的编码方式就像打游击,是一种很山寨的做法。——Chris Coyier

更好的做法是,完成标签部分后,再把这个P的样式定义在外部样式表文件里。

建议

#someElement > p {  
  color: red;  
}

4.将所有外部css文件放入head标签内

理论上讲,你可以在任何位置引入CSS样式表,但HTML规范建议在网页的head标记中引入,这样可以加快页面的渲染速度。

雅虎的开发过程中,我们发现,在head标签中引入样式表,会加快网页加载速度,因为这样可以使页面逐步渲染。 —— ySlow团队
<head>  
<title>My Favorites Kinds of Corn</title>  
<link rel="stylesheet" type="text/css" media="screen" href="path/to/file.css" />  
<link rel="stylesheet" type="text/css" media="screen" href="path/to/anotherFile.css" />  
</head>

5.javascript文件放在底部

要记住一个原则,就是让页面以最快的速度呈现在用户面前。当加载一个脚本时,页面会暂停加载,直到脚本完全载入并执行完成。因此会浪费用户更多的时间。

如果你的JS文件只是要实现某些功能,(比如点击按钮事件),那就放心的在body底部引入它,这绝对是最佳的方法。

建议

<p>And now you know my favorite kinds of corn. </p>  
<script type="text/javascript" src="path/to/file.js"></script>  
<script type="text/javascript" src="path/to/anotherFile.js"></script>  
</body>  
</html>

6.永远不要使用内联javascript。现在不是1996年了!

许多年以前,还存在一种这样的方式,就是直接将JS代码加入到HTML标签中。尤其是在简单的图片相册中非常常见。本质上讲,一个“onclick”事件是附加在 标签上的,其效果等同于一些JS代码。不需要讨论太多,非常不应该使用这样的方式,应该把代码转移到一个外部JS文件中,然后使用“ addEventListener / attachEvent ”加入事件监听器。或者使用jquery等框架,只需要使用“click”方法。

$('a#moreCornInfoLink').click(function() {  
  alert('Want to learn more about corn?');  
});

7.边开发,边验证

很多人并不真正理解标准验证的意义和价值,笔者在一篇博客中详细分析了这个问题。一句话,验证是为你服务的,不是给你找麻烦的。

如果你刚开始从事网页制作,那强烈建议你下载Web Developer Toolbar(chrome用户请自行在应用商店搜索,ie用户可能就杯具了) ,并在编码过程中随时使用”HTML标准验证”和“CSS标准验证”。如果你认为CSS是一种非常好学的语言,那么它会把你整的死去活来。你不严谨的代码会让你的页面漏洞百出,问题不断,一个好的方法就是—— 验证,验证,再验证。

8.下载firebug

Firebug是当之无愧的网页开发最佳插件,它不但可以调试JavaScript,还可以直观的让你了解页面标记的属性和位置。不用多说, 下载!

据笔者观察,大部分的使用者仅仅使用了Firebug 20%的功能,那真是太浪费了,你不妨花几个小时的时间来系统学习这个工具,相信会让你事半功倍。

资源

●Overview of Firebug

●Debug Javascript With Firebug – video tutorial

10.保持标签名小写

理论上讲,html不区分大小写,你可以随意书写,例如:

<DIV>  
<P>Here's an interesting fact about corn. </P>  
</DIV>

但最好不要这样写,费力气输入大些字母没有任何用处,并且会让代码很难看.

建议

<div>  
  <p>Here's an interesting fact about corn. </p>  
</div>

11.使用H1-H6标签

笔者建议你在网页中使用其中全部六种标记,虽然大部分人只会用到前四个,但使用最多的H会有很多好处,比如设备友好、搜索引擎友好等,不妨把你的P标签都替换成H6。

<h1>This is a really important corn fact! </h1>  
<h6>Small, but still significant corn fact goes here. </h6>

12.写博客时,请将H1留给文章标题

今天笔者在Twitter上发起一次讨论:是该把H1定义到LOGO上还是定义到文章标题上,有80%的人选择了后者。

当然具体如何使用要看你的需求,但我建议你在建立博客的时候,将文章题目定为H1,这对搜索引擎优化(seo)是非常有好处的。

13.下载ySlow

在过去几年里,雅虎的团队在前端开发领域做了许多伟大的工作。前不久,它们发布了一个叫ySlow的Firebug扩展,它会分析你的网页,并返回 一个“成绩单”,上面细致分析了这个网页的方方面面,提出需要改进的地方,虽然它有点苛刻,但它绝对会对你有所帮助,强烈推荐—— ySlow!

14.使用无序列表(UL)包裹导航菜单

通常网站都会有导航菜单,你可以用这样的方式定义:

<div id="nav">  
 <a href="#">Home </a>  
  <a href="#">About </a>  
  <a href="#">Contact </a>  
</div>

如果你想书写优美的代码,那最好不要用这种方式。

为什么要用UL布局导航菜单? ——因为UL生来就是为定义列表准备的

最好这样定义:

<ul id="nav">  
  <li><a href="#">Home</a></li>  
  <li><a href="#">About</a></li>  
  <li><a href="#">Contact</a></li>  
</ul>

15.学习如何应对IE

IE一直以来都是前端开发人员的噩梦!

如果你的CSS样式表基本定型了,那么可以为IE单独建立一个样式表,然后这样仅对IE生效:

<!--[if lt IE 7]>  
   <link rel="stylesheet" type="text/css" media="screen" href="path/to/ie.css" />  
<![endif]-->

这些代码的意思是:如果用户浏览器是IE6及以下,那这段代码才会生效。如果你想把IE7也包含进来,那么就把“[if lt IE 7]”改为“[if lte IE 7]”。

16.选择合适的IDE

不论你是Windows还是Mac用户,这里都有很多优秀的编辑器供你选择:

Mac 用户

●Coda

●Espresso

●TextMate

●Aptana

●DreamWeaver CS4 PC 用户

●InType

●E-Text Editor

●Notepad++

●Aptana

●Dreamweaver CS4

17.上线前,压缩代码

通过压缩您的CSS和Javascript文件,您可以减少总大小的25%左右,但在开发过程中不必压缩,然而,一旦网站完成后,利用一些网络压缩程序或多或少节省一些带宽。下面列出一些工具。

Javascript 压缩服务

●Javascript Compressor

●JS Compressor

CSS Compression Services

●CSS Optimiser

●CSS Compressor

●Clean CSS

18.精简,精简,在精简

回望我们大多数人写的第一个页面,一定会发现严重的 “DIV癖”( divitis ),通常初学者的本能就是把一个段落用DIV包起来,然后为了控制定位而套上更多的DIV。—— 其实这是一种低效而有害的做法。

网页写完后,一定要多次回头检查,尽量的减少元素的数量。 能用UL布局的列表就不要用一个个的DIV去布局。

正如写文章的关键是“缩减,缩减,缩减”一样,写页面也要遵循这个标准。

19.给所有图片加上“alt”属性

为图片加上alt属性的好处是不言而喻的 —— 这样可以让禁用图片或者使用特殊设备的用户无障碍得了解你的王爷信息,并且对图像搜索引擎友好。

糟糕的做法

<IMG SRC="cornImage.jpg" />

更好的做法

<img src="cornImage.jpg" alt="A corn field I visited." />

20.通宵达旦

我经常不知不觉的学习工作到凌晨,我认为这是个很好的状况。

我的“啊~哈!”时间( “AH-HA” moments,指柳暗花明或豁然开朗的时刻)通常都发生在深夜,比如我彻底理解JavaScript的“闭包”概念,就是在这样一种情况下。如果你还没有感受过这种奇妙的时刻,那就马上试试吧!

21.查看源代码

没有什么比模仿你的偶像能让你更快的学习HTML。起初,我们都要甘做复印机,然后慢慢得发展自己的风格。研究你喜欢的网站页面代码,看看他们是怎么实现的。这是高手的必经之路,你一定要试一下。注意:只是学习和模仿他们的编码风格,而不是抄袭和照搬!

留意网络上各种炫酷的JavaScript效果,如果看上去是使用了插件,那根据它源码中head标签内的文件名,就可以找到这个插件名称,然后就可以学习它据为己用。

22.为所有的元素定义样式

这一条在你制作其他公司企业网站时尤为必要。你自己不使用blockquote标记?那用户可能会用,你自己不使用OL?用户也可能会。花时间做一个页面,显示出ul, ol, p, h1-h6, blockquotes, 等等元素的样式,检查一下是否有遗漏。

23.使用第三方服务

现在互联网上流行着许多可以免费加在网页中的API,这些工具非常强大。它可以帮你实现许多巧妙的功能,更重要的是可以帮你宣传网站。

24.掌握Photoshop

Photoshop是前端工程师的一个重要工具,如果你已经熟练掌握HTML和CSS,那不妨多学习一下Photshop。

1.观看Psdtuts+上的视频课程。

2.花费每月25$注册成为Lynda.com的会员,海量精品课程。

3.推荐“You Suck at Photoshop”系列

4.花费几个小时记住尽可能多的PS快捷键。

25.学习每一个HTML标签

虽然有些HTML标签很少用到,但你依然应该了解他们。比如“abbr”、“cite”等,你必须学习它们以备不时之需。

顺便说下,如果你不熟悉上面两个标签,可以看下下面的解释:

●abbr 和你估计的差不多,它是abbreviation的缩写(英语差的估计不到),“Blvd”能用<abbr>标签包裹,因为他是“boulevard”的缩写。(喜大普奔也可以喽)。

●cite 被用来作为引用内容的标题(blockquote)。例如,如果你在你的博客中引用本篇文章,你可以将“给HTML初学者的三十条最佳实践”用<cite>包裹,注意它不应该被用来包裹引用的作者,这是常见的误区。

26.参与社区讨论

网络上有许许多多优秀的资源,而社区中也隐藏着许多高手,这里你既可以自学,也能请教经验丰富的开发者。

27.使用reset.css

Css Reset也就Reset Css ,就是重置一些HTML标签样式,或者说默认的样式。

关于是否应该使用CSS Reset,网上也有激烈的争论,笔者是建议使用的。你可以先选用一些成熟的CSS Reset,然后慢慢演变成适合自己的。

html, body, div, span,   
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
img, ins, kbd, q, s, samp,  
small, strike, strong,   
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td {  
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    font-size: 100%;  
    vertical-align: baselinebaseline;  
    background: transparent;  
}  
body {  
    line-height: 1;  
}  
ol, ul {  
    list-style: none;  
}  
blockquote, q {  

    quotes: none;  
}  
blockquote:before, blockquote:after,  
q:before, q:after {  
    content: '';  
    content: none;  
}  
  
table {  
    border-collapse: collapse;  
    border-spacing: 0;  
}

28.对齐元素

简单来说,你应该尽可能的对齐你的网页元素。可以观察一下你喜欢的网站,它们的LOGO、标题、图表、段落肯定是对得非常整齐的。否则就会显得混乱和不专业。

29.关于PSD切片

现在你已经掌握了HTML、CSS、Photoshop知识,那么你还需要学习如何把PSD转换为网页上的图片和背景,下面有两个不错的教程:

●Slice and Dice that PSD

●From PSD to HTML/CSS

30.不要随意使用框架

Javascript和CSS都有许多优秀的框架,但如果你是初学者,不要急于使用它们。如果你还没能熟练的驾驭CSS,使用框架会混淆你的知识体系。尽管你可能能会说javascript和jQuery是可以同事学习的,但这对css并不适合。我个人提倡960 CSS 网格框架,并且我经常使用它。还是那句话,如果你是css的初学者,学习框架只会让你更加困惑。

CSS框架是为熟练开发者设计的,这样会节省它们大量的时间

Chrome浏览器的8个实用GitHub扩展

今天,我们一起来看一下Chrome浏览器拥有的8个非常有用的扩展,它可以帮助我们在GitHub上拥有更好的上网体验。这些扩展大都是比较细微的小功能,但是却被非常多的人验证是非常节省时间的,同时很多扩展都直接托管在GitHub上。

1. Octotree

Octotree 是一个 Chrome 扩展,用来显示 Github 项目的目录结构,它允许你直接从浏览器中浏览项目。通过使用Octotree,你可以减少花费在下载和搜索项目的时间,并且这适用于所有主流的浏览器。

2. ZenHub

ZenHub作为一种项目管理工具,它是原产于GitHub上的。ZenHub也可以提升你的整体工作流程,同时还具备实时问题跟踪、拥有反馈系统以及能上传文件到GitHub的特点。对于团队工作这是一个非常好的扩展。

3. GitHub Notifier

通过使用这个扩展你能够看到实时通知,而不需要在访问网站看他们是否有更新通知。

4. GitHub Highlight Selected

怎么样让GitHub更像是一个IDE呢?那么你就不能错过这样一个扩展功能了。GitHub Highlight Selected可以让你在GitHub项目的源代码当中选着你所需要强调的词,然后在你的文件当中你所想要强调的此就会被标记。

5. GH Diff Highlight

与上一个扩展功能类似,不同之处在于此扩展能够突出源代码中的差异,同时语法上突出显示了在GitHub上的diff文件。

6. GitHub Linker

GitHub Linker是Google Chrome的一个扩展链接NPM, bower,Composer和 Duo,它们依赖GitHub的库页面。

7. Sourcegraph

这又是一个非常重要的扩展,它能够在你的GitHub页面添加像IDE一样的功能。

8. GitHub Table of Content

GitHub上被广泛称赞的是拥有许多重要的资源,例如像D3.js库,用于构建图形和可视化。那么你知道D3.js库可以在GitHub上展示数百种用法吗?如果你想建立属于自己GitHub页面,为什么不使用这个扩展功能来帮助你呢?

织梦系统中出现DedeTag Engine Create File False提示原因及解决方法

今天更新网站时dedecms系统时,遇到一个问题:DedeTag Engine Create File False  出现这样的提示。

其实这也不算是什么错误,我个人觉得最重要的一点就是根目录下没有给写权限。当然,我用的是Linux系统。我直接给了777权限之后就可以了。

之后在网上看到了一些答案,也贴在这里。希望对有需要的朋友有所帮助。

第一种情况:站点、文件夹权限不足造成无法建立文件

这种情况的出现,一方面可能是Apache设置的读写权限较严格,另一方面原因可能是使用者通过服务器或FTP对一些文件夹设置了错误的读写权限造成。这时候,只需修改网站根目录或相关栏目的目录上修改权限为755即可解决。

解决办法:
第一步、定位出错的文件,即查找生成什么文件时出的问题。
方法:修改 include/dedetag.class.php文件,搜索”DedeTag Engine Create File False“,会找到以下代码
$fp = @fopen($filename,”w”) or die(“DedeTag Engine Create File False”);
修改成
$fp = @fopen($filename,”w”) or die(“DedeTag Engine Create File False:$filename”);

重新生成栏目或者文档时,即可提示当前文件信息。
第二步、检查是否有写入权限,windows服务器请给予写入权限,linux服务器请给予777权限。如果目录或者文件不存在,请手工建立。
常见的错误情况有:data目录没有写入权限,html静态文件目录没有写入权限,index.html首页静态文件没有写入权限。

此时在进行生成栏目或者页面HTML操作,即可顺利进行。

第二种情况:列表、频道、文章等命名规则未填写或填写错误

此种情况较为少见,因为初级用户一般不会去修改这些东西,情况可以大致分为:

命名规则未填写(即为空)

  • 解决方法:只需填好相应的规则即可,重新选择栏目类型,也可以快速自动填写。
  • 命名规则中含有非法字符
    解决方法:将非法字符替换或删除。
  • 命名规则设置错误
    例如:命名列表页为{typedir}/{tid}.html,这种命名方式对列表只有一页的栏目是正常的,如果列表是两页或两页以上时,由于进程冲突,生成栏目就会出现 DedeTag Engine Create File False 的提示。
    解决方法:此时只需要增加{page}变量到名称中即可解决问题。
  • 生成文件的层次不对
    例如设置列表文件要在列表{typedir}目录下,不能向下再有目录比如:{typedir}/list{tid}{page}.html是对的,可以生成但是如果设置为 {typedir}/list/{tid}{page}.html这样将会出错

第三种情况:发布文章后将栏目改为了“外部链接”类型

在某个栏目里发了几篇文章,后来把这个栏目改成外连接了,更新文档时,系统还会更新这个栏目下的那几篇文章,但地址是外连接,所以无法生成文件,由此产生DedeTag Engine Create File False提示

解决方法:把栏目改回的目录,把文章删除,再改回外部链接类型。

好了,也就差不多这些了。有什么问题可以给我留言!

Navicat for MySQL 10.1.6中文版 | 适用于MySQL的图形化数据库管理报告及监控的工具

Navicat for MySQL 10.1.6中文版 

适用于MySQL的图形化数据库管理报告及监控的工具

下载地址:http://pan.baidu.com/s/1hswlekc

内含安装文件 和 序列号

DIV+CSS教程第一期需要的软件和质料

明天晚上上课 需要用到的一些东西,希望大家体现下载

我都放到我的qq微云里的,大家转进时间下载。

Adobe Dreamweaver CS3
http://pan.baidu.com/share/link?shareid=318434&uk=1010090726

Adobe Photoshop CS3
http://url.cn/KnRuv8

photoshopcs8.01_完整版
http://pan.baidu.com/share/link?shareid=348858&uk=1010090726

W3School离线电子书2013.09.chm
http://url.cn/Liwtr3

网站实例jpg+html
http://url.cn/cgoDCM

——————–

——————–

——————–