[置顶] CSS-animations和transitions性能:浏览器到底做了什么?

摘要: CSS animations 和 transitions 的性能:浏览器到底做了什么?(译) 原文地址:http://blogs.adobe.com/webplatform/2014/03/18/css-animations-and-transitions-performance/ ... 阅读全文

posted @ 2014-10-27 22:03 wisdomoon 阅读(1225) 评论(0) 推荐(0) 编辑

[置顶] 淘宝首页源码藏美女彩蛋(上)(UED新作2013egg)

摘要: 今日,偶尔翻看淘宝源码,发现竟有美女形状源码。如下图: 此段代码在console中运行,结果更为惊叹。 亲手尝试的读者已经看到了代码运行的结果。taobao.com的console打印出了UED的招聘信息。淘宝的页面在短暂的loading之后进入了UED的宣传遮罩层,同时提醒用户打开摄像头...可能读者已经发现了更多有趣的东西,这些有趣的东西感兴趣的同学可以慢慢挖掘。这里很多人已经迫不及待想知道为什么。 我们看"美女"的源码,进入美女的世界... 一.美女爱彩蛋 美女的源码,采用了匿名函数自执行的方式。为方便大家,还是贴过来: javascript:Function( 阅读全文

posted @ 2013-10-20 00:45 wisdomoon 阅读(4626) 评论(14) 推荐(1) 编辑

[置顶] javascript位运算

摘要: javascript作为一门高级语言,他尽量让开发人员减少思考底层的硬件工作原理,而将精力集中在逻辑开发的层面。不过,不论这门语言多么高级,我们必须知道数据依然以bits的形式存储,有时候我们会直接与这些bits打交道,这就是我们今天的主题——javascript位运算(JavaScript Bit Manipulation)。 在讨论之前我们设定一个问题:下面的代码执行的结果是什么?var a = "10"| 0 ;console.log("Bitwise Or a is : " +a);var b = "s1132"|0;cons 阅读全文

posted @ 2013-09-25 12:49 wisdomoon 阅读(3504) 评论(0) 推荐(1) 编辑

2013年10月20日

淘宝首页源码藏美女彩蛋(下)(UED新作2013egg)

摘要: 我们已经知道,执行美女会得到"彩蛋",而正是彩蛋做到了taobaoUED展现给大家的神奇的前端魅力。今天我们来看看FP.egg&&FP.egg("%cjoin us%cshidu.mj@taobao.com");这行代码做了什么?FP.egg方法来自哪里?FP.egg方法的内部逻辑是什么? 二、彩蛋来自哪里? 打开taobao网的首页通过查看HTTP请求,可以发现仅js请求就21个,很过请求是多个js文件合并过的,粗略数数,淘宝首页的js文件超过60个,而且大多数文件都进行了压缩,如果读者从这些js文件中挨个寻找egg的足迹,只能说是大海 阅读全文

posted @ 2013-10-20 23:12 wisdomoon 阅读(3238) 评论(7) 推荐(0) 编辑

2013年10月1日

前端面霸系列(1):doctype 、Quirks Mode & Standards Mode 、document.compatMode

摘要: 近几日,气压猛降,雾霾铺天盖地,眼看一场腥风血雨就要在前端江湖爆发,这场战争不仅是百度、腾讯、阿狸、搜狐网易新浪等江湖豪门抢夺人才的大战,也是诸位江湖人士重新洗牌的好时机。每年10月,江湖的波动胜过华山论剑、五岳争主。如今这江湖人才济济,新门派如雨后春笋,江湖高手更是各个身怀绝技。在博客园这个擂台上更是齐聚各路高手。本人wisdomoon是一名懒人,没有"汤姆大叔"的盖世神功,也没有"T2噬菌体"的严谨细腻,更没有"Aaron"的精益求精,因此本人为大家献上的不是怒秀技巧的《葵花宝典》、不是移花接木的《辟邪剑谱》、也不是磨砺内力的《易 阅读全文

posted @ 2013-10-01 17:02 wisdomoon 阅读(2622) 评论(10) 推荐(10) 编辑

2013年9月20日

理解button标签的默认行为

摘要: button标签的作用和它的名字一样,在绝大多数场合当做按钮来使用。 很多人在使用button按钮的时候出现过这样或者那样的问题,比如:自动提交表单、一次提交表单多次submit行为,有的浏览器下点击button按钮提交表单有的无任何反应。理解它的默认行为会帮助我们从原理上分析问题,解决问题。 一、button按钮的type属性 button按钮的type属性有三种:submit、button、reset. 如果form内的button按钮有type=submit属性则,按钮会有默认的提交行为,reset属性会让按钮具备重置表单的行为,button属性会让按钮do nothi... 阅读全文

posted @ 2013-09-20 23:02 wisdomoon 阅读(4881) 评论(1) 推荐(2) 编辑

导航