摘要: 先看几个例子吧haml:!!! XML!!! strict%html{ xmlns: "http://www.w3.org/1999/xhtml" } %head %title Sample haml template %body - var title = "hello haml!"; #home= title %ul.menu %li Go Home %li Go Backhtml:<?xml version='1.0' encoding='utf-8' ?><!DOCTYPE html PUBLIC阅读全文
posted @ 2012-07-02 23:25 tangoboy 阅读(456) 评论(0) 编辑
摘要: 官方sublime text 2官方Less最近看了一下winless的实现原理,其实winless也是基于less.js-windows项目此Less编译插件也是基于less.js-windows项目插件下载地址: downloadgithub安装方法: 1.解压压缩包 2.将文件夹lessc拷贝到Sublime Text 2\Data\Packages 下使用帮助: 使用时,每保存*.less 文件时会自动编译生成 同名的.css文件。 在菜单Preferences>Package Settings>Lessc>Settings 中可以设置是否压缩编译后的css 不想使用阅读全文
posted @ 2012-06-17 12:55 tangoboy 阅读(5160) 评论(1) 编辑
摘要: jQ中动画animate的队列实现决定模仿一个:function Queue(){ this.a = []; this.t = null;}Queue.prototype = { queue:function(s){ var self = this; this.a.push(s); this.hold(); return this; }, hold:function(){ var self = this; clearTimeout(this.t); this.t = setTimeout(function(){ console.log("队列开始 start! ",self阅读全文
posted @ 2011-11-26 21:00 tangoboy 阅读(183) 评论(0) 编辑
摘要: 1.【IE6对png图片支持】background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bottom-fade.png',sizingMethod='scale');注:不能使用于背景有定位属性的标记2.【去除超链接外围虚线轮廓】[a]IE下:<a href="#" onfocus="this.blur();"...>FF下: a{outline:none;}注:当FF用使用了文字缩进(text-indent:-阅读全文
posted @ 2011-11-26 18:03 tangoboy 阅读(141) 评论(0) 编辑
摘要: 1functiontype(obj,type){2varts={}.toString,3_types={4'undefined':'undefined',5'number':'number',6'boolean':'boolean',7'string':'string'8},9t=obj===null?'null':10(_types[typeofobj]||ts.call(obj).slice(8,-1).toLowerCase());11retur阅读全文
posted @ 2011-08-25 14:54 tangoboy 阅读(85) 评论(0) 编辑
摘要: 以图换字,其实是为了保证页面的可读性,这样既有利于搜索引擎,又有利于结构查看。由于这种方式被大多数人所认同,所以方法也越来越多:方法1:使用text-indent的负值,将内容移出容器例如:[代码][代码]此方法(非常不推荐)看起来蛮简单,但其实有几个不理想的地方,1是比较吃资源;2是在ie5下面会出现滞后背景无法显示;3是内容为超链接时,长长的黑色虚框,让你抓狂。方法2:使用display:no...阅读全文
posted @ 2010-11-10 22:51 tangoboy 阅读(337) 评论(5) 编辑
摘要: 支持大部分CSS3属性的动画(可能要指定详细的属性值)。varexample=newFx(element,//元素{form:{//动画前的样式//color:"#00f",},to:{//目标样式color:"#00f","background-color":"#5f5",opacity:0.9,},//线性方法transition:Transition.elasticInOut,//动画时间duration:5000,//动画帧值fps:50,onAnim:function(s){//动画过程中},onStar阅读全文
posted @ 2010-10-31 19:18 tangoboy 阅读(391) 评论(1) 编辑
摘要: javascript 是一个基于对象的脚本语言,不是一个真正的面向对象的脚本语音,因此javascript的面向对象纯属于鸡肋。不过还好,javascript是一个非常灵活的语言。有很多间接的方式实现类的定义、类的继承。如《javascript高级程序设计》P78、P91所描述的有很多方式,作者Nicholas C. Zakas建议使用混合的构造函数/原型方式(P84)定义类,并建议使用混合的对象冒充/原型链方式(P96)继承类。因此我对它进行了封装:Code highlighting produced by Actipro CodeHighlighter (freeware)http://w阅读全文
posted @ 2010-08-03 14:46 tangoboy 阅读(351) 评论(6) 编辑