专题出品人: 城池

阿里云 智能业务中台体验技术团队——高级技术专家

专题:大前端(下午场)

随着大前端概念的升温,在了解现有的前端技术发展趋势的同时,在工程层面如何更好地攻城略地成为新的挑战,技术选型、性能优化等各种层出不穷的问题也成为了大家关注的焦点。

本专题下的议题

前端如何打造一款全栈监控
陈辰 贝壳找房 前端架构负责人
所属专题:大前端(下午场)

课程概要

案例背景介绍:
这些年随着贝壳找房逐年信息量的升高,线上的前端问题量也随之升高。但是贝壳找房一直没有一款前端监控平台,致使前端所有问题均来自于门店或者线下的反馈,我们迫切的需要一个监控平台,来帮助我们比用户更早的发现问题,在不打搅用户的情况下,修正线上问题。前端作为需求方,存在需求定义不明确,没有整体系统设计,对于日志存储,数据处理,任务调度等,都是被项目所面临的挑战。另外,项目上线后如何推广、落地。都是我们所面对的挑战和问题。 对于一个前端工程师来讲,搭建前端监控困难重重。但是前端监控对前端工程师有着不可替代的重要作用,本分享将讲述一个监控平台的产生,以及在各个关键环节中碰到的问题和解决方案。 本讲包括上报SDK的设计,数据如何流转 ,监控平台的整体设计,监控在项目上线后是如何工作、推广的。

解决思路/成功要点:
通过收集的线上日志,通过把各个任务封装成动态指令,以任务调度系统的方式定期拉取日志,处理数据。得到线上的错误、性能、设备数据。并且通过用户设置的阈值,对响应的数据指标进行报警。 涉及技术点以下几个方面:
1)贝壳找房灯塔监控的总体设计
2)监控系统的日志系统设计。
3)监控任务调度,以及任务的分类。
4)Kafka
5)elasticsearch
6) Redis
7) Mysql
8) nodejs
9) express

成果:
前端监控平台上线后(灯塔系统),已经报出线上问题过千万,预警线上多次问题、事故,并且可以引导研发工程师解决任何前端非逻辑问题。目前的前端监控已经接入公司,包括房源、客源、客户端,贝壳找房、链家网等百余个产品。

听众收益

1、了解前端搭建前端监控的设计架构。
2、了解对应监控系统的使用,以及落地推广。
3、了解面对业务量增加之后,系统在高可用架构上优化处理
4、了解贝壳监控的发展史

serverless在阿里云业务中的尝试
城池 阿里云 智能业务中台体验技术团队——高级技术专家
所属专题:大前端(下午场)

课程概要

【案例背景介绍】
通常前端属于资源角色,业务体感低,如何从技术角度突破带来更大的业务价值以及自己个人的成就感?大前端是一种解决方式,但是随着新技术栈的掌握,需要花费越来越多的精力,有没有可能既投入少又能产生更大业务价值?直到看到serverless的出现,像一道敞开的门给 我们带来了新的曙光。

【解决思路/成功要点】
引入graphql实现不同接口的拼接、裁剪、处理得到前端需要的接口,提供给不同“端”消费,实现效率提升。

【成果】
通过serverless尝试,在集团内部获得比较大的影响力。突破角色边界,空间会更大。

听众收益

1.如何突破传统前端的瓶颈的思考
2.阿里云前端主要在做哪些事
3.serverless在阿里云的落地尝试

打造新一代智能可视化爬取平台
朱仕麟 腾讯 信息流平台产品部 web前端开发
所属专题:大前端(下午场)

课程概要

【案例背景简介】
随着人工智能的被应用于各行各业,但回归、SVM、神经网络、文本分析......各种模拟和预测均以海量数据作为基础,因此如何快速获取海量数据成为业界较大挑战。为了实现此目标,我们打造新一代智能可视化爬取平台,通过零成本开发、智能识别以及全流程数据等优点帮助算法团队快速获取海量数据,完成算法实验。希望通过这个主题和大家分享智能识别可视化爬取平台的搭建实践经验。

【解决思路/成功要点】
1. 通过puppeteer将页面可视化屏蔽抓取差异实现零开发
2. 通过算法智能识别html标签元素,提升抓取准确率
3. 通过redis+node结合实现分布式爬取客户端,自助式动态智能扩容
4. 通过elasticsearch+grafana进行大数据处理,智能监控以及自动化数据效果分析

【成果】
通过可视化爬取平台,零成本、准确、快速实现抓取

听众收益

1. 了解爬取可视化平台实施和落地
2. 了解智能识别的实现方式及相关算法
3. 了解大数据处理以及如何实现智能告警

From Vue3.0 to React — Rethinking the best design
侯策(LucasHC) 知乎 大社区业务前端研发负责人
所属专题:大前端(下午场)

课程概要

【案例背景介绍】
如今 React 和 Vue 两大生态统领着前端框架的发展,其设计理念有异曲同工之妙,更有百花齐放的特有理念。对于企业来说:如何进行技术选型,最大程度地解放前端生产力,对于开发者来说,如何学习两大“流派”之所长,为我所用,都具有重要意义。尤其是在 2019 年,如何看待前端框架的未来设计发展,是一个值得深思的话题。

【解决思路/成功要点】
我们探索两大解决方案的以下这些方面:
1)完全背道而驰的设计;
2)相似思想的不同实现细节;
3)工程化的不同发力点,进行剖析和兼容运用

【成果】
1. 不同解决方案都具有各自特点和独到之处
2. 解决方案没有永远的背道而驰,只有永恒的取长补短
3. 作为开发者可以通过工程技术手段,达到单个框架之外的额外收益

听众收益

1. 能够更加深入地理解 React 和 Vue 或类似解决方案的设计理念和思想;
2. 能够了解优秀方案的实现细节和原理;
3.能够利用工程技术手段弥补框架自身所限;
4. 更加从容地进行技术选型;
5. 了解未来发展趋势

曾任职百度、猎豹,目前在阿里云主要负责网站&营销、售卖&财资&账号、销售及合作伙伴业务。对工程化、大前端有比较多的经验,也正在阿里云推进serverless助力大前端效率的提升,赋能业务。

专题:大前端(下午场)

随着大前端概念的升温,在了解现有的前端技术发展趋势的同时,在工程层面如何更好地攻城略地成为新的挑战,技术选型、性能优化等各种层出不穷的问题也成为了大家关注的焦点。

其他相关专题

CopyRight © 2008-2019 Msup & 高可用架构