今天是在成都的最后一天,成都的朋友坚持追问航班起飞的时间,准备送我,感动。房东一点人情味都没有,心凉。来四川工作两年多,大部分的好玩的地方都没去过,遗憾。
从明天开始,正式成为北漂一员,希望能顺利点。
明天9点到12点之间在天上飞,不能接电话。
欢迎来到Joy-Studio,这里记录了我在Web前端开发工作中的每一步的脚印,包括一些原创的小教程,学习笔记,以及日积月累收藏的一些网页设计和前端开发的优秀资源。当然,也想通过该博客结交更多的前端朋友和网页设计师一同学习和交流,希望在繁忙的工作之余能够和朋友们互相分享前端技术的点点滴滴,乐此不疲。我目前就职于百度,如果想交流,可以邮件(doomin.jia#gmail.com)联系我,有一个小的请求,别整得太神秘,至少介绍一下你自己。
Joy-Studio|Doomin|Frontend|Web Design
今天是在成都的最后一天,成都的朋友坚持追问航班起飞的时间,准备送我,感动。房东一点人情味都没有,心凉。来四川工作两年多,大部分的好玩的地方都没去过,遗憾。
从明天开始,正式成为北漂一员,希望能顺利点。
明天9点到12点之间在天上飞,不能接电话。
Rosy的目的很明确,她提供一整套高精度的、高定制化的、可以快速和设计师的设计相吻合的UI组件库。
首先,Rosy的应用范围,定位于精美设计的UI实现。通常这种设计都来自知名设计师,或者该UI风格在整个项目中传达了很重要的企业形象,比如专业的ERP界面,专业的企业管理系统界面,一个网站的宣传入口页面,或者独立的前端外包项目中出现的精美UI等等,当这种前端实现不允许针对低级浏览器做优雅降级处理的时候,Rosy就发挥作用了。
说先说明一下,该文标题就是一道电话面试中的问题,所以这篇文章只是谈谈自己的想法,仅此而已,也希望有大牛指点迷津。
做前端也快三年了,习惯的学,如何去学,在哪里学,在哪里问,在哪里交流,都好像存在一种惯性思维在潜移默化的安排着。学习的每个过程都有收获,随之带来更强烈的求知欲,于是这三年中,就在求知、迷惑、解惑,总结和分享的相互转化中不断进步着。一切都是那么自然的状态。
var elements = document.getElementsByTagName('div');
console.log( toString.call(elements ) ); //[object HTMLCollection]
(function(){
var args = arguments;
console.log( toString.call(args) ); //[object Arguments]
})();
CSS3来袭,很多新的样式规则的确很实用,比如boxsizing,transform等。但目前各种浏览器厂商对其支持程度不同或者根本不支持,那么如何判断用户的浏览器是否支持某种css规则,真的很简单!使用document.documentElement.style,只需要一个 in 操作即可!比如下面代码检查浏览器是否支持w3c标准的transform规则。
console.log('transform' in document.documentElement.style)
如果在控制台中运行上面的代码,那么目前几乎所有的浏览器都打印的结果都是false,这当然不是真实情况。因为在一个css规则正式成为w3c草案之前,如果该浏览器支持该规则,则会在该规则前面加入表示该厂商浏览器的”前缀标识”,比如:”-moz-”(Firefox), “-webkit-”(Chrome, Safari),”-o-”(Opera), “-ms-”(IE),所以,无论是在写css,还是写javascript,都要考虑到这一点差异,才能让代码正确的工作。
下面这段代码使用IE可以识别html注释的特性,可以准确的判断IE浏览器的版本号,没有使用诸多怪异的测力检测方法,超级简洁。
原作者的代码地址在这里,我做了一点小改动,文中有注释,可以到这里运行测试。
/**
* 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。
}();