本站更换新域名

一月 11th, 2010 3 comments

即日起,被迫丢掉.cn域名,故此站域名由flex.joelove.cn更改为 flex.desizen.com,还望链接了flexhome的朋友更改下链接地址,有可能一月底就无法解析之前的cn域名了.

一张html标签嵌套规范的图表

十月 13th, 2009 Leave a comment

下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则，比如你不能在 <a> 里面再嵌入一个 <a> 这样的约定。

说明：

为了方便读者阅读，本文中的标签使用了大写（根据 XHTML 的规则，元素名必须小写，比如 <html> 而不应是 <HTML>）
小写的单词表明一组或一系列 HTML 标签
每一项条目（标签）后都跟随一组标签列表，如果没有这个列表，那么表明该条目（标签）内部不允许包含任何标签。这意味着该条目内部只能包含纯文本内容（#PCDATA，见下文）。如果注明 (empty)，这意味着该条目内部不允许包含任何形式的内容。对于 flow，inline，block，OBJECT 和 BODY，其内部允许包含的内容在文中会单独给出。
#PCDATA 的意思是“parsed character data”，即纯文本内容（不包括任何 HTML 标签，但是转义内容可以存在，比如 &auml;和 &#228;）
CDATA 的意思是“character data”，这意味着不包括转义内容的纯文本内容，详细内容可以参考CDATA Confusion
excluding … 意即不得直接或者间接的包含所列的元素
(more…)

Flex DataGrid 分页 （服务器端分页版）

九月 9th, 2009 7 comments

之前写过DataGrid的分页控件，但是针对的数据类型是客户端型的，也就是说数据必须全部读取到客户端，对于小型数据类的分页比较适合。想了解的同学可以到这里看看
Flex DataGrid 分页 排序 箭头指示
这一篇主要介绍的是我刚刚整出来的针对服务器端数据分页的控件，表达能力不是很好。就叫DataGrid分页2吧。
老样子，在文章的最后附上了包含源码的一个小Demo。下面讲讲主要思路。 (more…)

图文混排 RichTextField 组件

八月 31st, 2009 10 comments

今天在Google code上看到一个很好用的图文混排组件，名字叫做 RichTextField。地址在这里http://code.google.com/p/riaidea/wiki/RichTextField

作者的想法很好。但他所说 “RichTextField是一个实现图文混编的AS3组件，特别适合像QQ那样的聊天组件需要。”。如果要像QQ一样的聊天功能，则需要将前台的内容传送到后台，再由后台服务器端进行传播，传送前必须进行打包，至于将表情如何打包，也有多种做法。

但是我找了半天没找到一个方法，可以将该组件的内容转换成可以进行传输的数据。于是动手修改了一下，将表情转换成特殊字符串，再进行传输， (more…)

flex 客户端缓存 module swf

八月 22nd, 2009 20 comments

flex或者flash客户端的缓存，并不是指浏览器的缓存，浏览器的缓存在一定时间后会过期，先作此声明。
使用flex或者flash开发出来的网站最大的问题就是swf文件过大，国内网速有限，导致加载时间过长，这样会丢失很多潜在的客户。
flex使用RSL技术，可以解决框架的缓存与共享，很大程度的解决了加载问题。但是如果项目过大，还是会导致加载时间很长这个问题。我使用了SharedObject进行客户端的SWF与Module的缓存，并进行版本控制。在服务器端做一个配置文件，客户端若有缓存过数据，则进行版本控制，达到客户端数据与服务器端数据保持一样。 (more…)

flex可多选的ComboBox

八月 18th, 2009 12 comments

今天在一Flex群上看到有童鞋需要用到可多选的ComboBox，而且内嵌CheckBox。
下午有空动了动手，做了以下的一个插件(文章最后又下载地址)。

WarmC:MyComboBox,继承自ComboBox,所以用法差不多。如果使用XML数据源的话，得自己手动进行修改。

重写了prompt的set方法，因为自带的prompt set方法会导致dropdown的MouseEvent.ROLL_OUT与MouseEvent.ROLL_OVER监听丢失，可能是因为dropdown被重新构造了的原因。 :!:

支持直接在数据源里面指定CheckBox的selected与enabled属性，这两个属性比较常用。下面的Demo里面有详细的内容。

Demo: (more…)

jQuery插件:fancybox

八月 10th, 2009 4 comments

它是什么?

fancybox 是一个 MAC 风格的用来在 web 页面显示图片, html 内容和多媒体的 “lightbox(灯箱)” 工具,是一个比较轻量的 jQuery 插件,所以使用 jQuery library ,遵守 MIT License.

特点: (more…)

1Kb CSS Grid:像玩拼图一样进行布局

八月 3rd, 2009 Leave a comment

其实我们在写css的时候,最开始的问题就是进行布局,普通的企业站好像还好一点,挺常规化的布局就可以搞定,但是稍稍遇到点复杂的就会显得很麻烦,因为要为这一块单独的去进行布局修改等重复性工作.做这一行的最烦的事就是重复性的造轮子,不过现在好了,一切都可以很轻松的搞定了,因为有了一个现成的1Kb CSS Grid,这是一个CSS框架,但是它非常的轻量级,就像名字一样,只有1kb.所以,我们很容易把它拿出来集成到我们自己的Framework中,毕竟通用性的CSS Framework不是适合每个人或TEAM的,适合的才是最好的.

1Kb CSS Grid的特别不只是在于它的小巧而具备良好的可移植性,我的理解它的强大之处更在于它的高度自定义.这里的高度不是说的height,而是level.上到了这个1Kb CSS Grid网站,你就可以看到样式按钮,按照自己所需进行设置一下,然后down下来,即可,真的是非常之强大与方便.

完美的IE6 position:fixed

七月 20th, 2009 1 comment

这个内容是老生常谈了,主要问题就是IE6不支持 position:fixed 引起的BUG.当我们去搜索解决这个bug的垮浏览器解决办法时,绝大多数结果都是说使用 position:absolute 来替代解决,可是我们真的解决了么?没有,因为当页面比较长的时候,拖动滚动条,那个fix的地方也相应的闪动.虽然最终会近似于需求的目标,但是不完美.那么如何解决这一问题呢? (more…)

CSS hack 汇总

七月 20th, 2009 Leave a comment

说是CSS hack 汇总其实有点不妥,主要是用以记录CSS对于不同浏览器之间的区别对待.为啥不妥呢?因为平时很少用到,说也奇怪,我写出来的CSS code,从firefox出来以后,很少再对IE进行hack,例如写 flexhome 的时候,就没太大的变化,莫非是我写的比较标准? :lol: 现在,就把我所学到看到的东西整理出来供大家选择.若有错误的地方还请您帮忙斧正.ie6 must be die,我希望以后都用不到 css hack.

对于CSS hack,写法大致有两种方式,一是利用外部引入的方式;二是直接写在通用css文件里.第一种方式呢,是利用IE的if条件进行Hack,我很喜欢这样的写法(值得说明的是:你得写上DTD,否则会出现一些莫名其妙的问题) (more…)

Page 1 of 3123