2011-07
23
21:47
Doomin

加入北漂—明天不能接电话

分类:生·活标签:

今天是在成都的最后一天,成都的朋友坚持追问航班起飞的时间,准备送我,感动。房东一点人情味都没有,心凉。来四川工作两年多,大部分的好玩的地方都没去过,遗憾。

从明天开始,正式成为北漂一员,希望能顺利点。
明天9点到12点之间在天上飞,不能接电话。

2011-07
11
12:18
Doomin

Rosy介绍及来自优秀框架的借鉴

分类:前端开发标签:, , , ,

• Rosy是什么?

Rosy的目的很明确,她提供一整套高精度的、高定制化的、可以快速和设计师的设计相吻合的UI组件库。

• Rosy和已有的其他UI库有什么最大的区别?

首先,Rosy的应用范围,定位于精美设计的UI实现。通常这种设计都来自知名设计师,或者该UI风格在整个项目中传达了很重要的企业形象,比如专业的ERP界面,专业的企业管理系统界面,一个网站的宣传入口页面,或者独立的前端外包项目中出现的精美UI等等,当这种前端实现不允许针对低级浏览器做优雅降级处理的时候,Rosy就发挥作用了。

阅读全文

2011-07
04
13:35
Doomin

一道面试题:当一个优秀的框架出现,你该如何认识它?

分类:生·活标签:

说先说明一下,该文标题就是一道电话面试中的问题,所以这篇文章只是谈谈自己的想法,仅此而已,也希望有大牛指点迷津。

做前端也快三年了,习惯的学,如何去学,在哪里学,在哪里问,在哪里交流,都好像存在一种惯性思维在潜移默化的安排着。学习的每个过程都有收获,随之带来更强烈的求知欲,于是这三年中,就在求知、迷惑、解惑,总结和分享的相互转化中不断进步着。一切都是那么自然的状态。

阅读全文

2011-06
26
16:56
Doomin

跨浏览器鼠标滚轮事件及测试用例

分类:前端开发标签:

上周的一个项目中,老外设计师把所有的轮动条都设计成自定义样子,其中用到鼠标滚轮事件,完成任务后,趁热打铁,赶紧总结。

可以先瞄一眼测试页面

阅读全文

2011-06
17
08:00
Doomin

javascript中的类数组还有哪些?

分类:前端开发标签:

1. 元素集合

Javascript Code
var elements = document.getElementsByTagName('div');
console.log( toString.call(elements ) ); //[object HTMLCollection]

2. 函数内部arguments对象

Javascript Code
(function(){
    var args = arguments;
    console.log( toString.call(args) ); //[object Arguments]
})();

阅读全文

2011-05
14
14:22
Doomin

javascript如何判断浏览器是否支持指定的css规则

分类:前端开发标签:

CSS3来袭,很多新的样式规则的确很实用,比如boxsizing,transform等。但目前各种浏览器厂商对其支持程度不同或者根本不支持,那么如何判断用户的浏览器是否支持某种css规则,真的很简单!使用document.documentElement.style,只需要一个 in 操作即可!比如下面代码检查浏览器是否支持w3c标准的transform规则。

Javascript Code
console.log('transform' in document.documentElement.style)

如果在控制台中运行上面的代码,那么目前几乎所有的浏览器都打印的结果都是false,这当然不是真实情况。因为在一个css规则正式成为w3c草案之前,如果该浏览器支持该规则,则会在该规则前面加入表示该厂商浏览器的”前缀标识”,比如:”-moz-”(Firefox), “-webkit-”(Chrome, Safari),”-o-”(Opera), “-ms-”(IE),所以,无论是在写css,还是写javascript,都要考虑到这一点差异,才能让代码正确的工作。

阅读全文

2011-04
06
10:18
Doomin

一段巧妙的判断IE浏览器版本的js代码

分类:前端开发标签:

下面这段代码使用IE可以识别html注释的特性,可以准确的判断IE浏览器的版本号,没有使用诸多怪异的测力检测方法,超级简洁。
原作者的代码地址在这里,我做了一点小改动,文中有注释,可以到这里运行测试。

Javascript Code
/**
 * ie equals one of false|6|7|8|9 values, ie5 is fucked down.
 * Based on the method: https://gist.github.com/527683
 */
var ie = function () {
    var v = 4, //原作者的此处代码是3,考虑了IE5的情况,我改为4。
        div = document.createElement('div'),
        i = div.getElementsByTagName('i');
    do {
        div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->';
    } while (i[0]);
    return v > 5 ? v : false; //如果不是IE,之前返回undefined,现改为返回false。
}();