蒲公英 · 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 会有很大的裨益,使得开发的应用更具性能。

「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术工程化跨端框架技术图形编程服务端开发桌面开发人工智能设计哲学前端框架」等多个大方向的业界热点,并加以专业的解读;不仅如此,我们还会推介精选凹凸技术文章,向大家呈现团队内的研究技术方向。

抬头仰望,蒲公英的种子会生根发芽,如夏花绚烂;格物致知,我们登高远眺、沧海拾遗,以求积硅步而至千里。

蒲公英 · JELLY技术周刊贡献指南

欢迎关注凹凸实验室博客:aotu.io

或者关注凹凸实验室公众号(AOTULabs),不定时推送文章:

蒲公英 · JELLY技术周刊 Vol.34: 芜湖~ Flutter的更多相关文章

  1. 蒲公英 · JELLY技术周刊 Vol.18 关于 React 那些设计

    蒲公英 · JELLY技术周刊 Vol.18 自 2011 年,Facebook 第一次在 News Feed 上采用了 React 框架,十年来 React 生态中很多好用的功能和工具在诸多设计思想 ...

  2. 蒲公英 · JELLY技术周刊 Vol.21 -- 技术周刊 · React Hooks vs Vue 3 + Composition API

    蒲公英 · JELLY技术周刊 Vol.21 选 React 还是 Vue,每个人心中都会有自己的答案,有很多理由去 pick 心水的框架,但是当我们扪心自问,我们真的可以公正的来评价这两者之间的差异 ...

  3. 蒲公英 · JELLY技术周刊 Vol.26: 请问您这个月要来点肝么?

    蒲公英 · JELLY技术周刊 Vol.26 今年的十月,不知道大家在 TODO List 上新增了多少条目准备尝鲜,你可能已经准备了 Vue3.Webpack5 以及 React v17.0 RC, ...

  4. 蒲公英 · JELLY技术周刊 Vol.29: 前端智能化在阿里的那些事

    蒲公英 · JELLY技术周刊 Vol.29 前端智能化是指借助于 AI 和机器学习的能力拓展前端,使其拥有一些超出现阶段前端能力的特性,这将是未来前端方向中一场重要的变革.目前各家互联网厂商都有自己 ...

  5. 蒲公英 · JELLY技术周刊 Vol.03

    蒲公英 · JELLY技术周刊 Vol.03 「蒲公英」期刊全新升级--JELLY技术周刊!深度挖掘业界热点动态,来自团队大咖的专业点评,带你深入了解团队研究的技术方向. 登高远眺 天高地迥,觉宇宙之 ...

  6. 蒲公英 · JELLY技术周刊 Vol.16 谷歌首个线上 Web 开发者大会

    蒲公英 · JELLY技术周刊 Vol.16 近期,谷歌有史以来的第一次线上谷歌 Web 开发者大会,Web Vitals.PWA.DevTools 和 Lighthouse 6.0 等一系列特性或产 ...

  7. 蒲公英 · JELLY技术周刊 Vol.17: 90 行代码实现 React Hooks

    蒲公英 · JELLY技术周刊 Vol.17 React Hooks 相信大家都不陌生,自被设计出以来就备受好评,在很多场景中都有极高的使用率,其中原理更是很多大厂面试中的必考题,很多朋友都能够如数家 ...

  8. 蒲公英 · JELLY技术周刊 Vol.19 从零开始的 Cloud IDE 开发

    蒲公英 · JELLY技术周刊 Vol.19 你是否也会有想法去开发一个自己的 IDE 却苦于时间和精力不足,完成 Desktop IDE 却又被 Cloud IDE 的概念追在身后难以入睡,这样的两 ...

  9. 蒲公英 · JELLY技术周刊 Vol.20: Vue3 极致优化——分析 Vue3 Compiler 告诉你为什么这么快

    蒲公英 · JELLY技术周刊 Vol.20 性能优化是一条无尽的路,我们总是可以找到各种途径去提升体验,不论是响应时间还是按需加载,亦或是根据框架或者组件有针对性的优化都会是不错的方法.如果你在使用 ...

随机推荐

  1. thinkPHP命令执行漏洞

    thinkPHP中反斜杠的作用是类库\命名空间 命令执行的姿势 通过反射invokefunction调用call_user_func_array方法,call_user_func_array函数接受两 ...

  2. 新鲜出炉,这是全网讲的最详细的springboot整合消息服务了吧,建议收藏!

    springboot整合activeMq ActiveMq是Apache提供的开源消息系统采用java实现, 很好地支持JMS(Java Message Service,即Java消息服务) 规范 A ...

  3. H5系列之常用的语义元素

    H5添加了几个新标签,带有语义化的标签,像我们的div 和 span 标签,你说他两能干嘛呢, 好像他两什么事都能干.举个例子,你家里的房子,有几个房间,如果不分房间的话,是不是你 今天睡这里,明天睡 ...

  4. 对于MySQL数据库四种隔离等级

    对于MySQL事务有四种隔离级别,分别是以下四种: 1.读未提交 2.读提交 3.可重复读 4.串行化(加锁) 对于隔离我们都是说在并发的情况下发生的事情,读取的数据在并发的情况下会发生什么情况. 并 ...

  5. lca(lowestCommonAncestor)

  6. LGOJ5022 旅行 noip tg 2018

    旅行 标签(空格分隔): noip2018 提高组 今天我给大家带来一份题解. 题目的大大致意思是这样的: $$ 有一颗 树/基环树 求最小遍历顺序 $$ 树的情况自然不必多讲.做一些末端的微处理(将 ...

  7. php数字运算与格式化

    浮点数高精度运算 PHP 官方手册 浮点数的精度有限.尽管取决于系统,PHP 通常使用 IEEE 754 双精度格式,则由于取整而导致的最大相对误差为 1.11e-16.非基本数学运算可能会给出更大误 ...

  8. Pytest系列(十三)- 重复执行之pytest-repeat的使用

    写在前面 这个插件,可以帮助我们很好的解决自动化测试过程中的一些偶线性bug难以复现的问题,但前提是,当前自动化脚本是独立的,不依赖任何其他脚本.个人觉得还是失败重运行的一种体现,就和TestNG是一 ...

  9. mq checkpoint文件

    记录comitlog,consumeQueue,Index文件的刷盘时间点,文件固定长度4k,其中只用该文件的24个字节,其存储格式: 8字节physicMsgtimestamp+8字节logicsM ...

  10. 网络 华为 ensp 命令

    VLAN 端口有三种模式:access,hybrid,trunk. Access类型端口:只能属于1个VLAN,且该端口不打tag,一般用于连接计算机端口: Trunk类型端口:可以允许多个VLAN通 ...