1.背景介绍传统的布局解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能Flex是Flexible Box的缩写，意
转载
2023-07-26 23:41:20
41阅读
flex布局总结
1.背景 传统css盒式模型，依赖 display属性 + position属性 + float属性实现页面的布局，而随着互联网的迅猛发展，带动了无数的互联网创业者和互联网产品，因而样式布局的美化成为了重要的竞争点，带动前端布局样式迅速发展，传统的布局方式已不能完全胜任当下的前端需求。2009年，W3C提
转载
2023-07-13 20:15:31
81阅读
flex 弹性布局一. flex 解释1、flex 布局 为 flexible BOX 的缩写 ，意思为 弹性布局。2、块级元素和行内块级元素都可以使用flex布局3、Webkit内核的浏览器，需要加上-webkit前缀。二. flex 容器 属性1、flex-direction此属性决定主轴的方向.flex{ flex-direction: row; // (默认值) 主轴水平方向，从左往右 如
转载
2023-07-14 18:45:36
109阅读
flex布局是继标准流布局、浮动布局、定位布局后的第四种布局方式。这种方式可以非常优雅的实现子元素居中或均匀分布，甚至可以随着窗口缩放自动适应。 flex布局在浏览器中存在一定的兼容性。但是在小程序中，是完全兼容 flex布局的，并且微信官方也是推荐使用 flex布局的。下面就来详细的讲下 flex布局。一个小例子：看以下代码：<view class='outter'>
转载
2023-07-31 13:42:42
45阅读
译者：Balan 原文：Building and running Flex applications (from 'How Flex Works', Adobe Flex 2 Help) Flex是一种开发和运行环境，我们可以通过它创建富网络应用程序(RIA)，这些程序使用Adobe® Flash® Player 9来传递更加直观和更富有交互性的在线体验。 Flex应用程序开发流程以下是创建Fle
Flex 无疑是RIA第一位得选择，而JAVA 可以是Enterprise application 的第一选择。 结合二者来开发Web App 无疑是一种走向流行的方案。 前端Flex＋后端JAVA的简单架构如图：在实际得开发中实现上述结构的方法非常之多。我只是将自己开发的渐变过程记录下来。希望对后来者有所借鉴。这个系列blog包括：一。混沌未开－Flex-all-in-one二。中央管理－Fle
转载
2009-02-16 10:22:00
62阅读
目录01 | 冷热分离：表数据量大读写缓慢如何优化？02 | 查询分离：表数据量大查询缓慢如何优化？03 | Elasticsearch 注意要点：这三点你不得不知04 | 分表分库：单表数据量大读写缓慢如何解决？05 | 读缓存：如何减少数据库读操作压力？06 | 写缓存：如何节省数据库写操作资源？07 | 数据收集：高频数据收集请求如何不影响主业务？08 | 秒杀架构：设计秒杀架构必知必会的
转载
2023-07-13 16:18:52
50阅读
熟悉flex开发的DX们都知道，flex中的replace方法不能替换所有的内容，那 怎么办呢，自己来搞定！/** * replaceAll * @param source:String 源数据 * @param find:String 替换对象 * @param replacement:Sring 替换内容 * @return
转载
2010-07-07 12:14:00
122阅读
2评论
flex androidAT&T版泛泰Flex开始Android 4.1.2升级AT&T上星期五发布音讯，即日起泛泰Flex手机开端flex android晋级。这意味着手机用户将能够体会Project Butter带来的顺利以及Google Now带来的即时资讯，当然还有人性化的告诉栏操作。在晋级包中还包含一个AT&T的Drive Mode软件，该软件用于在驾驭中发送文本
转载
精选
2014-01-08 17:54:00
382阅读
1、flex布局flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性；任何一个容器都可以指定为 flex 布局；给父盒子设为 flex 布局以后，子元素的 float、clear 和 vertical-align 属性将失效；采用 flex 布局的元素，称为 flex 容器，它的所有子元素自动成为容器成员，称为 flex 项目2、父项常见属性flex-d
转载
2023-08-15 14:41:26
94阅读
在 IT 基础架构日常运维中，升级是最头疼的任务之一。这里的升级既包括硬件的固件升级，也包括软件的版本升级，还有补丁的升级。这类工作通常伴随着一些潜在停机或者故障的风险，甚至升级操作本身就要求停机执行，这给企业的关键业务带来了不少的麻烦。因此，运维管理员对于升级操作可以说是慎之又慎，能免则免。但现实中却存在一些难以避免的升级需求，例如：当前使用的软件版本发现明显的漏洞时，企业需按照监管要求自行整改
先说明，本文说的是技术架构，而不是业务架构，另外，这个架构是指目前比较热门的高并发大数据的架构。论能力，我还达不到架构师的水平，所以我目前还在不断努力。 之前我写过一篇博文：架构师升级步骤和平时的工作内容！反响不错，所以今天我再回顾下我在架构师方面的学习途径和学习方式，也总结下我在这方面踩过的坑，从而让大家别再重犯。 1. 刚开始，只知道架
1.百万以下下用户： 系统可以scale up方式来升级。 或者简单系统横向扩展。2.1-2百万账户： 系统按照垂直分割模式设计，将个业务系统分开包括其中的数据库。 譬如用户中心（包括登录), 积分系统，博客，相册等。 按业务逻辑分开是必须的，但是有些信息必须是共享的。 譬如单点登录功能，腾讯的QQ号登录后，各个打通的子系统都可以自动登录。3. 3百万时：
第二届华东架构师大会成功召开
2013年10月27日，Think技术社区举办的“第二届华东架构师大会”在上海华纳风格酒店国际会议厅隆重举行。 大会邀请了蔡学镛、胡喜、邵海杨、尤勇、周爱民作为分享嘉宾，同时还邀请了郝培强、陈思儒、匡萃彪、潘晓良、钱武星、王磊、徐景春、徐立、庄表伟、张尔宁等首席架构师和技术总监作为参与嘉宾。大会中嘉宾们
# 技术架构升级：从单体到微服务
随着互联网技术的快速发展，软件系统变得越来越复杂。为了应对不断变化的业务需求和提高系统的可维护性，技术架构的升级成为了一个重要的课题。本文将通过一个简单的示例，介绍从单体架构到微服务架构的升级过程。
## 单体架构
在单体架构中，所有的功能模块都集中在一个应用程序中。这种架构的优点是简单易用，但随着系统功能的增加，代码量也会随之增加，导致维护和扩展变得困难。
本文针对工作中实际经验，整理了把一个单体架构的系统升级成集群架构需要做的准备工作，以及为集群架构的升级做指导方针。本文首先分析了单体架构存在的问题，然后介绍了集群架构（好处、注意的问题、架构图），接着分析了目前系统的主要功能以及集群后需要做哪些调整，然后对集群架构涉及的技术做横向对比，最后确定技术选型。从这几个方面介绍了从单体架构到集群架构的改造过程，希望对你有帮助。背景单机存在单点故障的隐患Jv
## 域架构升级指南
在软件开发的生命周期中，域架构（Domain Architecture）扮演着重要的角色，影响着系统的可扩展性和维护性。对于刚入行的小白来说，了解和实现域架构升级，是提升自己能力的重要一步。本文将详细介绍域架构升级的流程、需要的代码示例，以及每一步的具体操作。
### 域架构升级流程
在进行域架构升级时，我们可以将整个流程拆分为以下几个关键步骤：
| 步骤
以前我写过一篇关于 MVP 架构的文章《Android架构—MVP架构在Android中的实践》。随着业务的复杂化，我们会发现传统的 MVP 架构依然会有很多问题。下面我将和大家一起探讨下在使用 MVP 架构过程中遇到的比较大的问题以及解决方案。随着业务逻辑复杂化，我们可能会遇到下面几个比较大的问题：Presenter 中充斥着非常多的业务回调方法，Presenter 非常臃肿顶层业务逻辑无法重用
系统架构演变\n随着互联网的发展，网站应用的规模也在不断的扩大，进而导致系统架构也在不断的进行变化。\n\n从互联网早起到现在，系统架构大体经历了下面几个过程: 单体应用架构—>垂直应用架构—>分布\n式架构—>SOA架构—>微服务架构，当然还有悄然兴起的Service Mesh(服务网格化)。\n\n接下来我们就来了解一下每种系统架构是什么样子的， 以及各有什么优缺点。（
转载
2023-08-08 13:11:47
32阅读
大家都知道我们在开发后台的时候，都会使用MVC，三层等分层架构，使后台代码达到职责更为分明单一，高内聚低耦合，比如，Dao层仅仅是进行和数据库打交道，负责处理数据；Service（B层）仅仅是进行逻辑推断处理，而Action则进行后台和前台页面的交互等。从而使程序更加easy管理，更加灵活，...
转载
2014-10-14 13:03:00
13阅读
