Snap.svg.js实现的钓鱼知识分享及周边

2014年02月26日 by 张 鑫旭 阅读 77574 次, 今日 21 次

这篇文章,有散文的味道,看似技术,实际上是自我反省与心理涤荡。看似介绍钓鱼的分享,实际上是SVG技术的一些简单介绍。真真假假是是非非,文学这东西,没必要过于较真。

闲暇之余看看,或许会有心灵的共鸣,或者技术的收获。

阅读全文…

ES6 JavaScript Promise的感性认知

2014年02月19日 by 张 鑫旭 阅读 211302 次, 今日 10 次

对于先知的我们,故事的安排在脑中是即时出现的,而非实际上的异步发生。因此,作为创世的编程者而言,这种与瞬间思考所同步的代码更符合现实世界下的思考方式。因此,更易读更易于理解。Promise让我们以先知的视角呈现代码,更符合……

一篇偏理论的文章,不同的角度,不同的探讨,或许会有不同的收获。欢迎阅读,欢迎交流~~

阅读全文…

HTML5 Battery电池状态相关API简介

2014年01月27日 by 张 鑫旭 阅读 64420 次, 今日 4 次

随着HTML5以及CSS3技术支持与发展,以及手机越来越高性能带来的可行性。移动端的页面显然会越来越烧电。例如,流畅的动画效果,模糊阴影等视觉体验。因此可能会出现这样的情况,用户电量快不行了,又没有电源来一发,你的网页还呼呼的烧电,显然,用户一旦感觉到浏览这破页面手机电量流失比武大郎那个还快,怕是会红杏出墙,寻找类似西门庆这种更持久的产品了。

因此,如果网页能够感知手机的电源,我们似乎能够为用户做的更多。比方说,当用户电量不足15%, 需要再来一发的时候……

阅读全文…

Snap.svg-SVG实战学习必修课-实例与文档讲解

2014年01月19日 by 张 鑫旭 阅读 161066 次, 今日 10 次


2013年10月23日,第3届(如果我没记错的话)HTML5全球开发者大会在旧金山举办。Adobe在此次大会上宣布了一件事情:建立了一个名叫Snap.svg的开源项目。其目的在于摒弃Flash插件,将Flash的特性带到web上。
Adobe表示,”Snap.svg是一个强大且直观的SVG动画内容操纵API,支持屏蔽、裁剪、全梯度和组别等使得内容更具吸引力和交互性的功能”。
Adobe支持的项目,自然其产品中会有体现,例如DreamWeaver中的PhoneGap, 这里的Snap.svg应该也会集成在其Web开发工具中,例如Edge…..

阅读全文…

pointer-events:none提高页面滚动时候的绘制性能?

2014年01月4日 by 张 鑫旭 阅读 176639 次, 今日 5 次

“pointer-events:none提高页面滚动时候的绘制性能?”注意标题后面的问号。一般这种标题都说明作者要否定这个结论。我这里是否定呢还是坑定呢?不告诉你,你自己去寻找答案。

本文不单纯介绍技术,还探讨了关于“真理”的话题,若有兴趣,一起加入讨论吧。用真理来解决与研究技术问题。相信本文的内容不会让你失望的。

阅读全文…

小折腾:JavaScript与元素间的抛物线轨迹运动

2013年12月30日 by 张 鑫旭 阅读 255450 次, 今日 206 次

在页面上添加元素的位移动画,除了视觉效果(这是次要的),还有个作用就是视觉引导(重点)。举个大家可能见过的例子,选择商品的时候,我们希望商品飞到边缘或角落的购物车里,作用是:一来告知放在购物车里成功了,二来让用户知道购物车在哪里。

但是,直来直去的运动你用我也用,不出彩啊,于是,就有想法,我抛物线过去,会不会有别样的风采。

于是,……

阅读全文…

我要上头条——鑫表情包1.0正式发布

2013年12月19日 by 张 鑫旭 阅读 66502 次, 今日 8 次

早在去年,也可能是去年的去年了,我已经开始在文章中不断使用具有自己特色的表情图。当时可能只是因为funny. 不过从大家的反馈来看,挺有意思,虽然没什么技术含量,但有特色。甚至有人提议可以弄一套表情包,我把这个建议一直放在了脑中。

于是在后来的日子里,偶尔就会因为文章需要补一两个表情。久而久之也有了一定的数量。

今年来到了新的团队,有很多非常出众的视觉设计师,她们绘制的表情,哇哦~~我怕是坐上火箭都追不上。但是,我在跟他们在群里聊七聊八时候,偶然冒出的几个鑫表情得到了他们的赞许,觉得挺有意思的。同事建议我可以搞了表情包,发给他们用用。甚至有同事说我这套表情一定会火的……

阅读全文…

ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性

2013年12月18日 by 张 鑫旭 阅读 242716 次, 今日 1 次


时代发展,事物变化。现代浏览器超过半壁江山,其API足以支持大规模的应用。如果就因为IE6-IE8这些浏览器的兼容性问题拖累,现代浏览器也要跟着加载其实可以不要的jQuery等框架,那现代浏览器发展的价值又在什么地方呢?于是自己整了个ieBetter.js. 让IE6-IE8拥有IE9+, Chrome等浏览器特性,也就是是要规范的API,而现代浏览器几乎没有任何的变化,该如何使用还是如何使用。最大化现代浏览器的发展价值,同时兼容IE6-IE8。这种“趋同策略”对于中小项目,简单页面而言是最佳策略,至少我自己是这么认为的。

试一下,这是个另外不同的世界!

阅读全文…

CSS3 box-shadow盒阴影图形生成技术

2013年11月29日 by 张 鑫旭 阅读 148803 次, 今日 2 次

理论上,CSS3 box-shadow盒阴影可以生成任意的图形,小月格格的靓照,含韵格格的靓照那都不在话下。本文且听后宫茶话会上关于CSS3 box-shadow盒阴影图形生成技术的分享。截图、demo源代码示意,美女靓照一个都不少。说不定,你会有别样的收获哦!【挑眉】

阅读全文…

使用CSS将图片转换成模糊(毛玻璃)效果

2013年11月21日 by 张 鑫旭 阅读 317554 次, 今日 7 次

前段时间,iOS7不是瓜未熟就落地了嘛,然后捡瓜的人很多,然后国内外开始了各种探讨,从界面到动画,从兼容到实现等。其中,“毛玻璃”一次梆梆出世,一些爱折腾的弄潮人就可以琢磨怎么用CSS实现之,国内有之,国外也有之……

虽然本文标题也有“毛玻璃”二字,sorry,是“三字”。但是,并不是介绍如何实现毛玻璃效果的,而是介绍毛玻璃效果实现的基础——模糊。哈哈,恕我取巧,借用“毛玻璃”之词,沾沾喜气,散发芳气;蜂飞蝶舞,围观博主。

本文很单纯,就是图片模糊效果的实现。demo、源代码、截图、拓展以及御用模特应有尽有,希望本文的内容能够对您的学习有所帮助!

阅读全文…