摘要：
1、加载DOM区别JavaScript：window.onloadfunction first(){ alert('first');}function second(){ alert('second');}window.onload = first;window.onload = second;//只会执行第二个window.onload；不过可以通过以下方法来进行改进：window.onload = function(){ first(); second();}Jquery：$(document).ready()$(document).ready(){ fun 阅读全文
摘要：
一、常见视觉效果是如何实现的 一些事 关于文字效果 互联网的一些事 文字自身属性相关的效果css中都是有相对应的样式的，如字号、行高、加粗、倾斜、下划线等，但是一些特殊的效果，主要表现为ps中图层样式中的效果，css是无能为力的。但是css也在不断发展，在css3中已经新增了文字阴影的效果，可惜IE6、7、8均不支持。所以，一些比较特殊的文字效果，依然只能通过图片来实现。一些事 说说文字间距 互联网的一些事 在css中其实是可以控制文字间距的，但是现实中很少会使用，一方面是很多设计师不知道css中有相应的属性，并且需要使用文字间距的场景也不多，另一方面，浏览器解析文字间距的方式也令这一... 阅读全文
摘要：
代码排版 gg V G=--------------------------------------------------------------------------------------------------------插入动作--------------------------------------------------------------------------------------------------------a 在光标后插入文本A 在当前行插入文本i 在光标前插入文本I 在当前行前插入文本o 在当前行的下边插入新行O 在当前行的上边插入新行s 删除光标所在处 阅读全文
摘要：
一. 移动： h,j,k,l: 左，下，上，右。 w: 下一个词的词首。 e:下一个词的词尾。 b:上一个词的词首。 <>: v 模式选中后进行缩进。--------------------------------------------------------------------------------------------------------二. 跳转： %: 可以匹配{},"",(),[]之间跳转。 H、M、L：直接跳转到当前屏幕的顶部、中部、底部。 #H：跳转到当前屏的第#行。 #L：跳转到当前屏的倒数第#行。 zt: 当前编辑行置为屏顶。 z 阅读全文
摘要：
zen-Coding是一款快速编写HTML,CSS（或其他格式化语言）代码的编辑器插件，这个插件可以用缩写方式完成大量重复的编码工作，是web前端从业者的利器。 zen-Coding插件支持多种编辑器，如UltraEdit，Notepad++等。zen-Conding下载地址：http://code.google.com/p/zen-coding/downloads/list (进入下载页，选择相应的编辑器插件下载)一、Notepad++安装zen-Coding1.下载zen-Coding的Notepad++插件;(zen-Coding for Notepad++)2.解压后将压缩包中的文件放 阅读全文
摘要：
No.1<script language="javascript">var var00 = 0;document.write(var00 + '<br>');var var01 = 1; function foo() { document.write(var01); var var01 = 1;} foo();</script>结果：0undefinedNo.2<script language="javascript">var00 = 0;document.write(var00 + 阅读全文
摘要：
在给网页加一些特效时经常要在<body>中加入“onload”事件，即在网页加载完后执行某事件，例如：<body onload=”alert(‘欢迎光临!’)”，但这样做有个大的缺陷，事件会在网页完全下载完后才会执行，包括网页中的图片或Flash等，如果网页中的图片比较大或有很多图，可能还没等网页完全下载完网友已经点击链接到其它网页去了，这样这个事件就没有执行了。另外在某些特殊情况下可能还修改不了网页的body参数。如在别人网站发表文章时，或用CMS整站系统时。 这时我们会想到用“window.onload”或“document.body.onload”来替换<body 阅读全文
摘要：
正在使用CSS的你，用过CSS Reset吗？当然，或许你用了，却不知道正在用，比如你可能用到：* { padding: 0; margin: 0; border: 0; }这也是一款CSS Reset的方法，让所有的选择器的padding、margin和border都设置成0。这是一种强大的方法，也是最简单，最安全的方法，不过，也是 最占用资源的方法。对于小型的网站来说，用这个并不会带来大的资源浪费，但如果是像Yahoo这种架构非常大的网站，刚需要有选择地进行CSS重设，以减 少资源浪费。下面是Yahoo的CSS重设代码，也是受最多人喜爱的CSS Reset方法，YUI选择的方法是：body 阅读全文
摘要：
高效整洁CSS代码原则 (下)6. 适当的代码注释 代码注释可以让别人更容易读懂你的代码，且合理的组织代码注释，可使得结构更加清晰。你可以选择做的样式表的开始添加目录: /*------------------------------------ 1. Reset 2. Header 3. Content 4. SideBar 5. Footer ----------------------------------- */ 如此你代码的结构就一目了然，你可以容易的查找和修改代码。 而对于代码的主内容，也应适当的加以划分，甚至在有必要的地方在对代码加以注释说明，这样也有利于... 阅读全文
摘要：
高效整洁CSS代码原则 (上)CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则：1. 使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset： *{ margin:0; padding:0; } 这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。/** 清除内... 阅读全文