Techniques | SoleilNeon's Blog

Archive for the 'Techniques' Category

利用JavaScript显示随机图像

September 07th, 2009 Comments(2)

显示随机图像有其一定的意义，比如网站的上的随机标题，或者你很懒不经常更新网站，那么显示随机图像就能让你的访问者认为你经常更新的假象，当然时间长了就不起效果了。我主要从理论上讲解用JavaScript显示随机图像的技术，至于具体应用自己决定。

利用JavaScript显示随机图像的原理。将文件名存储在一个数组中，然后用JavaScript生成数组长度范围内的随机数，最后在网页加载时加载与随机数对应的图像。原理很简单，实现起来也不复杂。

首先创建一个(X)HTML文件，在<body></body>标签中加入img元素：

<img src=”image/road.jpg” id=”randomImage” name=”randomImage” height=”300” width=”300” />

这段代码假设图片在image文件夹中。预先设置src属性是防止用户的浏览器没有开启JavaScript而显示的默认图片。id是关键，是JavaScript函数加载图像的桥梁。

用HTML描述内容用CSS描述样式

September 06th, 2009 Comments(3)

Web刚开始发展的时候网页是相当丑陋的，那个时候几乎都是文字，没有色彩没有样式。Web页面使用HTML语言编写，随着Web的不断发展，人们开始注重网页的美观了，因此可以为文字设定字体及颜色，因此有了font属性，慢慢的有了各种描述外观的属性。

随着Web的继续发展，HTML变得越发的臃肿，一个HTML不仅要包含内容，还要包含他所能展示的外观。如果只有一个HTML文件倒还好，可是不多数情况都是一个网站有大量的HTML，而且样式保持一致。因此，如果当修改一个HTML的外观样式那么其他的都是跟着改，这样就出现了一个相当庞大的工作量。

于是CSS诞生了。CSS相当具有革命性，它将外观样式与内容分开，形成两个独立的部分。让HTML处理数据和结构，将外观样式交给CSS。当开发一个网站的时候，所有的网页都应该保持一致的样式，因此只需要将样式独立出来放入一个CSS文档中，然后再将所有HTML连接到CSS上。这样大大的减少工作量，而且便于维护，因为只需要更改一次CSS就可以使所有的HTML的样式发生改变。这就像是程序开发中的类。

可是CSS诞生了很久，但是依然存在将样式放在HTML中的现象，还有些情况是HTML中保存部分样式，CSS中保存部分样式，这些虽然都能显示正常不过都是不被W3C所推荐的。

还有另外一种情况，目前的各种浏览器对于网页标准的支持参差不齐，包括HTML，XHTML以及CSS。其中以微软的IE系列问题最严重，IE系列中又以IE6问题最多。所以选择一个对标准的支持良好的浏览器能够使你能够更好的欣赏到网站作者的设计用心。

Internet Explorer，也就是俗称的IE，第六个版本，也就是俗称的IE6，已经是8年前的东西了。IE6是随着Windows XP的发布而内置其中。上个世纪微软IE打败Netscape成为主流浏览器，很长一段时间里，也就这么一种浏览器。所以说有竞争才会有发展，IE6推出的时候根本没有任何有力的竞争对手，所以微软对于软件的改进不大，发展缓慢。虽然说当年IE6发布的时在那个年代算是优秀的，但是在今天就是落后的了。

IE6至今仍然是市场上份额相当大的浏览器，最近一段时间才被随Vista推出的IE7超过，但是用户群仍然很庞大。现在IE的最新版本已经是8了。如果你正在使用IE6，那么就强烈建议你升级到IE8。这有多个方面的原因，升级到IE8会更安全，功能更丰富性能更强大。最重要的是IE8与IE6相比，对于网络标准的支持大有进步，尽管相对于Firefox以及Opera这些浏览器来说这些进步微不足道，但是这些进步给了网页开发人员相当大的帮助。

有相当多的标准其他的浏览器支持而IE不支持，尤其是IE6问题最多。比如说IE6就不支持带有透明度的PNG格式，这个直到IE7的推出才被支持，而对于Firefox以及Opera来说这是最基础的东西。带有透明度的PNG格式可以方便的制作背景图像，图片叠加的效果，但是在IE6中就是不支持。另外有不少CSS标准IE6不支持，更别说新的CSS2甚至是CSS3了。

随着HTML5的发布，会有越来越多的网站使用新的标准，使用IE6就无法看到新的特效，甚至有可能显示出来的页面一团糟。不仅开发人员不像这样，连用户也不想看到乱糟糟的网页。

所以为人为己升级IE6到IE8吧。如果你正在打算使用其它的浏览器，那更好，我列举了其他的主浏览器推荐使用。排名分先后。

Firefox 3.5.2
Opera 10
Google Chrome 2
Safari 4

Flex自定义类与内建类命名的冲突

August 28th, 2009 Comments(2)

使用ActionScript 3.0有一段时间了，也做了一些东西，算是有点经验，所以涉足Flex。其实Flex中也是要用到ActionScript 3.0，只是和Flash中的有稍许的不同。主要是因为两个软件的定位，Flash定位偏向动画，Flex定位偏向程序。

虽然对Flex中的MXML还不太熟悉，但是对ActionScript 3.0比较熟悉了。在测试Flex内置的UI组建的时候发生问题，编译器报错，提示调用可能未定义的方法。我调用了ToolTipManager和其他的一些类和接口来创建工具提示，问题刚好就发生在ToolTipManager上。ToolTipManager中有一个静态的createToolTip()方法，但是编译器报错，提示可能未定义，我查看了ToolTipManager的源代码之后发现的确存在这个createToolTip()方法的。

经过Google一下才知道，Flex中用户自定义的类不能与内置的类重名，不然就会发生这个情况。我之前就把这个类名字命名为ToolTipManager.mxml，所以造成这这样。更改即可。