摘要：
zencoding自从2009年因html,css的扩展而风靡业界，而webstorm自从2.0之后就已经集成。无意中被不断输入的console.log,console.dir搞的很恼火，所以才有了今天的js之webstorm。由于其它编辑器对zencoding的外延不是做的很好，现下流行的编辑器里边，只有webstorm才可以扩展以下提到的命令。当然，他除了扩展js之后，还可以扩展：xml,php(phpstorm)，xsl,用户也可以自定义添加：JSP,SQL,Haml或者其它的。只是提供一个思路，抛砖引玉，具体的还要看每个人自己的code习惯。webstorm比eclipse,aptan 阅读全文
摘要：
UISlide 的不同效果展现： UISlideDemo1.0 设计好脾气的Web页面 设计好脾气的Web页面 ... 阅读全文
摘要：
一、JS - Modules 二、JQuery - Plugs 三、PS - Guide 四、CSS - Guide 五、UI - Template 阅读全文
摘要：
jQuery插件-轻量图片轮换-UISlide特点：1. 带标题内容的图片切换。预览图2. 接口简单，因为简单所以修改方便。修改第1行或第4行宽高即可。1.slide_wrap{position:relative;width:710px;height:340px;margin-bottom:5px;border:2pxsolid#ccc;background:#fff;color:#666;overflow:hidden;}2.slide_imglist{}3.slide_imglistli{float:left;margin-right:3px;display:inline;}4.slide 阅读全文
摘要：
参数解释：id:null,//需要赋值的IDcallOnOpen:null,//弹出后调用方法callOnClose:null,//关闭后调用方法eventType:null,//事件类型click,blur,change,dblclick,error,focus,load,mousedown,mouseout,mouseupidContent:null,//需要添加的idwidth:'auto',//宽height:'auto',//高title:'消息',//标题content:'测试内容'//内容直接上代码<!DOCT 阅读全文
摘要：
效果看演示，这是此书第三章的一个例子，与原书中示例不同的是，经过封装，结构更清晰，调用更方便，方法实现也因为封装而做了稍为的改动。其中generateDOM里边几个方法介绍：generateDOM={generate:function(){},//这是入口的核心方法，外部绑定到onclick事件处理//在这中通过walkTheDOMRecursive()递归子节点，调用processNode()方法对节点元素进行转化processNode:function(){},//如果存在诸如：<divclass=""style=""></div& 阅读全文
摘要：
最近早上有空，不想des，想找本书看看，js王者归来伤透我心，悟透js就没信心了，还是回归国外大师们的作品比较保险，javascript dom 高级程序设计，这是李松峰与人民邮电的第一次合作，十分值得纪念。里边的内容可圈可点，虽然是2008年左右出的书，一点也不感觉过时，搞不懂好多人不知道什么原因忽略了这本书。还记得参加webrebuild时龙刚推荐过此书，想想已经快两年过去了。时光为流水，一去不复返，今，正风华正茂，逆流而上，方显英雄本色。莫蹉跎了年华，辜负了佳人，遗恨终生。 myLooger运行代码 阅读全文
摘要：
比dw强大的地方有：1. 对js的开发有长足的支持，那些自动提示，代码主题，调试之类的我就不说了，主要是对流行技术的支持，比如Node.js,less,sass,jq,ext,prototype等框架的支持 。2. 自身对插件的支持，主要体现在webstorm 2.0以后就已经包涵了zencoding了，而如果dw不是完整版的话，zencoding的安装难度可想而知。如果是完整版的话，就不得不忍受一坨无用的插件。3. 团队开发的支持，主要体现在svn,git等版本管理工具，无须引入，直接可用。而且单文件还支持本地历史记录。4. 插件的支持，主要体现在vim，可直接安装插件，还有其它的插件等待着 阅读全文
摘要：
合适的工具会事半功倍，当然也得把握分寸，要不就成了会得越多干的越多的“苦力者”。编辑类软件层出不群，各有所长，各有所短。找到一个合适的还真是难。还好有webstorm的出现，最近又是3.0的新版本发布。为什么这么说呢，她与其它的编辑器有什么不同：1. 任何一个编辑器都需要保存(ctrl + s)，这是所有win平台上编辑类软件的特点，但是webstorm编辑文件右上角是没有那个熟悉的米号的。换句话说，所有的操作都直接存储，这样带来的坏处就是，没有以前的米号标识，万一键盘误操作也会被立即存储。省去了ctrl + s之后，在结合Firefox的vim，基本不动鼠标就可以看到结果页面了。 2. 任何 阅读全文
摘要：
download desert.vim 阅读全文
摘要：
IE下运行后，刷新。 <!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" xml:lang="en"><head> <title>豪情信息管理系统--滚动条</title> <m 阅读全文
摘要：
一. 移动： h,j,k,l: 左，下，上，右。 w: 下一个词的词首。 e:下一个词的词尾。 b:上一个词的词首。 <>: v 模式选中后进行缩进。二. 跳转： %: 可以匹配{},"",(),[]之间跳转。 H、M、L：直接跳转到当前屏幕的顶部、中部、底部。 #H：跳转到当前屏的第#行。 #L：跳转到当前屏的倒数第#行。 zt: 当前编辑行置为屏顶。 zz: 当前编辑行置为屏中。 zb: 当前编辑行置为屏底。 G：直接跳转到文件的底部。 gg: 跳转到文件首。 ():跳转到当前的行首、行尾。 {}：向上、向下跳转到最近的空行。 [{：跳转到目前区块开头。 ] 阅读全文
摘要：
From:http://www.setlt.net/archives/1463原文：具体方法如下：1.在运行里面输入 redegit ,地球人都知道，这是打开windows的注册表。2.依次打开HKEY_CLASSES_ROOT/*/shell，有点点击shell,新建项，输入项的名字，这是要在右键里显示的，建议输入Edit with Gvim.3.右键点击刚建的 Edit With Gvim 项，再新建项，名字为 command , 修改其值为 C:\Program Files\Vim\vim73\gvim.exe "%1"修改为：d:\Program Files\vim 阅读全文
摘要：
接着上次的未完的部分。接下是对滚轮的支持。滚轮大概可以分为这么两类：1. FirefoxFirefox 需要添加 'DOMMouseScroll' 事件支持，并取值是 使用detail 为正负30。 2. IE,Opera,Safari,Chrome而这四类，则直接在 window.onmousewheel = document.onmousewheel = $(dom).onmousewheel = fn取值是： 正负120， 虽然这两个取值是不一样的，但含义是一样的，正为向上，负为向下。所以： mousewheel:function(fun){returnthis.each 阅读全文
摘要：
最近这水平越来越退步，想写个js组件，但一直担搁，退而求次之，搞个jq插件还是可以滴。没想到，想半天不得其法，没办法，只能参考一个吧。以下看客不要太认真全是抄来的。原始地址：http://app.soche8.com/show/jscoll/jscoll 的优点就不一一列举了，说一下缺点：1. 众多灵活的参数配置，在灵活的背后牺牲了傻瓜操作可控性， 让一些不懂css的程序员，不懂jq的美工，咬牙切齿，遂有重写一个的想法。2. jscoll的js代码虽然没有加密混淆，但是2字母式的变量名，让我望其却步，可维护可扩展性，无从谈起。 3. css全是内联style式的，这种虽然必杀效果的同时，也杀了 阅读全文
摘要：
li在ie与firefox的高度是不一样的，解决办法是li font-size:0;然后在将其子元素复为12px <style type="text/css">.tu_freeline_list li{text-indent:10px;font-size:0;height:30px;line-height:30px;overflow:hidden;zoom:1;}.tu_freeline_list li span{float:left;height:30px;overflow:hidden;width:155px;font-size:12px;}.tu_free 阅读全文
摘要：
<!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" xml:lang="en"><head><title>豪情</title><meta content="by 豪情& 阅读全文
摘要：
/***隐藏元素*@param{String}elem*/functionhide(elem){varcurDisplay=getStyle(elem,'display');if(curDisplay!='none'){elem.oldDisplay=curDisplay;}elem.style.display='none';}/***显示元素*@param{String}elem*/functionshow(elem){elem.style.display=elem.oldDisply||'block';}/***设置透明度*@ 阅读全文
摘要：
书没有好坏之分，正如人没有绝对的好坏之分一样。书只看对自己这个水平层次的人来说该吸收的东西多少了。当然，尽信书不如不读书。人，在特定的历史条件下做出的某些选择是有助于推动历史前进的步伐的，所以要用多变的眼光来看待回忆中的人与事将会使你的人生多彩而斑斓。《精通js》这本书，承载了众多jqer期待的梦，结果可想而知。不多说了，列举几个简单的函数，供参考。不为过去，只为将来那些未曾实现的梦...function$(){returndocument.getElementById(arguments[0])};/***得到上一个元素*@param{Object}elem*/functionprev(el 阅读全文
摘要：
没有永恒的技术只有变态的需求，没有好说的客户只有无奈的开发者，如果iframe的出现是一个错误的话，iframe里边在来一个iframe那是错上加错，神话没有在远古的尘嚣中消失，却在怀具的今天不断上演。生活永远是一个大染缸，一块白布下去，黑布出来，一块黑布下去，一块七色布出来。contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。contentDocument Firefox 支持，> ie8 的ie支持。可取得子窗口的 document 对象。在子级iframe设置 父级 iframe ，或 孙级 iframe 高度。functionshowIframeH() 阅读全文
摘要：
if(window.event){//cancelBubble的字面意思是取消冒泡//如果事件句柄想阻止事件传播到包容对象，必须把该属性设为true。e.cancelBubble=true;}else{e.preventDefault();//方法取消事件的默认动作e.stopPropagation();//stopPropagation的字面意思是停止传播。} <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht 阅读全文
摘要：
<!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" xml:lang="en"><head><title></title><meta http-equiv="Conte 阅读全文
摘要：
一般现代浏览器通过侦听事件获得脚本加载完成时的状态 varscript=document.createElement('script'); script.type='text/javascript'; //Firefox,Chrome script.onload=function(){ alert('scriptloaded!'); }; script.src='http://code.jquery.com/jquery-1.4.2.min.js'; document.getElementsByTagName('head& 阅读全文
摘要：
functiongetStyleProperty(obj,property){varele=document.getElementById(obj),val='';//console.log(ele.ownerDocument.firstChild.innerHTML);if(ele.currentStyle){val=ele.currentStyle[property];}elseif(ele.ownerDocument.defaultView.getComputedStyle){//找到节点所属的document再找到其所属的windowval=ele.ownerDocum 阅读全文
摘要：
//构造函数//使自己的对象多次复制，同时实例根据设置的访问等级可以访问其内部的属性和方法//当对象被实例化后，构造函数会立即执行它所包含的任何代码functionmyObject(msg){//特权属性(公有属性)this.myMsg=msg;//只在被实例化后的实例中可调用this.addres... 阅读全文
摘要：
Tip: 直接点击图片进入相关链接。 http://product.dangdang.com/product.aspx?product_id=20786701&ref=search-0-mixUI进化论——移动设备人机交互界面设计（配光盘）这个书虽然名字有点大，这是中国人写书的特长，里边的接单的经验，或做图的心得，与客户沟通的经验等。http://product.dangdang.com/Product.aspx?product_id=8813805素描的诀窍想了解素描的同学们注意一下，这本是入门的经典读物。 练素描有助于提升对造型的把握或在设计中对素材的熟练运用。http://pro 阅读全文
摘要：
【背景】 如果你是刚进入WEB前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年WEB产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧； WEB前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体 系的理论指引，几乎所有从事这个职业的人都是靠自己自学成才。自学成才，一条艰辛的坎坷路，我也是这样一路走来。从2002年开始接触WEB前端研发至今 已然有了9个年头，如今再回首，期间的走了很多弯路。推已及人，如果能让那些后来者少走些弯 阅读全文
摘要：
From: http://designlol.net/archives/1039 阅读全文
摘要：
From: http://www.pizn.net/19-03-2011/vim-in-firefox/ 进行编程了之后，也许就会习惯于操纵键盘上的任何一键来满足我们的需求。例如通过 Esc 来切换命令模式和插入模式。当我在要成为 Vim 控的时候，我希望我在浏览网页的时候，也能够只使用键盘就能走天下。于是乎，今天我要介绍一下 Firefox 里的 Vim——Vimperator。 用户的操作习惯，影响着软件的发展。当我们使用 Vim Vimperator 只是 Firefox 里面的一个插件，安装很容易。Firefox 4.0 beta 的话，需要额外安装兼容性插件。 如何获得 Vimpe. 阅读全文