蒲公英 · JELLY技术周刊 Vol.34: 芜湖~ Flutter
蒲公英 · JELLY技术周刊 Vol.34
提及跨端,你能想到那些技术?PWA、小程序、Ionic、React Native、Weex……当然也少不了 Flutter,历时 3 年,Flutter 也取得了不小的发展,那么它在国内境遇如何?使用 Dart 开发又有哪些挑战?开发体验和实际性能又如何?让美团外卖的 Flap 团队给你答案吧。
登高远眺
天高地迥,觉宇宙之无穷
基础技术
使用 CSS Scroll Snap 实现滑动容器
你是否曾希望 CSS 能原生实现一个可吸附的滑动容器呢?本文将深入 CSS Scroll Snap 属性,带你了解滚动捕抓技术。
跨端框架技术
纯 Dart 的挑战:美团外卖 Flutter 动态化实践
文章以美团外卖对用户端和商家端的技术选型为切入,为我们介绍了商家端为什么选择 Flutter,以及选型之后对包体积和动态化的一些思考。为了支持动态化能力,美团内部立项了 Flap 项目,并将于下一年进行开源。文章最后对 Flap 如何实现纯 Dart 的动态化方案进行了展开详细介绍。
工程化
百亿业务流量-如何做好稳定性监控
文章介绍了淘系前端团队对监控体系的思考与整体解决方案。根据对前端故障进行统计分析,分别从发现难、恢复慢两个方向进行思考,然后详细介绍了为应对上述两大问题所引入的监控覆盖策略和灰度监控流程。最后展示了监控覆盖、灰度监控等能力建设之后,如何为业务保驾护航。
服务端开发
Headless Chrome:更优秀的 SSR 解决方案
为了提高 SPA 应用的首屏速度,或者针对搜索引擎优化,我们通常会用到 SSR 技术,但现有的 SSR 方案往往不尽人意。在本文中,Google 工程师 Eric Bidelman 展示了如何使用 Pupteer 的 API 向 Express web 服务器添加服务器端渲染(SSR)功能,最棒的是这个功能的实现几乎不需要修改代码,且所有的重活都是 Headless 处理的,通过几行代码你就可以对任何页面做 SSR。
人工智能
3D Deep Learning 入門
3D 数据分析的应用很广泛,特别是在自动驾驶和 AR/VR 领域,深度学习的盛行也促进了 3D Deep Learning 的研究。
2017 年 IEEE 国际计算机视觉与模式识别会议 CVPR 中的一个讲座 3D Deep Learning tutorial 从基础介绍了 3D Deep Learning
工具推介
程序员写 PPT 的正确姿势 — Reveal.js
作为一个程序员,在工作中需要做一些技术分享或项目汇报时,往往需要花费很长时间去做一个 PPT。Reveal 是一个运行在浏览器上的 PPT,让我们可以使用 HTML 甚至是 Markdown 语法去实现一个 PPT。Reveal 支持众多特性,例如自动动画、演讲者注释、代码语法高亮、导出 PDF 等,同时内置了若干默认主题。另外介绍一个项目 reveal-md,它对 Reveal 进行了一层封装,帮助我们使用 Markdown 语法快速地实现一个 PPT。
沧海拾遗
沧海拾遗,积跬步以至千里
Flutter 性能优化:tree shaking 和延迟加载
为了获得最佳的用户体验,应用程序的加载速度必须很快。加载web应用程序的初始加载时间可以通过最小化 JavaScript 包来改进。Dart 编译器包含诸如树抖动和延迟加载等特性,这两个特性都使 JavaScript 捆绑包最小化。本文将解释它们的工作原理以及如何在应用程序中使用它们。
Flutter 性能优化:图片占位符、预缓存和禁用导航过渡动画
性能感知是指应用程序对用户的感觉有多快,在本文中详细介绍了三种可以在应用程序中使用的提高感知性能的策略:图像占位符、预缓存图像和禁用导航过渡动画。
Flutter 性能优化:打造高性能 widget
本文和上述两篇文章都是 Flutter 性能优化系列文章之一,记录了 Flutter 团队优化 Flutter Gallery 的实践,相信这些文章对于想要入门 Flutter 会有很大的裨益,使得开发的应用更具性能。
「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术、工程化、跨端框架技术、图形编程、服务端开发、桌面开发、人工智能、设计哲学、前端框架」等多个大方向的业界热点,并加以专业的解读;不仅如此,我们还会推介精选凹凸技术文章,向大家呈现团队内的研究技术方向。
抬头仰望,蒲公英的种子会生根发芽,如夏花绚烂;格物致知,我们登高远眺、沧海拾遗,以求积硅步而至千里。
欢迎关注凹凸实验室博客:aotu.io
或者关注凹凸实验室公众号(AOTULabs),不定时推送文章:
蒲公英 · JELLY技术周刊 Vol.34: 芜湖~ Flutter的更多相关文章
- 蒲公英 · JELLY技术周刊 Vol.18 关于 React 那些设计
蒲公英 · JELLY技术周刊 Vol.18 自 2011 年,Facebook 第一次在 News Feed 上采用了 React 框架,十年来 React 生态中很多好用的功能和工具在诸多设计思想 ...
- 蒲公英 · JELLY技术周刊 Vol.21 -- 技术周刊 · React Hooks vs Vue 3 + Composition API
蒲公英 · JELLY技术周刊 Vol.21 选 React 还是 Vue,每个人心中都会有自己的答案,有很多理由去 pick 心水的框架,但是当我们扪心自问,我们真的可以公正的来评价这两者之间的差异 ...
- 蒲公英 · JELLY技术周刊 Vol.26: 请问您这个月要来点肝么?
蒲公英 · JELLY技术周刊 Vol.26 今年的十月,不知道大家在 TODO List 上新增了多少条目准备尝鲜,你可能已经准备了 Vue3.Webpack5 以及 React v17.0 RC, ...
- 蒲公英 · JELLY技术周刊 Vol.29: 前端智能化在阿里的那些事
蒲公英 · JELLY技术周刊 Vol.29 前端智能化是指借助于 AI 和机器学习的能力拓展前端,使其拥有一些超出现阶段前端能力的特性,这将是未来前端方向中一场重要的变革.目前各家互联网厂商都有自己 ...
- 蒲公英 · JELLY技术周刊 Vol.03
蒲公英 · JELLY技术周刊 Vol.03 「蒲公英」期刊全新升级--JELLY技术周刊!深度挖掘业界热点动态,来自团队大咖的专业点评,带你深入了解团队研究的技术方向. 登高远眺 天高地迥,觉宇宙之 ...
- 蒲公英 · JELLY技术周刊 Vol.16 谷歌首个线上 Web 开发者大会
蒲公英 · JELLY技术周刊 Vol.16 近期,谷歌有史以来的第一次线上谷歌 Web 开发者大会,Web Vitals.PWA.DevTools 和 Lighthouse 6.0 等一系列特性或产 ...
- 蒲公英 · JELLY技术周刊 Vol.17: 90 行代码实现 React Hooks
蒲公英 · JELLY技术周刊 Vol.17 React Hooks 相信大家都不陌生,自被设计出以来就备受好评,在很多场景中都有极高的使用率,其中原理更是很多大厂面试中的必考题,很多朋友都能够如数家 ...
- 蒲公英 · JELLY技术周刊 Vol.19 从零开始的 Cloud IDE 开发
蒲公英 · JELLY技术周刊 Vol.19 你是否也会有想法去开发一个自己的 IDE 却苦于时间和精力不足,完成 Desktop IDE 却又被 Cloud IDE 的概念追在身后难以入睡,这样的两 ...
- 蒲公英 · JELLY技术周刊 Vol.20: Vue3 极致优化——分析 Vue3 Compiler 告诉你为什么这么快
蒲公英 · JELLY技术周刊 Vol.20 性能优化是一条无尽的路,我们总是可以找到各种途径去提升体验,不论是响应时间还是按需加载,亦或是根据框架或者组件有针对性的优化都会是不错的方法.如果你在使用 ...
随机推荐
- SSTI Flask
1.什么是SSTI?什么是Flask? SSTI称为服务端模板注入,主要为Python.Java.PHP的框架在使用渲染函数时,由于代码不规范或者对于用户输入过于信任而导致产生了SSTI.类似于S ...
- php openssl 加密解密
$config = array( "digest_alg" => "sha512", "private_key_bits" => ...
- 面试腾讯,字节跳动首先要掌握的Java多线程,一次帮你全掌握!
一.程序,进程,线程联系和区别 其实程序是一段静态的代码,它是应用程序执行的脚本.进程就是程序动态的执行过程,它具有动态性,并发性,独立性.线程是进程调度和执行的单位. 进程:每个进程都有独立的代码和 ...
- dsu on tree (树上启发式合并) 详解
一直都没出过算法详解,昨天心血来潮想写一篇,于是 dsu on tree 它来了 1.前置技能 1.链式前向星(vector 建图) 2.dfs 建树 3.剖分轻重链,轻重儿子 重儿子 一个结点的所有 ...
- 如何用Prometheus监控十万container的Kubernetes集群
概述 不久前,我们在文章<如何扩展单个Prometheus实现近万Kubernetes集群监控?>中详细介绍了TKE团队大规模Kubernetes联邦监控系统Kvass的演进过程,其中介绍 ...
- Camtasia中如何自定义视频输出格式
Camtasia Studio是一款功能全面.操作简单的视频录制和编辑软件,它是很多需要进行录屏操作,比如制作教学视频的用户的不错选择.Camtasia 2020还为用户提供了极大的便利的全面的服务, ...
- MindManager中主题间距/线条粗细的灵活调整
在MindManager中,主题和线条是思维导图的基本元素,只有通过它们才能将要表达的思想呈现.并联系起来.因此,关于它们的属性设置就会多一点,如颜色.宽度.位置等.而调整主题之间的距离及线条的粗细, ...
- Flink-1-状态化流处理概述
第1章 状态化流处理概述 参考书籍 Stream Processing with Apache Flinkhttps://www.oreilly.com/library/view/stream-pro ...
- php form表单提交时,action url中参数无效的解决方法
表单提交时get方式的一个错误 <form class="form-inline pull-right" method="get" action=&quo ...
- HHKB Programming Contest 2020 D - Squares 题解(思维)
题目链接 题目大意 给你一个边长为n的正方形和边长为a和b的正方形,要求把边长为a和b的正方形放在长度为n的正方形内,且没有覆盖(可以相邻)求有多少种放法(mod 1e9+7) 题目思路 这个思路不是 ...