“JS相关”目录存档

见多识广:CodePen项目网站简介

2012年07月17日,星期二

本文内容如题所示,介绍CodePen这个网站,CodePen某些地方与jsfiddle是比较类似的,但是还是有不少不一样的地方。本文就介绍其中的异同。最后,并以实例展示CodePen的使用。本文有大量截图,以便表述准确易理解。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

高富帅seajs使用示例及spm合并压缩工具露脸

2012年07月11日,星期三

正如题目所表示的,本文主要内容是关于seajs及其自带合并压缩工具spm的,虽然前后扯了不少闲淡,但是,对于不熟知seajs的新手而言,应该还是有一定的帮助的。还是跟以前一样,demo页面,源代码展示,必要的截图等,都是俱全的。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

Stylus-NodeJS下构建更富表现力/动态/健壮的CSS

2012年06月29日,星期五


SASS显然优于LESS(所以你就休息去吧),SASS刚出来的时候我就在文章有有所提到,现在貌似已经被很多同行熟知,甚至有些小众项目组已经使用之。
然而,我却没有专门花功夫介绍SASS, 为何?那为何现在又花大把功夫整理和介绍Stylus?异同在何处?……

阅读全文…

photon-3D光线引擎项目展示与介绍

2012年06月20日,星期三

众所周知,3D效果是否逼真,光线的模拟很重要——不同角度光线,不同的阴影/投影显示。
一个正方体,我们最多可以同时看到3面,这3面我们使用CSS可以很从容的模拟,但是,这种模拟往往过于平面。不过,如果我们增加点阴影,显然,效果就完全不一样。而这种光线效果的添加就是photon引擎所做的事情!

本文就将介绍这个很赞的3D光线渲染引擎photon. 希望对感兴趣的朋友提供点帮助。

阅读全文…

小tip: 外链地址网站标志图标API应用

2012年06月13日,星期三

本文主要介绍如何利用一些API获得网站的favicon,即收藏图标,标志图标。并且如何在实际项目中应用。一如既往,提供必要截图,demo实例页面以及源代码展示。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

W3C DOM异常对象DOMException介绍

2012年05月14日,星期一

最近用jqmobi折腾个小项目,由于框架本身一起其他使用原因,连续遇到DOMException 12以及DOMException 7错误。查阅各个资料,发现国内几乎没有相关比较系统的文章。为方便他人以及自己查找匹对,故这里整理一篇小文。希望可以对以后遇到DOMException错误的同行们提供一些帮助。

阅读全文…

伪类+js实现CSS3 media queries跨界准确判断

2012年05月11日,星期五

我们都知道,CSS3 media queries是响应布局实现之利器。国外很多著名的前端站点,如css-tricks, smashingmagazinegazine等都采用了响应布局。
虽然国内此技术应用就像是打不着的打火机,没法跟如火如荼的欧美相比。但是,毕竟趋势是向前发展的,总会迎来遍地开花的时候,只是时间的长短而已。
media queries可以让设备在不同尺寸下应用不同的CSS样式、布局等。以适应手持设备、普屏显示器、宽屏显示器,以及未来冰箱上的联网显示器,汽车上的数码设备等。然后,仅仅通过CSS做布局可能无法应对所有的交互请求。
……
如何让JS的修改与CSS布局改变同步呢?

阅读全文…

获取元素CSS值之getComputedStyle方法熟悉

2012年05月8日,星期二

我们都用过jQuery的CSS()方法,其底层运作就应用了getComputedStyle以及getPropertyValue方法。
对于那些只想混口饭吃的人来讲,晓得CSS()如何使用就足够了。对于希望在JS道路上越走越远的来人说,简单了解一些JS库底层实现对自己的学习很有帮助。可能谈不上信手拈来的使用,至少对创造一些创意新颖的新技术拓宽了思路。
jQuery为何受欢迎,其中原因之一就是方法名称比……

阅读全文…

近期折腾:使用JS以及HTML5实现鑫情动画

2012年05月2日,星期三

大学时期,因为兴趣,花了不少时间学习flash动画制作以及AS脚本。后来开发个人网站时候,一方面想自娱自乐,另一方面由于这份无法割舍的情愫,开辟了个“阳光鑫情”的频道。要知道,这玩意很耗精力的。后来,工作忙了,任务重了,还要博客这块的压力,我只是个普通凡人,无法同时专注于几个事情,因此,“阳光鑫情”就让它去海南晒太阳去了。上周五一节前的几天,基本上没有什么活,各种x, y, z因素参杂在一起,让我突然脑中灯泡一亮——我是不是可以用HTML5实现“鑫情动画”?……

本文就将展示如何使用HTML5以及简单的JavaScript代码实现类似Flash的动画效果。

阅读全文…

漫谈js自定义事件、DOM/伪DOM自定义事件

2012年04月1日,星期日

js自定义事件、DOM自定义事件
最近文章产量虽多,但大多都是短篇。本文断断续续折腾了差不多有一周,现在终于出炉了。主要是介绍了JS的自定义事件以及如何在DOM元素上自定义事件。循序渐进,娓娓道来,纯粹JS知识与理论。详尽的代码展示,制作精良的demo测试页面,必要的截图示意,相信本文的内容会对您的学习有所帮助的(如果你对JS有兴趣的话),不信?读一读就知道了。

阅读全文…