2011年11月_xiongzhengxiang

原创 js event.x,event.clientX,event.offsetX区别

blog:xiongzhengxiang interest:inovation and thinking test testeventx = function(e){ alert(e.tagName); alert("e.x is "+ e.x); alert("e.clientX is " +e.clientX);

2011-11-30 21:01:07 1016

转载你必须知道的28个HTML5特征、窍门和技术

前端的发展如此之迅猛，一不留神，大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话，可以把本文的内容作为必须了解的热身课程。一、新的Doctype//zxx:”doctype”中文意思指“文档类型”仍在使用麻烦的，不可能记得住的XHTML文档类型？<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML

2011-11-30 18:53:31 1443

原创诡异css bug 记录

li空间明明放得下a下面的文字，但是a的文字却折行了。解决办法：white-space:nowrap;

2011-11-30 16:02:04 942

原创 white-space || word-space

white-space : 设置文本行内容是否在对象内自动换行；normal:正常，默认值，文本行内容自动换行。如果文本内容超过对象宽度，则在下一行自动换行。nowrap：不换行，当内容超出对象宽度时也不换行。word-spacing 属性增加或减少单词间的空白（即字间隔）。normal默认。定义单词间的标准空间。le

2011-11-30 14:59:18 1022

原创看起来不错的个人blog

http://www.cnblogs.com/meteoric_cry/category/259039.html2011.11.29

2011-11-28 23:23:29 577

原创浏览器本地存储-localStorage && globalStorage || sessionStorage || UserData

浏览器的本地存储出来也有段时间了。Firefox 是从 2开始支持的，IE 似乎是从 8 才开始支持。 Google Chome 似乎暂时还不支持。关于客户端存储的标准，可以参考这里:http://www.whatwg.org/specs/web-apps/current-work/#scs-client-side这一个存储是基于DOM的，也可以说是未来各个浏览器都会支持的

2011-11-28 09:09:52 3385

转载软件公司的两种管理方式

这篇文章是我的一个外国的同事Gareth推荐给我的，我和他一起工作过一段时间。他之所以觉得非常不错，是因为这篇文章让他身有体会，他觉得我也一定会有体会，并让我考虑一下翻译到我的blog上来。我看完后觉得很有代表性，而且觉得说得太对了，所以翻译过来，希望大家都读一读，最好转给你的公司老板。这篇文章来源于 StakeExchange上的一个问题——“为什么BA和PM的薪水要比程序员要高？”，顶

2011-11-22 19:11:12 524

原创 vim 如何处理行末的^M

:%s/\r//g 替换为空格:%s/\r/\r/g 替换为换行转自：http://successtheory.com/tips/vimtips.html http://www.zinkwazi.com/unix/notes/vimtips.html

2011-11-21 14:48:05 970

转载 vim删除文本的命令

x 删除光标下的字符 ("dl" 的缩写)X 删除光标前的字符 ("dh" 的缩写)D 从当前位置删除到行尾 ("d$" 的缩写)dw 从当前位置删除到下一个单词开头db 从当前位置删除到前一个单词的开头diw 删除光标上的单词 (不包括空白字符)daw 删除光标上的单词 (包括空白字符)dG 删除到文件末dgg

2011-11-21 14:31:35 832

转载 visualsvn 和 TortoiseSVN 版本控制工具使用说明

VisualSVN Server是免费的，而VisualSVN是收费的。VisualSVN是SVN的客户端，和Visual Studio集成在一起， VisualSvn Server是SVN的服务器端，包括Subversion、Apache和用户及权限管理，优点在上面已经说过了。1.为什么要用VisualSVN Server，而不用Subversion？回答：因

2011-11-20 22:27:30 953

转载 native2ascii用法解析

native2ascii是sun java sdk提供的一个工具。用来将别的文本类文件（比如*.txt,*.ini,*.properties,*.java等等）编码转为Unicode编码。为什么要进行转码，原因在于程序的国际化。用法：native2ascii [-reverse] [-encoding 编码] [输入文件 [输出文件]]-[options]：表示命令开关，有两个选项

2011-11-18 09:34:49 555

转载使用Google 的 Closure Compiler来压缩javascript

Closure Compiler是一个google出的用来压缩、检查javascript的工具。其项目地址在：http://code.google.com/closure/compiler/Closure Compiler的使用方法有如下3种：在命令行下使用一个google编译好的java程序使用google提供的在线服务使用google提供的RESTful API下面我来分别介绍

2011-11-18 09:28:12 3021

转载 js压缩工具 yuicompressor 使用教程

官方网址：http://developer.yahoo.com/yui/compressor/JS与css 压缩工具 yuicompressor当前最新版本：2.4.2 运行需要先安装JDK，官方下载地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk-7u1-download-513651.html 根据自己的系

2011-11-18 09:20:32 2060

转载整理优化你的CSS代码

当我们面对网站项目里日益庞大的css，javascript文件，无论是为了二次开发还是浏览器解析，都应该优化他们的代码，但是优化并不意味着是简单的压缩或减小文件体积。条理清晰，运行效率高才是我们要的结果。那么有哪些手段能够我们的css代码呢？一起来看看下面的一些建议吧。1.使用缩写缩写能够缩短你的工作时间，减小你的文件体积，何乐而不为？针对相近的不同设置不同的值：view

2011-11-17 15:34:20 647

转载高效CSS属性缩写

今天在整理电脑时发现了曾经学习 CSS 时保存的一篇文章，感觉很有用，保存在电脑上说不定什么时候就找不到了，不如就贴到博客里了。原文是英文的，顺便翻译了一下。水平有限，并没有严格按照原文翻译，只能算意译，如有不到位之处敬请谅解。希望对正在研究网站前端技术的朋友有些许帮助。原文：Efficient CSS with shorthand properties作者：Roger Joh

2011-11-17 15:15:51 899

转载技巧：Vimdiff 使用

源程序文件（通常是纯文本文件）比较和合并工具一直是软件开发过程中比较重要的组成部分。现在市场上很多功能很强大的专用比较和合并工具，比如 BeyondCompare；很多IDE 或者软件配置管理系统，比如Eclipse, Rational ClearCase都提供了内建的功能来支持文件的比较和合并。当远程工作在Unix/Linux平台上的时候，恐怕最简单而且到处存在的就是命令行工具，比如di

2011-11-17 13:09:04 1416

转载如何对付大公司

转述《UCDChina》曾经有两年，我被邀请去创建一家小公司，和几个创始人一起扎到了几百万风险投资。是一段黯淡的创业故事来着。还记得刚开始扎投资的时候，谈了好几家，每个VC都会问我类似的问题。“你有没有想过，如果网易，新浪，腾讯也来做你现在的项目，你怎么办？”回答很老套：我们有核心技术，有坚忍不拔的创业团队，有抢先一步创新尝试的市场机遇……等等（五官也作坚忍不拔状）

2011-11-16 10:12:34 707

原创 block fomatting context 怎么应用的？它是什么？

要实现以上效果，你会怎么写css呢？方案1： .... .twit_list dd .twit_item_pic{float:left;width:66px;padding-top:2px;}.twit_list dd .twit_item_content{float:left;width:316px;color:#

2011-11-15 09:40:02 711

转载可以参考的vim配置（主要是插件）

转自：http://nootn.com/blog/Tool/22/VIM配置文件（2011-09-01更新）Update(2011-09-01): 今早再次更新，终于是把64位下的libiconv给搞定了，编辑不同编码的文件终于没有乱码了，回到在32位系统的T43中爽了，真好。_vimrc也微微改了点东西，今后不在blog中更新_vimrc了，在这里查看_vimrc。Update(20

2011-11-14 18:37:38 1117

原创我自己的vim编辑器-我的插件集合

1. 自动补全工具-word_complete.vimInsert模式下在输入的时候自动补全单词，如果补全正确可以按Tab键接受，否则可以不管它继续输入或者按Ctrl-n，Ctrl-p切换补全。注意是输入三个字符后才开始补全。安装：1. 拷贝文件到[你的gvim的安装目录]\vimfiles\plugin\2. 激活补全模式:call DoWordComplete()

2011-11-14 18:06:30 1121 1

转载怎样花两年时间去面试一个人

Joel Spolsky曾经感叹：招聘难，难于上青天（此处笔者稍加演绎:)）。他有两个辛辣但不乏洞察力的断言：真正的牛人也许一辈子就投大概4次简历，这些家伙一毕业就被好公司抢走了，并且他们的雇主会给他们不赖的待遇，所以他们也不想挪窝。（刚刚去世的Dennis Ritchie就是这样一个人）而“人才”市场上能找到的大多都不是什么人才。招到这帮人轻则费钱重则把你公司搞挂。诚然，也许没有哪个

2011-11-14 09:56:28 581

原创 js 判断空对象｛｝

打个广告，请有意向加入腾讯的前端，将简历发送至mzxbupt@gmail.com我们可以使用JQuery判断空对象的方法：isEmptyObject: function( obj ) { for ( var name in obj ) { return false; } return true; } 原理：var a ={};al

2011-11-10 18:24:53 6690

转载 float 原理，看懂这一篇，你就懂了！！！

CSS Float是网页设计最强大的灵活性功能之一。本文介绍CSS Float的基本原理和行为特征，并介绍各种浏器Float特性的Bugs。内容基本的浮动原理浮动是如何进行的浮动从何处开始水平浮动堆叠反向浮动Clearing Floats基本的浮动原理任何元素 element 都可以被浮动。段落、div、list、tables,以及图像都可以被浮动，事实上即

2011-11-10 14:56:35 6611 1

转载能大大提升工作效率和时间效率的9个重要习惯

【本文系外部转载，原文地址：http://www.cnblogs.com/Mainz/archive/2011/06/12/2078810.html】现代人都很忙，但忙的可能没有效率，可能在“忙人”摸象，也就是瞎忙。也许你的效率可以提升20倍，也许你的激情和潜能可以提升10倍！秘诀就在于目标管理、时间管理、精力管理、如何在短时间内完成更多的事情、如何从痛苦的修行中悟道、如何尊

2011-11-10 09:42:44 731

转载 VI/VIM常用命令

Vi是“Visual interface”的简称，它在Linux上的地位就仿佛Edit程序在Dos上一样。它可以执行输出、删除、查找、替换、块操作等众多文本操作，而且用户可以根据自己的需要对其进行定制，这是其他编辑程序所没有的。 Vi不是一个排版程序，它不象Word或WPS那样可以对字体、格式、段落等其他属性进行编排，它只是一个文本编辑程序。 Vi没有菜单，只有命令，且

2011-11-09 18:42:14 625

转载高性能Javascript【八】编程实战

【本文系外部转载，原文地址：http://www.hotels2map.com/blog/?p=227】避免因使用eval()和Function()构造器带来的双重求值造成的性能消耗，同样，设置setTimeout()和setInterval()的参数为函数，而不是字符串。尽量使用直接量创建对象和数组，直接量的创建和初始化都比非直接量形式要快。避免做重复

2011-11-09 09:29:29 649

转载用Javascript获取页面元素的位置

制作网页的过程中，你有时候需要知道某个元素在网页上的确切位置。下面的教程总结了Javascript在网页定位方面的相关知识。一、网页的绝对大小和相对大小首先，要明确两个基本概念。一张网页的全部面积，就是它的绝对大小。通常情况下，网页的绝对大小由内容和CSS样式表决定。网页的相对大小则是指在浏览器窗口中看到的那部分网页，也就是浏览器窗口的大小，又叫做viewp

2011-11-09 09:08:58 591

转载实用职场减压新策略：随时接吻

可能是上压力管理课程的原因，特别关注此类的信息，虽然有很多的方法，但看国外专家的研究蛮有意思的，可能和爱人的拥抱，和爱人的亲吻，以及和家人协调的家庭氛围比那些貌似有道理的减压方法更加凑效。策略一："随时接吻"　　当我辛苦工作一天回家后，我会吻我的丈夫，不好的事情就不再要紧了，"在诺克斯维尔47岁的会计师谢丽尔说。　　科学认为：她意识到某事情。最近的一份研究报告

2011-11-08 09:40:28 658

转载在IE下margin 0 auto 不能使div居中

有一个div居中的样式属性，在firefox中显示正常，在IE下就不能居中找了一下，有的说是要加一个w3c认证的一个声明转载自：http://hotsunshine.iteye.com/blog/1069573Html代码 > 我不想加还有一个说法，说要给body加一个属性 Html代码 t

2011-11-07 16:55:07 1451

翻译 html 中 block、inline-block 都有哪些？都有什么样的特性？

Those 2 words, ‘block’ and ‘inline’ are explicit enough by themselves..block: an element which forms a separate blockinline: an element which stays inline with the rest of the contentB

2011-11-07 11:52:17 2791

原创 html float 原理及案例解析

浮动在历史上最初是做什么的？在最开始的web发展初期，只有一些很简单的文字和图片的布局，其中文字环绕图片怎么办呢？聪明的css开发者就发明了一个float属性。这就是现在我们要说的浮动。因此，浮动出现的意义就是让文字环绕图片。这是最原始的初衷。文字环绕图片是怎么做到的呢？下面分析下。首先我们看看没有float的图文混排。代码：HTML>http-equi

2011-11-04 09:18:25 6496 1

转载不要自称为程序员

每年都有无数年轻程序员，加入软件行业。他们在学校里学过编程，但是对这个行业的现实一无所知。Patrick McKenzie是美国一家小软件公司的老板，他写了一篇长文，介绍这个行业的一些实际情况。我看了以后很感慨，有些地方很受启发。我选择了一部分，翻译如下。==================================一、90%的编程工作来自内部软件

2011-11-03 09:55:05 660

转载 JS 事件冒泡

JavaSciprt事件中有两个很重要的特性：事件冒泡以及目标元素。当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。任何一个事件的目标元素都是最开始的那个元素，在我们的这个例子中也就是按钮，并且它在我们的元素对象中以属性的形式出现。使用事件代理的话我们

2011-11-01 09:20:52 1909

xiongzhengxiang的专栏