蒲公英 · 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. 应用程序-特定 权限设置并未向在应用程序容器不可用 SID (不可用)中运行的地址 LocalHost (使用 LRPC) 中的用户...的 COM 服务器应用程序的 本地 激活 权限。此安全权限可以使用组件服务管理工具进行修改。

    很久以前发现我们的业务服务器上出现一个System的系统严重错误,查找很久都没有找到解决办法,今日再次查看服务器发现报错更频繁,于是就搜集各种资料进行查找解决办法,终于找到了一个解决办法. 错误截图介 ...

  2. 精尽MyBatis源码分析 - MyBatis初始化(四)之 SQL 初始化(下)

    该系列文档是本人在学习 Mybatis 的源码过程中总结下来的,可能对读者不太友好,请结合我的源码注释(Mybatis源码分析 GitHub 地址.Mybatis-Spring 源码分析 GitHub ...

  3. HBase高级特性、rowkey设计以及热点问题处理

    在阐述HBase高级特性和热点问题处理前,首先回顾一下HBase的特点:分布式.列存储.支持实时读写.存储的数据类型都是字节数组byte[],主要用来处理结构化和半结构化数据,底层数据存储基于hdfs ...

  4. 用思维导图软件iMindMap来提高记忆

    虽说人的大脑是强大的存储器,但是我们终究没有挖掘出大脑全部的潜能,在记忆时或许因为方式.或许是干扰因素都能够影响我们的记忆力,致使有心无力,快来让思维导图来拯救你的记忆吧. 记忆是经验的关键,思维导图 ...

  5. 「LOJ 6287」诗歌

    题面 LOJ 6287 Solution 枚举中间点\(j\),题目即求是否存在\(m\)使\(a[j]-m\)与\(a[j]+m\)分别在\(j\)两侧. 对于\(j\)左侧任意一个点\(i\),都 ...

  6. MySQL优化篇(未完待续)

    一.优化SQL语句的一般步骤 1.通过 show status命令了解各种sql的执行频率 mysql客户端连接成功后,通过show[session|global] status命令,可以查看服务器的 ...

  7. thinkphp3.2 添加自定义类似__ROOT__的变量

    1 thinkphp3.2 添加自定义类似__ROOT__的变量 2 3 在config.php文件中 4 return array( 5 '' => '', 6 'TMPL_PARSE_STR ...

  8. C语言讲义——全局变量和局部变量

    局部变量 普通的局部变量也叫动态变量,默认有个关键字叫auto,可以省略.有两种形式: 1.函数内的局部变量 2.复合语句内的局部变量:for(int i = 0; i<5; i++){-} 静 ...

  9. mysql幻读问题

    转载:https://blog.csdn.net/u013067756/article/details/90722490 关于间隙锁:https://blog.csdn.net/sinat_27143 ...

  10. 【鸿蒙开发板试用报告】用OLED板实现FlappyBird小游戏(中)

    小伙伴们久等了,在上一篇<[开发板试用报告]用OLED板实现FlappyBird小游戏(上)>中,我们本着拿来主义的原则,成功的让小鸟在OLED屏幕上自由飞翔起来,下面我们将加入按钮交互功 ...