以图明志

-A wakening of the Trailblazer-

Gundam OO

Unlimited Blade Works

Fate Stay Night

Code Geass

Code Geass

Gundam OOQ Design

Gundam OO

Aeolia Schenberg

Gundam OO

JavaScript

script标签属性用type还是language？

浏览器对它们识别程度不同
script 标签 type
在 2012年04月03日 那天写的
211 views
查阅一些资料，主要是浏览器支持问题。type 和 language 属性都可用来指定 script 标签中的脚本的类型。language 属性在 HTML 和 XHTML 标准中受到了非议，这两个标准提倡使用 type 属性。遗憾的是，这两个属性的值是不一样的。您可能偶尔会看见 language 的值为 VBScript（对 type 而言是 text/vbscript），表示包含的脚本代码是用 Microsoft 的 Visual Basic Script 编写的。

阅读全文 >>

HTML

用HTML5 Canvas做一个画图板

一个简单的Canvas应用
HTML5 Canvas 画图板
在 2012年03月25日 那天写的
529 views
功能很简单，原理其实和拖放是类似的，主要是三个事件：在canvas 上绑定mousedown 事件以标志绘画的开始（调用moveTo 移动画笔） 在document 上绑定mousemove 事件来处理绘画时的行为（调用lineTo 以及stroke 进行绘画） 在document 上绑定mouseup 事件以标志绘画的结束（解绑document 上的两个事件）

阅读全文 >>

JQuery

JQuery选择器$()的工作原理浅析

选择器写成$('#id')的时候最快
JQuery 选择器 工作原理
在 2012年03月24日 那天写的
428 views
每次申明一个jQuery对象的时候，返回的是jQuery.prototype.init对象，很多人就会不明白，init明明是jQuery.fn的方法啊，实际上这里不是方法，而是init的构造函数，因为js的prototype对象可以实现继承，加上js的对象只是引用不会是拷贝，new jQuery,new jQuery.fn和new jQuery.fn.init的子对象是一样的，只是有没有执行到init的不同。

阅读全文 >>

JavaScript

如何写一个网页标题title的闪动提示

一个网页消息提示功能的实现
网页标题 闪动提示 消息提示
在 2012年03月23日 那天写的
462 views
通过网页title来提示用户有新消息这个功能很常见，比如现在的微博，还有一些邮箱，这个功能都很常见。如何实现则个功能呢？思路是：通过ajax访问后台，若有新消息，则将网页的title替换为 提示信息 ，并与空格来回切换。例：【你有新消息】与【　　　　　】切换。提示内容弄是动态的，所以替换文字的空格数目也是算出的。这里用全角的空格。

阅读全文 >>

HTML

用HTML5 canvas写一个时钟

图片指针用ctx的drawImage可以实现
HTML5 canvas 时钟
在 2012年03月22日 那天写的
460 views
HTML5足够强大实现很多功能，画一个时钟只是一个小玩意。图片指针用ctx的drawImage可以实现。至于兼容性问题，网上的解决方案已经很多了。这个东东是用来玩的，不是用来做应用的，学习下canvas API。

阅读全文 >>

JavaScript

JavaScript获取网页关闭与取消关闭的事件

使用setTimeout延时10ms执行onunloadcancel
JavaScript 网页关闭 setTimeout
在 2012年03月21日 那天写的
389 views
在做Web开发时，我们经常用到页面关闭事件onbeforeunload，可以给用户一个选择放弃关闭的机会，就比如这个博客编辑器。如果用户选择了离开，那么onunload事件自然会触发；但若用户选择了取消，又该如何检测呢？我们假定一个页面离开取消事件，叫做onunloadcancel。显然，这个事件应触发在用户按下对话框的取消按钮之后。

阅读全文 >>

JavaScript

JavaScript如何计算两个日期间的时间差

有时候我们需要知道两个日期之间差了多少天
JavaScript 时间差
在 2012年03月19日 那天写的
393 views
有时候我们需要知道两个日期之间差了多少天，多少小时，甚至多少分钟多少秒。下面我们用JavaScript实现一个函数，用于计算两个日期的时间差，先来看看代码。使用的方法很简单，比如计算天数可以这样：GetDateDiff("2010-02-26 16:00:00", "2011-07-02 21:48:40", "day");

阅读全文 >>

CSS

用CSS3可以很简单地实现文字渐变效果

background-clip , text-fill-color
CSS3 渐变
在 2012年03月16日 那天写的
402 views
首先要说明，你的浏览器支持CSS3的话，才能看到正确的演示效果。如果你现在用的浏览器是Chrome、Safari等，就是你的浏览器支持background-clip + text-fill-color等CSS3属性，那么你可以看到下面文字渐变的漂亮效果。文字渐变本身就是装饰性的功能，所以，本着渐进增强的原则，我们在实际项目中其实是可以大胆使用的。

阅读全文 >>

JavaScript

一些蛋疼的JavaScript语法特性

奇怪的JavaScript试题
JavaScript 语法 试题
在 2012年03月15日 那天写的
487 views
JavaScript有很多地方和我们熟知的C、Java等的编程习惯不同，这些不同会产生很多让人意想不到的事情。前段时间在知乎有人发了写Javascrtip试题，觉得挺好玩的，这里跟大家分享一下。具体答案大家可以自己运行得出，为什么会得出这样的结果，我也有一些不懂的地方，怕误人子弟，所以这里就不解答这里的问题了。

阅读全文 >>

HTML

你知道HTML标签设计的本意吗？

把HTML标签用到该用的地方去
HTML 标签设计 语义
在 2012年03月12日 那天写的
484 views
“DIV+CSS”这个词汇不知道害了多少人，也许其提出者本意并没有错，但是跟风者从表现曲解了其意思，认为整个页面就应当是DIV+CSS文件的组合。这样做，对于视觉上并没有什么影响，因为还原了之前设计的页面效果图，但如果这种HTML文档交给机器（例如蜘蛛）去分析，它可能根本找不到重点，你整个页面对它来说，就如同一个白蚁窝。

阅读全文 >>

CSS

CSS样式权重的级联cascade的概念

权重高低问题取决于CSS选择符优先级的的计算结果
CSS 样式权重 cascade
在 2012年03月08日 那天写的
347 views
我们知道，firefox在众多浏览器中是对css 2高度兼容的一款浏览器，那是我能够编写一个中型b2b网站的时候（并不能说是我遇到过的难题）在禅意花园中看到的一个案例，说的是某个菜单在css中定义了以后只能在firefox中正常显示。因为那个css涉及的滤镜太多，而且还奥css中"级联(cascade)"这种强大功能的支持。

阅读全文 >>

JavaScript

几个JavaScript的浏览器差异处理问题

处理和了解浏览器差异一个重要问题
JavaScript 浏览器差异
在 2012年03月07日 那天写的
368 views
JQuery确实是个很好用的库，你可以不用考虑很多细节方面的事情。但很作为一个web前端，处理和了解浏览器差异一个重要问题。下面将介绍一些总结，先介绍没有使用js库的情况。这篇文章的目的也就是介绍浏览器差异的同时使前端的朋友们了解如果用最有效的方法去解决问题。

阅读全文 >>

JavaScript

给DOM元素绑定click事件也有学问

让所有元素都有click事件
DOM 绑定事件 click
在 2012年03月05日 那天写的
231 views
最简单的莫过于使用click方法，以上的事件都是直接添加在html属性中的（内联事件）。click方法能触发使用el.onXXX/addEventListener/attachEvent添加的事件吗？既然Safari/Chrome中click不可用， 我们就用dispatchEvent来实现了。

阅读全文 >>

JQuery

如何优化JQuery each()函数的性能

有时还需要对JQuery的具体实现进行了解
JQuery each 性能
在 2012年03月05日 那天写的
219 views
这篇文章，仅仅是想在jQuery的各个实现的层面上来进行优化，只涉及到了对jQuery整个运行过程的分析、细节介绍和优化方向，并没有提到一些基本之基本的优化方法，比如：先将整个table从DOM树中移除，完成所有的操作之后再放回DOM，减少repaint。将mouseover和mouseout改为mouseenter和mouseleave，减少因为下正确的事件冒泡模型导致的重复的事件函数的执行。

阅读全文 >>

1 / 28 首页 < Prev 1 2 3 4 5 Next > 尾页 页码：