Flex是什么？

最新推荐文章于 2022-08-14 15:22:12 发布
最新推荐文章于 2022-08-14 15:22:12 发布
阅读量714 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： flex flash adobe ajax 浏览器 平台
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lushisang/article/details/4033921
本文介绍了Adobe Flex技术，一种基于Flash平台的开源框架，用于构建具有一致性的富Web应用程序。相较于Ajax，Flex拥有更强的表现力和交互性，适用于跨平台部署。

因为我当前专注于RIA的一支，即Flex，也包括Flash。Flash是几乎人尽皆知的技术，Flex是相对较新的技术。

Flex是Adobe公司推出的技术，基于Flash平台，开发的程序可以运行于装有Flash Player插件的浏览器以及Adobe的桌面程序运行平台AIR之上，具有很好的表现力和交互力。官方网站上对Flex的定义如下：

Adobe® Flex® 3 是用于构建和维护在所有主要浏览器、桌面和操作系统一致地部署的极具表现力的 Web 应用程序的高效率的开放源码框架。

相对于Ajax，Flex的优点是易于开发调试，表现力交互力强，缺点是加载速度慢。在兼容性方面，我觉得Flex更好。

关于Flex的讨论文章见下：

关于Flex http://www.javaeye.com/topic/285531

为什么选择Flex而不选择Ajax－Newbie asks why Flex http://www.javaeye.com/topic/47667

选择Flex的理由 http://www.javaeye.com/topic/274015

总结Flex 的几个优势和特色 http://www.mmug.cn/blogs/index.cfm?sPart=SB&iFid=1020&sDayNow=2006-12-06&sAuthor=yezi

转载请注明出处：http://lushisang.blogspot.com/2009/03/flex.html
作者：陆仕桑 发表时间：20090327-20:16

陆仕桑
关注
3、flex弹性盒布局（flex:1?、水平垂直居中、三栏布局）
m0_73560798的博客
06-02 3545
任何一个容器都可以指定为 Flex 布局。块元素，行内元素即可。div{span{注意，设为 Flex 布局以后，子元素的floatclear和属性将失效。
CSS 的弹性布局(flex) ，是什么？
Learn-anything.cn
12-10 694
一、弹性布局 是什么？ 元素根据窗口大小变化而自动伸长或缩短，使得整个页面格式保持不变。 二、怎么使用？ 1、使用方法 /* 1、父元素中增加 display 属性；*/ display: flex; /* 2、子元素中增加 flex、flex-direction等属性；*/ flex: 1; flex-direction: column; 2、示例 新建 index.html 文件，复制下面代码到文件，用浏览器打开 index.html，在调整浏览器窗口大小，即可看到article 元素的大小也跟
flex百科
wait for you...编程爱好者
11-14 249
Flex　　Macromedia Flash是强大的矢量动画编辑工具，在做动画起家之后，Flash一直在谋求rich internet application(ria富客户端)的霸主地位，最有影响的是，已经推出了面向对象的编程脚本ActionScript2.0，并且建立起类似于java swing的类库和相应component(组件)。Flex是通过java或者.net等非Flash途径，解释.m...
flex是什么
ghost_pekin的专栏
11-10 667
[转自]http://liuleijsjx.javaeye.com/blog/403162 Flex是 RIA(rich internet applications,即富客户端)的一种技术实现,下面我们把它及其相关的知识与java做个简单的对照,由于个人水平有限,下面的比较仅供参考: 1.RIA     vs   跨平台的编程技术 2.Flex    vs   java 3.fl
Flex完美概述
binbin_520的专栏
10-19 512
 Flex是Macromedia发布的presentation server(展现服务)，它是java web container或者.net server的一个应用，根据.mxml文件(纯粹的xml描述文件和actionscript)产生相应得.swf文件，传送到客户端，由客户端的 flash player或者shockwave player解释执行，给用户以丰富的客户体验。 　　大名鼎鼎的Ma
什么是Flex?
Stop Tears
02-14 365
Flex 是一个高效、免费的开源框架，可用于构建具有表现力的 Web应用程序，这些应用程序利用Adobe Flash Player和Adobe AIR, 运行时跨浏览器、桌面和操作系统实现一致的部署。虽然只能使用 Flex 框架构建 Flex应用程序，但Adobe Flash Builder™（之前称为 Adobe Flex Builder™）软件可以通过智能编码、交互式遍历调试以及可视...
flex是什么 Flex介绍
10-27
Flex 是一个用于构建富互联网应用程序（Rich Internet Applications, RIA）的开源框架，它由Adobe公司（前身为Macromedia）开发。Flex的核心是提供一套工具和库，使得开发人员可以构建具有高度交互性和动态用户体验...
Flex布局
03-29
Flex布局，全称为Flexible Box，是W3C在2009年提出的一种新的网页布局方案，旨在解决传统CSS布局模式在处理复杂和动态内容时的局限性。它特别适用于移动设备上的H5页面和微信小程序等场景，能轻松实现各种复杂的页面...
flex是什么及flex布局语法教程详解
11-19
### Flex布局详解 #### 一、Flex布局简介 Flex布局是一种现代前端开发中非常重要的布局方式，它全称为“Flexible Box”（弹性盒子），旨在为Web页面中的元素提供更为灵活和强大的布局能力。通过Flex布局，开发者...
flex是什么？
ElvisSu的专栏
07-23 991
【问】flex是什么？ 【答】flex是响应式布局常用方案且在移动端兼容良好，用它可非常简洁地实现响应式、垂直居中等，而这些需求用传统方案，如float、position等实现起来都非常繁杂。 【扩展1：flex频次最高的实践如下】 .box { width: 300px; height: 300px; display: flex; /* 主轴方向: row主轴从左到右默认 / column主轴从上到下; */ f
Adobe Flex是什么玩意儿？
秀才上网，也时尚！
11-26 2998
 什么是Adobe Flex？就像Flash一样， Flex能够制作出可以被Flash Player播放的SWF文件。但是，Flex主要是开发者（程序员）的工具，并且开发Flex应用程序的方式和开发Flash RIA（Rich Internet Application，富互联网应用程序）的方式完全不同。所有的Flex开发都基于一个Flex开发框架，该框架为你提供可重复使用、可扩展的UI组件、数
flex是什么及flex布局语法
haruhyuhae的博客
08-26 953
Flex布局 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，自由的操作容器中元素(项目)的排列方式 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ display: inline-flex; } Webkit 内核的浏览器，必须加上-webkit前缀。 .box{ display: -webkit-flex; /*
Flex是什么? flex和flash是什么关系？
Joshua's SAP territory
09-24 2234
Flex是Macromedia发布的presentation server(展现服务)，它是java web container或者.net server的一个应用，根据.mxml文件(纯粹的xml描述文件和actionscript)产生相应得.swf文件，传送到客户端，由客户端的flash player或者shockwave player解释执行，给用户以丰富的客户体验。 　　大名鼎鼎的Mac
【前端】Flex布局使用
qq_45888932的博客
07-29 1175
个人为前端小白，对于前端的学习为使用层面；对于flex这里只记录了用到的属性，没有更加深入。可以访问参考链接等等。
学Flex布局-这一篇就够了
软件测试的坑，让我来踩吧
08-14 2556
在PC端页面中布局，推荐使用传统布局，在移动端布局或者不考虑兼容性问题的话PC端页面布局，还是使用Flex弹性布局更加实用
Flex 布局基本概念及常用属性
奇思妙想赵老师的博客
07-22 2651
Flex 布局基本概念及常用属性 1. 什么是 flex 布局 2. 基本概念 3. 容器的属性 4. 项目的属性 一、什么是 flex 布局 Flex 是 Flexible Box 的缩写，意为"灵活的盒子"或"弹性的盒子"，所以 flex 布局一般也叫作"弹性布局" 二、基本概念 1. 什么是 flex 容器（flex container）？ 采用 flex 布局的元素，称为 flex 容器 .box { display: flex | inline-flex; } 2. 什么是 flex 项目（fl
flex简介——css
mantou_riji的博客
04-19 4936
文章目录flex(弹性盒、伸缩盒)浮动的高度塌陷弹性盒弹性容器定义弹性容器属性flex-direction主轴：弹性元素的排列方向称为主轴侧轴（辅轴）：和主轴垂直的方向称为侧轴flex-directionflex-flowjustify-contentalign-items所以设置弹性容器子元素居中的方法align-content与align-content对应的align-self弹性元素的属性弹性元素弹性元素属性flex-growflex-shrink练习导航条 flex(弹性盒、伸缩盒) flex弹性
flex 是什么？
最新发布
07-05
Flex 是 HTML 中用于实现弹性布局的一种机制，主要通过 CSS 属性来控制容器及其子元素的排列方式。使用 Flex 布局时，可以通过将容器的 `display` 属性设置为 `"flex"` 来创建一个弹性容器[^1]。 一旦容器被定义为 Flex 容器，其子元素就可以通过一系列 Flex 相关属性进行布局控制。这些属性包括但不限于： - **flex-direction**：定义主轴的方向（即项目的排列方向），可以是 `row`（默认值，从左到右）、`column`（从上到下）、`row-reverse`（从右到左）或 `column-reverse`（从下到上）。 - **justify-content**：在主轴上的对齐方式，例如 `flex-start`（默认值，起点对齐）、`center`（居中对齐）、`flex-end`（终点对齐）、`space-between`（两端对齐，项目之间的间隔相等）或 `space-around`（每个项目两侧的间隔相等）。 - **align-items**：在交叉轴上的对齐方式，例如 `stretch`（默认值，如果项目未设置高度或宽度，则会拉伸以填满容器）、`flex-start`（交叉轴起点对齐）、`center`（交叉轴居中对齐）、`flex-end`（交叉轴终点对齐）或 `baseline`（项目的第一行文字的基线对齐）。 - **flex-wrap**：是否允许项目换行，默认情况下所有项目都在同一行显示，但也可以设置为 `wrap` 或 `wrap-reverse` 以支持多行显示。 - **align-content**：当有多行 Flex 项目时，在交叉轴上的对齐方式，适用于设置了 `flex-wrap: wrap` 或 `flex-wrap: wrap-reverse` 的情况。 此外，Flex 还提供了一些特定于子元素的属性，比如 `flex-grow`、`flex-shrink` 和 `flex-basis`，它们通常一起使用并通过简写属性 `flex` 来设置。例如，`flex: 1` 表示该元素将在可用空间中均匀增长，与其他同样设置了 `flex: 1` 的兄弟元素共享剩余空间[^3]。 下面是一个简单的代码示例，展示了如何使用 Flex 布局： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .content { width: 500px; display: flex; } .box-1 { background: aqua; flex-basis: 10%; } .box-2 { background: pink; flex-basis: 100px; } </style> </head> <body> <div class="content"> <div class="box-1">box-1</div> <div class="box-2">box-2</div> </div> </body> </html> ``` 在这个例子中，`.content` 被设置为 Flex 容器，而 `.box-1` 和 `.box-2` 则是它的子元素，分别设置了不同的 `flex-basis` 属性值[^2]。 ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值