Flex 简介

简介

Macromedia Flash是强大的矢量动画编辑工具 在做动画起家之后 Flash一直在谋求rich internet application（ria富客户端）的霸主地位 最有影响的是 已经推出了面向对象的编程脚本ActionScript 并且建立起类似于java swing的类库和相应ponent（组件） Flex是通过java或者 net等非Flash途径 解释 mxml文件组织ponents 并生成相应得 swf文件 Flex的ponent和flash的ponent很相似 但是有所改进增强 目前Macromedia公司已经被ADOBE公司收购 当前（ 年 月）的flex版本为 运用Flash是完全可以做到flex的效果的 为什么还需要flex呢？这里面有两个原因 为了迎合更多的developers（开发者） Flash天生是为了designer（设计者）设计的 界面还有flash的动画概念和程序开发人员格格不入 为了吸引更多的jsp/asp/php等程序员 Macromedia推出了Flex 用非常简单的 mxml来描述界面给jsp/asp/php程序人员使用 （x/d）非常相似 而且mxml更加规范化 标准化

为了一个标准 大家一定听说过微软下一代系统longhorn 在longhorn推出的同时微软也会推出新的语言xaml 一种界面描述语言 与之相应的就是 art client和flex非常相似的东西 Mxml和Xaml的也很相似… …这是人机交互技术的进步的重要体现 即内部逻辑与外部界面交互相分离

Flex和其实没什么关系 Macromedia用java做出来个应用把flash的技术融合到J EE里面 再用 net的技术做出来个 net应用把flash技术融合到 net里面去 应该说flex解决了J EE里面和 net里面最繁琐的问题那就是web 客户端的问题

什么是用RIA？

传统网络程序的开发是基于页面的 服务器端数据传递的模式 把网络程序的表现层建立于HTML页面之上 而HTML是适合于文本的 传统的基于页面的系统已经渐渐不能满足网络浏览者的更高的 全方位的体验要求了 而富互联网应用（Rich Internet Applications 缩写为RIA）的出现就是为了解决这个问题

富互联网应用程序是下一代的将桌面应用程序的交互式用户体验与传统的WEB应用的部署灵活性和成本分析结合起来的网络应用程序 富互联网应用程序中的富客户技术通过提供可承载已编译客户端应用程序（以文件形式 用>

这样的 以前在各大学校里都流传着这么一个恐怖故事 说是A校有不干净的东西 每当十五的时候 学校门口的鲁迅像的眼睛就会动 所有教学楼都会停电 楼梯会从原来的13阶变成14阶 实验室的水龙头放出来的水会变成红色 还有1楼尽头的那个厕所只要有人进去了就再也出不来了 于是 一群不信邪的孩子们约好15那天去探险 晚上12点 他们准时来到了那所学校的门口 鲁迅像的眼睛望着左边 他们记下了 生怕出来的时候记不得有没有动过 他们来到了教室 打开开关 咦 不是亮着的么？ “骗人。”一个男孩发出抱怨 “再看看吧。” 来到了楼梯口 “1 2 313没错阿 是13阶阿？” 孩子们有点怀疑传说的真实性了 于是他们又来到了实验室 水龙头打开了 白花花的水流了出来 “真没劲阿 我们白来了！” 刚开始的刺激感都消去了一半。 最后 他们来到了那个厕所 女孩子虽然口上说不相信 可是还是不敢进去 于是让刚刚很拽地说不怕的小C进去 看了表 1点整 2分钟后 男生出来了 “切 都是骗人的” 孩子们不欢而散。 出门时 一个看门人发现了他们 喝斥他们怎么可以那么晚还在学校逗留。孩子们撒腿就跑 小B特地注意了一下门口的石像 没错 眼睛还是朝左看得 “骗人的”他嘀咕了一声 “喂 小B么？小C昨天晚上和你们一起出去玩 怎么还没回来？”第二天早上 小C的妈妈打电话过来询问。 小C也没有去学校上课 孩子们隐约感到不对了 于是 他们将晚上的探险之事告诉了老师和家长 大家在大人的陪同下回到了那个学校。 “什么？ 我们的鲁迅像的眼睛一直是朝右看的阿。”校长听了孩子们的叙述 不可思议的说。 “可是我们昨天来的时候是朝左看的阿” 出门一看 果然 是朝右看得 “可是昨天的确有电阿” “昨天我们这里全区停电你们怎么开得灯？” “还有楼梯！”孩子们迅速跑到楼梯口 “1 2 312？” “我们的楼梯一直是12阶的。” “不可能！！！” “还有实验室”一个孩子提醒道 “对 实验室” 一行人来到实验室 就在昨天他们开过的那个水龙头下 有一摊暗红色的痕迹。 “是血迹。” “那小C昨天还去过那个厕所”大家都感到了一阵莫名的恐惧 “走 我们去看看”校长也意识到了事情的严重性 推开门 小C的尸体赫然出现在大家的眼前 因为惊恐而睁大的双眼 被割断的喉管血淋淋的 内脏散落在已经干掉的水池里 “阿”小C的妈妈当场昏了过去 几个老师马上冲出去呕吐 小B也被吓得目瞪口呆 在他晕过去的前一秒钟 他瞥见小C的手表 指针停在了1点 就是小C进去的那个时候 顺便说一下 他们去探险的那天晚上 并没有门卫 将此贴转向5个以上的论坛不会魔鬼缠身且能实现一个愿望 。 不回帖者晚上凌晨过后往往不好意思，我也处于无奈

刷新浏览器

navigateToURL(new URLRequest( javascript:location reload(); ) _self )

关闭浏览器

navigateToURL(new URLRequest( javascript:window close() ) _self );

打开一个新浏览器窗口

navigateToURL(new URLRequest( ) _blank );

复制一个ArrayCollection

//dummy solution( well it works )

var bar:ArrayCollection = new ArrayCollection();

for each ( var i:Object in ac ){

bar addItem( i );

}

// fantastic ! //

var bar:ListCollectionView = new ListCollectionView( ListCollectionView( ac ) list );

复制内容到系统剪贴板

System setClipboard(strContent);

清除子串左侧空格

public function LTrim(s : String):String

{

var i : Number = ;

while(s charCodeAt(i) == || s charCodeAt(i) == || s charCodeAt(i) == || s charCodeAt(i) == )

{

i++;

}

return s substring(i s length);

}

设置Alert 窗口的背景为透明

Alert

{

modalTransparency: ;

modalTransparencyBlur: ;

}

获取取随机颜色

lbl setStyle( color xffffffMath random());

获取数据类型

getQualifiedClassName(data)

字符串右侧空格清除

public function RTrim(s : String):String

{

var i : Number = s length ;

while(s charCodeAt(i) == || s charCodeAt(i) == || s charCodeAt(i) == ||s charCodeAt(i) == )

{

i ;

}

return s substring( i+ );

}

清除字串左右的空格

public function Trim(s : String):String

{

return LTrim(RTrim(s));

}

生成随机字符串

private function GenerateCheckCode():String

{

//init

var ran:Number;

var number:Number;

var code:String;

var checkCode:String = ;

//get radom

for(var i:int= ; i< ; i++)

{

ran=Math random();

number =Math round(ran ); //get result like

if(number % == )

code = String fromCharCode( +(number % )); // s ASCII code is

else

code = String fromCharCode( +(number % )) ; // A s ASCII code is

checkCode += code;

}

return checkCode;

}

lishixinzhi/Article/program/Java/JSP/201311/19331

ie11中的flex-grow默认0，也就是 flex:1 = flex:1 1 0 。谷歌内核浏览器为x flex:1 。 所以：

flex:1 改为 flex: 1 1 auto

1、min-height外的父div需要设置成 display:flex

2、此时min-height的div可能宽度会变小，需要设置 width:100%

3、min-height如果时flex-column布局，min-height内部的子div如果设置了 flex:1 ，会出现没有被内部元素撑开的情况，因此相应的子div需要设置 flex-shrink: 1

flex:1 改为 flex: 1 1 auto

min-height的父div设置成 display:flex ，min-height元素设置 width:100%

撑不开的子元素设置 flex-shrink: 1

父元素 flex 布局，子元素有一行文字，将其设置为不换行隐藏后显示省略号，但实际并不是想象的那样，而导致布局变形。

这种情况是因为 flex 布局特性，子内容优先被内容撑开使得文字不隐藏。

解决：将该父元素的宽度设置为 0 ，并使用 flex：1 样式。

以上就是关于Flex 简介全部的内容，包括:Flex 简介、lggflex欧美版怎么能用中国的浏览器、FLEX项目发布到Tomcat后，用IE打开项目点击某一链接按钮，IE浏览器就只显示出来，需要手动点击打开等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！