20200511 前端开发日报

2020 有哪些不容错过的前端技术趋势？；Flutter Web 最新进展: 发掘更多可能；Flutter Web 网站之 ScrollView + GridView 优化；Vue数据绑定源码分析以及简单实现；Continuation 在 JS 中的应用；前端越管越宽，腾讯 Now 直播如何把监控体系做到极致？；精读《React 性能调试》；CSS中的间距，前端开发中各种设置间距的优点缺点及实例

1. 2020 有哪些不容错过的前端技术趋势？

   “四位技术人不四、杜欢、海波和堂主对 2020 年前端发展趋势进行了展望，同时也阐述 2020 年前端从业者可能将要面临的挑战。”

2. Flutter Web 最新进展: 发掘更多可能

   本文分享了去年 12 月 Flutter Web 发布 beta 版以来的最新进展。

3. Flutter Web 网站之 ScrollView + GridView 优化

   往期 Flutter Web网站搭建教程 Flutter Web 网站之主页框架搭建 Flutter Web网站之Jetpack成型 上期回顾 上期我们做了简单的分包处理，然后就用了SingleChildScrollView+GridView为主要的框架实现了网格布局以及上下滑动效果，Chrome Web以及原生体验并没有发现什么问题，可…

4. Vue数据绑定源码分析以及简单实现

   首先我们这次的源码分析不仅仅是通过源码分析其实现原理，我们偶尔还会通过Vue项目编写的测试用例了解更多细节。 原理结构 根据官方的指导图来看，数据( data )在变更的时候会触发 setter 而引起通知事件( notify )，告知 Watcher 数据已经变了，然后 Watcher 再出发重新渲染事件( re-render )，会调用组…

5. Continuation 在 JS 中的应用

   “就大的趋势来讲，前端整体上还是在不断借鉴计算机其它领域的优秀实践，来帮助我们更方便地解决人机交互问题。本文着眼于支撑这些功能的一个底层编程概念 Continuation，期望能够在了解它之后，大家对这几个功能有进一步的理解和掌握。”

6. 前端越管越宽，腾讯 Now 直播如何把监控体系做到极致？

   “从最初的 Hybrid App，到 React Native 再到如今的小程序，单维度的监控手段已经不足以帮助开发人员及时发现与定位问题。IVWEB 团队在不断的业务实践中，沉淀出了一套比较完善的监控方案。”

7. 精读《React 性能调试》

   在数据中台做 BI 工具经常面对海量数据的渲染处理，除了组件本身性能优化之外，经常要排查整体页面性能瓶颈点，尤其是维护一些性能做得并不好的旧代码时。

8. CSS中的间距，前端开发中各种设置间距的优点缺点及实例

   如果两个或多个元素很接近，那么用户就会认为它们以某种方式属于彼此。当对多个设计元素进行分组时，用户可以根据它们之间的空间大小来决定它们之间的关系。没有间距，用户将很难浏览页面并知道哪些内容相关而哪…

9. angular认识模块与组件

   我们都知道一个angular应用通常会有多个模块(Module)组成。而我们又会在一个模块下写多个组件，让我们了解一些模块与组件的基本构造吧。

10. MXFlutter上线Flutter pub.dev 三步接入现有工程

    相关进展： MXFlutter 2020年 Roadmap 更多 MXFlutter 信息，请关注掘金 MXFlutter Team账号的相关文章MXFlutter MXFlutter 自去年发布预览版之后，经过不断优化和重构 v0.2.1 已在iOS 线上APP使用，同时支持 Android 平台。由于整个框架的复杂性，业务接入步骤繁多，近期经过一系列的改造和重构，现…

11. 闲鱼基于 Dart 生态的 FaaS 前端一体化建设

    背景 随着Flutter对现有业务的不断参透，闲鱼Serverless基建的重心也倾向了dart生态，先是将dart容器打包到服务器上，实现dart编程语言的统一，在统一的容器之上实现编程框架一体化(nexus、story)，以及后端领域服务一体化。基于dart生态下，前端的FaaS在研发交付其实并不高效，研发阶段主要面临的问题是： …

更多内容请关注公众号【前端开发博客】每日更新