话题公司 › 贝壳

公司:贝壳

关联话题: 链家、自如

贝壳找房(Ke Holdings Inc.)又称贝壳集团,是中华人民共和国一个二手房、新房和房屋出租资讯网站,成立于2017年11月21日。该网站通过抽取成交双方的佣金来获利。2020年8月13日,贝壳集团在纽交所挂牌上市。

Native和Flutter混合开发ViewPager的解决方案

贝壳在IPD和Android平板上进行了大量的Flutter和Native混合开发实践。在这个过程中遇到了一个特殊场景:Flutter和Native在同一级页面并且可以来回切换。本文就实践中遇到的问题和解决思路进行讲解。

html2canvas百度地图及覆盖物截图方案

本文主要介绍如何解决html2canvas在百度地图截图场景中遇到的图片跨域、覆盖物无法截取问题,以及百度地图不同版本截图方案对比。

从onClick看react事件系统

用react开发的过程中,我们常常写好多事件,onClick这个事件是非常常用的,onClick这个不同于dom事件的绑定方式的写法,却又能达到我们想要的交互,那你知道react内部是怎么处理的吗?它特殊的事件机制是什么?又是怎么工作的呢?

React16更新渲染源码分析

React16 架构分为三层,Scheduler用来调度任务,Reconciler找出变化的组件后将它们交给Renderer,由Renderer将其渲染到页面上。本文将从源码角度聊一聊 render 阶段和 commit 阶段的工作流程。

贝壳Flutter混合工程集成方案

本文介绍了Flutter官方的混合集成方案在贝壳的落地。实践过程中包括了对官方集成主体的缩减,使用源码模式和二进制模式来兼顾Flutte和非Flutter开发,自研Flutter SDK自动化部署工具来降低配置成本等举措。

贝壳鸿蒙开发实践

华为鸿蒙系统开发介绍以及贝壳找房在鸿蒙系统上的实践经验。

打动用户的秘密武器:营销物料设计

被窝家装是贝壳找房旗下的家装品牌。在这里,你既能选择独立设计师,也可以选择局装、整装套餐来构绘理想的家。

本文要跟大家分享,我们如何通过提升设计质量和效率,让营销物料成为打动用户的秘密武器。

关系图谱在太阿系统中的应用

关系图谱是描述两个元素直观关系的一种数据可视化方式。通过两点一线来描述一段关系,多段关系组成一张关系网,如人物关系图。

关系图谱在太阿业务系统中进行了落地实践。太阿平台是监察办案的一站式作业平台,主要包括对新房或二手房经纪人违规行为的调查闭环线上化、调查过程中的溯源工具合集以及一些可能涉及风险的流程审核等。其中溯源工具中的事实图谱和亲密度图谱就采用了关系图谱。

事实图谱用来还原经纪人作业中的一切事实关系,如经纪人A使用过的电话号、设备、小程序、身份证,联系过的客户、经纪人,分享或浏览过的房源,到访过的门店等等,每个相关元素(房源等)依然存在自己的事实关系网。

亲密度图谱是基于相同底层数据抽象而成的亲密度图谱,可以查询经纪人/客户-经纪人/客户的直接关系,以及该直接关系是通过设备、电话、WIFI组成的哪些链路产生的连接。

以上两种图谱需要满足一些基本的交互:点的拖拽、删除、筛选、扩散,和基本的布局:扩散、链路对称等。下面我们从以下几个方面来进行详细的讲述,通过阅读本文,我们在遇到与关系图相关需求时,能够快速选型,并对整个实现过程有基本的了解:

  1. 常见数据可视化工具
  2. 关系图谱选型实践
  3. 优化
  4. 总结

小程序开放平台架构指南(下)

上文说到,小程序架构中存在两个关键问题,不解决则小程序项目就无从谈起。在这篇文章中,我们会尝试解决这两个问题。

小程序开放平台架构指南(上)

本系列文章分为上下两篇。

小程序开放平台架构指南(上)中介绍了小程序开放平台的核心价值点与开发路线图。

小程序开放平台架构指南(下)里对小程序开放平台中两个关键问题: 跨端通信与跨端构建响应式 Dom 界面的解决思路进行了介绍。

让保障被看见:服务设计助力购房体验新升级

从服务设计视角重新出发,让散点体验系统化。

Flutter For Web多端一体化开发和原理分析

本文介绍了Flutter for Web的发展现状,并且从编译、部署、运行和渲染等几个方面进行了介绍和原理分析。

PHP生态 Hystrix 实践(二)

本篇为第二部分,首先详细介绍了两种计数器的设计,桶的存储设计,以及配置、监控等方案;其次通过比对介绍了单机版hystrix的设计的特殊之处;最终,通过对多种计数器内核的方案做压测,说明我们最终选取方案的取舍。

Flutter Navigator局部页面切换实践

在移动端,经常会存在局部视图切换的场景,比如图1所示的场景, 页面的左边部分支持切换到下一个页面并且下一个页面可以返回到上一个页面。在Android中,可以使用Fragment实现图中所示的效果, iOS中可以使用UINavigationController实现类似的效果。那么在Flutter中,应该怎么实现这种局部页面切换呢?

在Flutter中,页面切换是通过Navigator实现的, 那么能否考虑将Navigator用于局部页面切换呢?答案是肯定的。本文将重点介绍使用Navigator进行局部页面切换,以及在使用的过程中碰到的一些问题和解决方案。由于业务中目前使用的Flutter版本为v1.12.13,所以本文也会基于这个版本进行分析。

PHP生态 Hystrix 实践(一)

为应对服务雪崩,采用hystrix的计数器和断路器设计,在php生态实践其熔断机制。在介绍了hystrix原理后,实现了多种计数方式,并压测给出性能比对结果。最后,完善了配置和监控等闭环。

FlutterEngine在Pad上的演变

贝壳在iPad和安卓平板(这两种后续统称为PAD)上面进行了多款产品的开发;为了提高开发效率,实现一套UI跨端展示,贝壳使用Flutter进行了大量实践。

在手机上屏幕比较小,一般一个页面就是一个完整的Flutter页面,这种场景使用一个FlutterActivity容器进行加载就可以了。然而在PAD上,屏幕比较大,交互更加的丰富;由于业务上大量的用到了地图和一些H5页面,会出现同屏Native和Flutter混合的情况,会使用到FlutterFragment和Fragment在同屏切换的场景;因此我们不得不采用Native+Flutter的混合方案,FlutterEngine作为Native和Flutter桥连的容器在这中间扮演着重要的角色。

这期间贝壳PAD经历了单FlutterEngine到多FlutterEngine再到Flutter2.0的FlutterEngineGroup这一系列的容器改变,下面会详细的介绍FlutterEngine在PAD上的演变过程。

首页 - Wiki
Copyright © 2011-2024 iteam. Current version is 2.125.4. UTC+08:00, 2024-05-27 20:27
浙ICP备14020137号-1 $访客地图$