三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之

  Opera:我的前任是极品 作者:Neoxone    发表时间: 2013年02月17号,星期天     阅读:7,391 次  

上个月,Opera发布消息称在2月份发布一款名为“Opera Ice”的移动端浏览器,将不采用自家的Presto内核,而改用开源的webkit,虽感意外,但只涉及Opera的一款新产品,据当时分析,其改用内核的目的是为了打入ios平台(关于为什么ios平台必须需要使用webkit内核,请参见这里),而对于Opera 3月份将发布的桌面版浏览器,分析称并不会改换内核。

接着这个月,更意外的是,Opera宣布将全面改换内核,包括mobile,包括desktop,都将放弃Presto,全面拥抱Webkit。瞬间,我又相信爱情了。

做为一个老用户(其时还未接触前端,不能称作开发者,是个小白用户),其实对于Opera(Presto)还是有蛮深的感情的,当年在用Opera的时候,我甚至还不知道有另一个大名鼎鼎的叫Firefox的浏览器呢(当时firefox2应该还没发布)。而且事实上,Presto也的确不是盖的,发布之初,便以轻型、快速、高效著称于世,但这些优点,带来的副作用就是在一些网页解析中的奇葩表现,如今随着HTML5的推进,浏览器已经不只是很简单的浏览功能了,Presto需要兼顾的东西也越来越多,另外V8等引擎的出现,更让其快速高效的头衔也已不保。Opera做为一个“小型”公司,在没有开源社区的帮助下,阵线太长无疑会很容易被击破。我以前说Presto是奇葩(你可以认为这是在赞美),但Presto并不是大熊猫(没有贬低国宝的意思),Opera也不是大熊猫保护中心(没这个实力),Presto走到这里,进化已经到了尽头。适者生存是永恒不变的真理。改用webkit,我觉得是Opera公司考虑自身实力和未来战略后作出的艰难抉择,并且是正确的选择。

下面我列下我发现的Opera的一些奇葩之处,以作纪念,未来的Opera即将看不见了这些奇葩了!

1: ie(9以下)用户请换浏览器

这是一个canvas的绘图代码,对照opera和其他支持canvas的浏览器,你会发现第二个绘制的弧线,它本来是应该和第一个的弧线是水平镜像的,而在opera下我实在不明白它是怎么就又按45度线做了一次镜像的。

2.

上面,数据是统一产生的,一个采用if语句判断,一个采用三目运算符判断,产生的结果本来应该是一模一样的。但就在opera下面,if的判断出的结果却出错了,你可以多点几次生成数据试试。

3,opera不支持onunload/onbeforeunload事件的捕获。

为了观察清楚,你可以用ctrl+shift+i打开控制台看看opera下面在关闭页签有没有输出。

最后,我承认标题党了,板砖轻砸。

   

  Three.js制作3D螺旋线动画 作者:Neoxone    发表时间: 2013年02月6号,星期三     阅读:13,491 次  

之前在微博上看到了这张图

一直想用three.js做个3D螺旋线生成器的,可以自己制作3D旋转的螺旋线,就像之前做的万花尺

看不见效果的同学请摸一下自己的节操还在不在…

纯属娱乐。看不见的同学,推荐您使用chrome,firefox浏览器。

   

  纯CSS制作3D文字动画 作者:Neoxone    发表时间: 2012年12月13号,星期四     阅读:8,108 次  

之前写了两篇关于css 3d-transform的文章,一篇是CSS3的崛起——体验webkit的3D-Effect,写的比较早; 另一篇是Firefox10的3D Transform,是firefox10发布时写的。

现在综合两文写一篇,顺便也兼用下另两个属性:transition 和 animation

   

  炒冷饭,Metro风混搭瀑布流 作者:Neoxone    发表时间: 2012年12月9号,星期天     阅读:16,858 次  

去年做了一个自号“ 格子块的智能堆砌 ”的效果, 当时瀑布流已激发了国内的第一批模仿者,微软的Merto也刚震撼了设计界。

今天把原来的效果改动优化了下,打造一个Metro风混搭瀑布流。

这次改动的目的,其实是为了想发布到这个网站上:RunJS,毕竟放自己blog上可以随意点,发别人网站上要太差劲那就有些不好意思了。

RunJS的创意来源应该是国外的 CodePenCodePen 或其他。具体渊源我们就不考究了,不过的确是一个展示交流的好平台。

废话毕,上代码:

—————————–
应大家要求,我将主要的sort方法取出来,再做个简单demo test。大家可以看看,有什么可以改进的地方吧。

   

  Canvas模拟小时候一种很炫的绘图玩具 作者:Neoxone    发表时间: 2012年12月5号,星期三     阅读:12,094 次  

在蓝色理想上看到一个帖子:来挑战吧!画出图中的红点的运动轨迹,方法不限。如图

当时就想到了小时候的一样绘图玩具,也不知道叫什么名字,就是一块大齿轮圈圈,齿轮在圈内,还有其他几块小的齿轮圈圈,齿轮在圈外,小齿轮内还有很多小孔,把小齿轮放在大齿轮圈内,将铅笔插入小齿轮圈的小孔上,然后滑动铅笔,就能画出各式各样的弧线形状,非常好看。

下面我们就用代码模拟下这款玩具:也不算难,就是几个相对运动。

IE9 打开后可能需要刷新下才能看见

如果有谁知道这个绘图玩具叫什么名字的,还望告知。

——–
今天在围脖上看见高斯十七岁用圆规画出正十七边形的gif,这才叫牛啊,数学王子真不是盖的。如图