Tizzy_Joel的专栏

转载 如何在sublime中安装coffeescript插件【整理】

参考http://www.cnblogs.com/2gua/archive/2012/07/05/2577603.htmlhttp://www.cnblogs.com/2gua/archive/2012/07/04/2576352.htmlhttp://cnodejs.org/topic/4f2b97b5aa8e490b110bed781，安装node2，安装Coffe

转载 rails在windows下安装遇到的问题

原文见 http://my.oschina.net/u/185728/blog/33156首先，说明一下安装的步骤。1、在http://rubyinstaller.org 下载需要的ruby版本，因为是exe文件，所以，你可以直接安装。2、下载devkit文件（http://rubyinstaller.org/downloads/），然后解压安装，选择自己想要的目录。（这一

转载 clearfix

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}* html .clearfix {zoom: 1;}*:first-child + html .clearfix {zoom: 1;}

转载 IE6 中 window.location.href 不能跳转

window.location.href在IE6下面竟然不跳转，这是为什么呢？这个是我写的语句：a href="javascript:void(0);" ;onclick="javascript:window.location.href='http://www.sina.com';">转到新浪/a>后面是网上找到了解决方案（URL：http://www.cnblogs.com/kaim

原创 html的描述以及关键字

原创 图片上画锚点（小白。。。）

用dreamweaver可以画结果类型

原创 获得父窗体对象

用open打开的窗口，就用window.opener得到父窗体对象！ps:ie Tester的ie6下，window.opener为undefined，ie6下正常，不要被ieTester给迷惑啦~~用showModelsDialog打开的窗口，就用dialogArguments得到父窗体对象！

转载 select操作

判断select选项中 是否存在Value="paraValue"的Item向select选项中 加入一个Item 从select选项中 删除一个Item 删除select中选中的项修改select选项中 value="paraValue"的text为"paraText"设置select中text="paraText"的第一个Item为选中设置select中value="paraV

转载 css做箭头

一种简洁的方式用css来做箭头，from taobao          width:0;height:0;            font-size:0;            line-height:0;            border:4px solid transparent;            /*方向border-top-color:#666;*/

转载 偷懒的图

（一）规则形状（圆形、三角形、方形、菱形）○ ⊙ ◎ ◐ ◑ ｡ ｡ 。° º o O . · ۰ • ● ◕ ◕ ⊙⊕ Θ ✪ ✪ ◣◢ ◤◥ ⊿ ･ ‧ ▫ ▪ □ ▣ ▓ ▒ ░ ▧ ▨ ▤ ▥ ▦ ▩ ◘ ◙ ☒ ■ ▬ 〓 ▀ ▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ▋▌▍▐ ◦ ◊ ♢ ♦ ❖ ◇ ◈ ◆ （二）图形符号♂ ♀ ♠ ♣ ♥ ♦ ♤ ♡ ◇ ♧ ❤ ❥ ☜

转载 JavaScript中的execCommand

execCommand方法是执行一个对当前文档，当前选择或者给出范围的命令。处理Html数据时常用如下格式：document.execCommand(sCommand[,交互方式, 动态参数]) ，其中：sCommand为指令参数（如下例中的"2D-Position"），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的"false"即表示不显示对话框）

原创 ie 让层透明的滤镜（相当于别的浏览器中才opacity）

滤镜 filter:Alpha(opacity=40); ===》opacity :0.4并且用该滤镜所在的div的高度，宽度不能超过body的大小，否则失效。

转载 body的高度

浏览器各种高度宽度区别  2011-04-14 11:10:11|  分类：javascript |字号 订阅js获取元素位置 和 窗口高度，用来手动设定div高度关于获取各种浏览器可见窗口大小的一点点研究。在我本地测试当中：在IE、FireFox、Opera下都可以使用document.body.clientWidthdocumen

转载 ie6 滤镜 background-position

ie6 滤镜 FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=“”);sizingMethod：有三个选项 crop：剪切图片以适应对象尺寸。 image：默认值。增大或减小对象的尺寸边界以适应图片的尺寸。 scale：缩放图片以适应对象的尺

转载 ie6 边框的半透明

ie6不支持 border：transparent来进行半透明，但支持用以下形式来代替                _border-color:tomato; /*For IE6-*/                 _filter:chroma(color=tomato);/*For IE6-*/

原创 white-space: nowrap 导致有宽度也不换行的问题

如果一些元素的样式中有"white-space: nowrap;",并且这些元素之间没有空格，            则即使包含这些元素的父类定义了宽度，这些元素也不换行。            如果要换行，则在这些元素间加空格。

转载 获得dom元素的宽和高

var param = i ? "Height" : "Width";            if (elem === win) {                var de = doc.documentElement;                rt = self["inner" + param] || (de && de["client" + param]) || doc.b

转载 JS:attachEvent和addEventListener 使用方法

JS:attachEvent和addEventListener 使用方法attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列）addEventListener方法 用于 Mozilla系列举例:document.getElementById("btn").onclick = method1;document.getElemen

转载 js 复制到剪贴板 火狐

因为要做剪贴板的功能，在网上搜了很久，能直接拿来用的比较少。有个javaeye的可以用，但前提是要greprefs/all.js 中的signed.applets.codebase_principal_support 属性设置为true。后面继续搜索在知道，目前falsh 10 已经和之前的不一样了，要想实现效果必须采用falsh来中转。这种技术是老外搞出来的。    这是官方网站地址：h

转载 单一职责

单一职责的描述如下：A class should have only one reason to change类发生更改的原因应该只有一个一个类（JavaScript下应该是一个对象）应该有一组紧密相关的行为的意思是什么？遵守单一职责的好处是可以让我们很容易地来维护这个对象，当一个对象封装了很多职责的话，一旦一个职责需要修改，势必会影响该对象想的其它职责代码。通过解耦可以让每个职

转载 利用HTML5的window.postMessage实现跨域通信

postMessage是html为了解决跨域通信，特别引入的一个新的API，目前支持这个API的浏览器有：Firefox, IE8+, Opera, Safari, Chrome。postMessage允许页面中的多个iframe/window的通信，postMessage也可以实现ajax直接跨域，不通过服务器端代理。这里以iframe1.html的代码为例。1)向另外一个iframe发

转载 setTimeout with a shorter delay

http://dbaron.org/log/20100309-faster-timeouts

转载 js 手动触发事件

if (document.all) { // For IE comment.click();} else if (document.createEvent) {   //FOR DOM2var ev = document.createEvent('HTMLEvents'); ev.initEvent('click', false, true);//初始化方法 com

转载 js操作元素的css

JS操作css的float属性的特殊写法使用js操作css属性的写法是有一定的规律的：1、对于没有中划线的css属性一般直接使用style.属性名即可。如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。2、对于含有中划线的css属性，将每个中划线去掉并将每个中划线后的第一个字符换成大写

转载 将页面滚至页首

在页面首部添加一个锚点比如控制按钮添加一个onclick事件，代码为：window.location.hash='top'"

转载 移动开发新宠：Lua语言

轻量级脚本语言Lua在开发者中正变得越来越流行，这与移动应用开发的升温密不可分。以iPhone为代表的移动平台，为不少开发者提供了新的应用展示空间，也为支持iOS系统的应用开发带来了巨大商机。包括大获成功的游戏《愤怒的小鸟》在内，不少iPhone和iPad流行应用都使用了Lua作为游戏脚本。Lua语言最大的优势在于其轻量级脚本和高效的运行效率，这一得天独厚的优势让Lua在以娱乐和用户体验而著称

转载 html5资源史无前例的 HTML5 资源参考指南

http://www.html5china.com/course/20110919_1841.html史无前例的 HTML5 资源参考指南发布时间：2011-09-19 作者：admin 来源：未知 我要评论尽管 HTML5 规范在 2014 年之前不会有正式版本，很多设计师已经开始试水高级浏览器已经支持的部分 HTML5 功能。 HTML5 为

转载 语义化的HTML标签和属性

分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义，没有理由使用其他的标记。换句话说，不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素，比如用来代替标记标题。首先是关于语义（Semantics）和默认样式的区别，默认样式是浏览器设定的一些常用tag的表现形式，个人认为他的主要目的就是

转载 16个快速启动 Web 项目样板

http://www.open-open.com/news/view/2ff0fe

原创 Mobile-Friendly css framework

getskeletonhttp://getskeleton.com/

转载 SNS平台与第三方APP的JS通信实现

原文：http://ued.sohu.com/article/518先看一下我们遇到了什么问题？在我们的白社会里，需要嵌入第三方应用，而嵌入的方式是使用 iframe，为了页面美观，这里就有一个最简单的需求：iframe 的高度需要跟随其本身内容的变化而实时变化，这就要求主页面根据 iframe 的内容实时的去设置其样式 height 值，但是因为第三方应用和白社会不属于同一个域，

转载 为什么IDEA比Eclipse更好？

有一些没有唯一正确答案的“永恒”的问题，例如哪个更好：是Windows还是Linux，Java还是C#；谁更强壮：Chuck Norris还是Van Damme。其中的一个圣战便是Java IDE的选择：有许多争论的话题是讨论它们哪个有更多的插件、快捷键等等。它们之间有太多的不同而很难决定什么才是最重要的。因此，人们都表示两个IDE在功能性上都差不多，选择某一个则是个人喜好问题了。我认为这

原创 改变文件上传框（input type=file）的大小

用css属性： font-size: 37px，用width属性无效。ps:在ie8下，双击文本框或单击浏览键可浏览选择文件。在ff下，单击文本框或浏览键可浏览选择文件。

转载 在IE中使用firebug

虽然IE也有一些调试工具，但不是功能太弱也是体积太大，比较理想的是IE8自带的开发人员工具，但只限IE8。野心勃勃的firefox当然没有放弃这个机会，推出在其他浏览器的JS调试插件版本。要想在IE中使用firebut，非常简单，只要在要调试的页面加入如下代码：'text/javascript'        src='http://getfirebug.c

转载 jason与字符串的转换

JSON.parse用来将JSON字符串反序列化成对象，JSON.stringify用来将对象序列化成JSON字符串。老版本的浏览器不支持这个对象，但你可以通过json2.js来实现同样的功能。

转载 jquery 获取各种屏幕的宽度和高度

$(document).ready(function(){  alert($(window).height()); //浏览器当前窗口可视区域高度  alert($(document).height()); //浏览器当前窗口文档的高度  alert($(document.body).height());//浏览器当前窗口文档body的高度  alert($(document.body).oute

转载 一些批量修改文件的 bat 源码

批量修改文件名后缀@echo offren d:\word\*.txt *.htmexit命名为 a.bat 把后缀修改为空的方法@echo offren d:\word\*.txt *.exit命名为 b.bat 批量创建文件：@echo offfor /l %%i in (1,1,50) do cd.>%%i.txt

转载 HTML <form> 标签的 enctype 属性

定义和用法enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地，表单数据会编码为 "application/x-www-form-urlencoded"。就是说，在发送到服务器之前，所有字符都会进行编码（空格转换为 "+" 加号，特殊符号转换为 ASCII HEX 值）。属性值值描述application/x-ww

转载 die（） 的问题

关于 .die()的问题使用这些函数时，.die()方法会有一个缺点。只可以使用.live()方法中用到的元素选择器，例如，不可以像下面这样写： $(document).ready( function() { $('a').live( 'click', function() { alert("You are now leaving th

转载 textarea长度限制

/*If you want to use this script, please keep the original author in this header!Purpose: Script for applying maxlengths to textareas and monitoring their character lengths.Author: James O'CullD