以图明志

Flex/ActionScript

收藏一个漂亮的Flash焦点图切换

一个精品Flash焦点图
网上闲逛的时候发现一个Flash焦点图效果,跟喜欢,然后就下载回来,收集在这里,以便以后方便取用。这个Flash使用方法也是相当简单的,如果你喜欢,也可以从这里查看源代码下载。

HTML

HTML5用canvas绘制五星红旗

学习canvas的一个小实例
作为HTML5标准的一部分,Canvas元素允许脚本动态渲染点阵图像。这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为,但却把一个绘图 API 展现给客户端 javascript 以使脚本能够把想绘制的东西都绘制到一块画布上。HTML 5 canvas 提供了通过 JavaScript 绘制图形的方法,此方法使用简单但功能强大。

HTML

圣诞了,送大家一颗HTML5圣诞树

HTML5 Canvas圣诞树
又逢圣诞了,为了让小站NowaMagic有点节日气氛,这里也弄一棵圣诞树放放~大家可以先看下效果。由于用到canvas以及一些复杂的运算,建议使用Chrome浏览器观看,最为流畅,其次是Opera(已经开始有点卡了),Firefox差不多是逐帧播放了,Safari貌似有bug,除非用鼠标不断点击,不然几乎不会动了。用IE的话请自重。

JavaScript

非阻塞式JavaScript脚本及延伸知识

页面加载完毕后再加载js代码
JavaScript 倾向于阻塞浏览器某些处理过程,如HTTP 请求和界面刷新,这是开发者面临的最显著的性能问题。保持JavaScript文件短小,并限制HTTP请求的数量,只是创建反应迅速的网页应用的第一步。一个应用程序所包含的功能越多,所需要的JavaScript 代码就越大,保持源码短小并不总是一种选择。尽管下载一个大JavaScript 文件只产生一次HTTP 请求,却会锁定浏览器一大段时间。

JavaScript

原生JavaScript如何实现淡入淡出效果?

淡入淡出的原生实现
淡入淡出效果,在日常项目中经常用到,可惜原生JS没有类似的方法,而有时小的页面并不值得引入一个jQuery库,所以就自己写了一个,已封装, 有用得着的朋友, 可以直接使用。 代码中另附有一个设置元素透明度的方法, 是按IE规则(0~100)设置, 若改成标准设置方法(0。00~1。00), 下面使用时请考虑浮点精确表达差值。

JavaScript

浅析JavaScript的垃圾回收机制

对于避免内存泄露很有帮助
JavaScript语言是一门优秀的脚本语言。其中包含脚本语言的灵活性外还拥有许多高级语言的特性。例如充许构建和实例化一个对象,垃圾回收机制(GC:Garbage Collecation)。通常我们使用new创建对象,GC负责回收对象占用内存区域。因此了解GC,可以加深对javascript垃圾回收机制的理解。

CSS

CSS网页宽度怎么定比较合适

确定宽度是一件苦恼的事
设计网页的时候,确定宽度是一件很苦恼的事。以nowamagic.net为例,根据Google Analytics的统计,半年多以来,访问者的屏幕分辨率一共有81种。最小的分辨率是122x160,这应该是手机;最大的分辨率是3360x1050,天知道是什么设备。一张网页要在大小如此悬殊的各种屏幕上,都呈现令人满意的效果,难度可想而知。

JavaScript

JavaScript使用数组拼接字符串性能如何?

字符串拼接是比较消耗性能的操作
传统上,字符串连接一直是js中性能最低的操作之一。早期浏览器没有对这种运算进行优化。由于字符串是不可变的,这意味着要创建中间字符串来存储连接的结果。频繁地在后台创建和销毁字符串导制性能异常低下。发现这一点后,开发者们利用数组对象进行优化。

CSS

CSS3不遥远,几个特性你要知道

你应该了解的几个CSS3特性
CSS是众所周知且应用广泛的网站样式语言,在它的版本三(CSS3)计划中,新增了一些能够节省时间的特性。尽管只有当前最新了浏览器版本才能支持这些 效果,但了解它们还是必须且很有趣味性的。CSS3中的5个有趣的新技术:圆角、个别圆角、不透明度、阴影和调整元素大小。

CSS

CSS一个解决浮动问题的hack

Clear:both其实是有瑕疵的
原来后边的Clear:both;其实就是利用清除浮动来把外层的div撑开,所以有时候,我们在将内部div都设置成浮动之后,就会发现,外层div的背景没有显示,原因就是外层的div没有撑开,太小,所以能看到的背景仅限于一条线。但这种办法就是最好了的吗?我这么说,当然答案就不是了。可以采用通过Hack实现。

JavaScript

YUI Compressor是如何压缩JS代码的?

JavaScript代码压缩原理
YUI Compressor 压缩 JavaScript 的内容包括:移除注释、移除额外的空格、细微优化、标识符替换(Identifier Replacement)。由于 YUI Compressor 是建立在 rhino interpreter 基础上的,所以上述所有的优化都是安全的。

JavaScript

写一个JavaScript日期格式化扩展函数

将一个日期对象按照定制的格式进行输出
我们都知道在Java和PHP语言中,有专门用于格式化日期对象的类和函数,例如Java中的DateFormat等等,通过这些类和函数,我们可以方便的将一个日期对象按照格式的要求输出为字符串。尽管Javascript的Date对象中内置提供了这些输出为字符串的方法,但是这些字符串不是我们来控制格式的,因此如果我们需要我们自己定制的特殊格式,那么又该怎么办呢?

JQuery

JQuery中的each()的使用

可以遍历对象、数组的属性值并进行处理
each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理。jQuery和jQuery对象都实现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。

JavaScript

一个JavaScript反射使用的例子

程序在运行时能够获取自身的信息
反射机制指的是程序在运行时能够获取自身的信息。例如一个对象能够在运行时知道自己有哪些方法和属性。在JavaScript中有一个很方便的语法来实现反射,即for(…in…)语句。这里var p表示声明的一个变量,用以存储对象obj的属性(方法)名称,有了对象名和属性(方法)名,就可以使用方括号语法来调用一个对象的属性(方法)。

JQuery

JQuery下拉控件select的操作汇总

用JQuery便捷操作select控件
JQuery获取和设置Select选项方法汇总如下:获取select 选中的 text :$("#ddlRegType").find("option:selected").text();获取select选中的 value:$("#nowamagic").val(); 获取select选中的索引:$("#nowamagic").get(0).selectedIndex;

JavaScript

闲话JavaScript与Cookies

看看JavaScript是如何操作Cookies的
使用 Cookies 我们已经知道,在 document 对象中有一个 cookie 属性。但是 Cookie 又是什么?"某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息,这些文件就称为 Cookie。"—— MSIE 帮助。一般来说,Cookies 是 CGI 或类似,比 HTML 高级的文件、程序等创建的,但是 JavaScript 也提供了对 Cookies 的很全面的访问权利。
6 / 25 首页 < Prev 4 5 6 7 8 Next > 尾页 页码: