前端技术周刊 2018-09-10：Redux Mobx

前端快爆

在 Chrome 10 周年之际，正式发布 69 版本，整体 UI 重新设计，同时iOS 版本重新将工具栏放置在了底部。API 层面，支持了 CSS Scroll Snap、前端资源锁 Web Lock API、WebWorker 里面可以跑的 OffscreenCanvas API、toggleAttribute()，以及实现性支持了异步调用、可在 WebWorker 中获取、可观察的 Cookie Store API。?

点评：Google 还特意更新了彩蛋：生日版小恐龙游戏，让小恐龙戴上了派对帽并收集蛋糕，玩法依然是在__断网__时按住空格键控制恐龙跳跃。

WebKit Nightly 中已经支持了 CSS Conic Gradients（圆锥渐变），需要 macOS High Sierra 10.14 版本以上才支持。通过该函数可以「画」出更加丰富的背景图片，刚刚发布的 Chrome 69 正式版中也率先支持了该属性。?

点评：这里有一个 SVG 实现的 polyfill。

Chrome 意图实现无前缀的 Fullscreen API，这可能导致国内很多使用 HTML5 视频播放器网站（比如 blibli.com）可能会无法正常全屏。?

点评：有使用到 screenfull.js 项目的请尽快升级到已经修复过的 3.3.3 版本。
V8 刚刚实现了 globalThis 属性，如此一来，编写访问全局对象的可移植 ECMAScript 代码将会变得更加容易，DOM 、Worker、Node.js 三种环境下的任意作用域都能直接访问到全局对像的全局属性。?

点评：为啥名字不用短小精悍的 global，Moment.js：怪我咯？对不起真的怪你?。

Firefox 62 正式发布，带来可变字体（Variable Fonts）的支持，现在主流浏览器均已支持。?

优秀 Demo

使用 CSS Houdini + CSS Mask 实现镂空圆圈

Jelly Menu

专题：Redux 与 Mobx 数据流

本期专题由 @示源提供。在折腾多年视图层后，前端基本实现了数据驱动编程，如何管理数据的议题在社区全面开花。其中，Redux 提供了一个全局数据管理的简单范式，Mobx 则往前更进了一步，使得数据驱动开发更加 reactive。

Redux：

官网介绍
实践应用：Redux官方出品的示例，从入门todos例子到异步async
原理分析：描述了redux核心实现方式，并且教你怎么去实现一个简易的react-redux

Mobx:

官网介绍
实践应用：官方提供的最佳实践，对于常见问题做了解释
原理分析
- proxy 实现 mobx：本文是从开发角度描述实现思路,逐步实现observable
- 如何实现一个MobX：本文是由芋头介绍关系MobX主要api的原理及实现

阿里出品MobX相关框架

Dob介绍
Vanex介绍
Dob原理介绍

Redux与Mbox对比

对比
讨论

本期编辑：@壹丝，审阅：@承虎(humphry)，投稿：@示源、@柯拓、@思竹
题图来源：https://dannyherran.com/2017/03/react-redux-mobx-takeaways/

前端技术周刊 2018-09-10：Redux Mobx相关推荐

前端技术周刊 2019-02-11 Serverless
前端技术周刊 2019-02-11 前端快爆 Chrome 72 的安卓版正式启用了 Trusted Web Activity 功能,可以使得一个 PWA 应用能够在 Google Play Stor ...
东航电商前端技术周刊第一期20180601
这期我们分享如下: 1.计算金额的小数点怎么才能精准呢? 2.如何才是正确的比较浮点数的姿势呢? 3.日历的天数怎么算呢? 4.JS切面编程之AOP 5.文本的省略号怎么用css实现? 6.超出文本的 ...
前端技术周刊 2018-10-08：WebGL
前端技术周刊 2018-10-08 大家好,有半个月没见了.最近编辑部忙到爆炸,出刊节奏被打乱,预计在今年双十一之后恢复正常出刊速度. 前端快爆 10月5日,Google 发布 Project Str ...
《阿里云前端技术周刊》第五期
作者:雏恬校对:染陌知乎:阿里云中台前端/全栈团队专栏 Github:阿里云前端技术周刊给我们投稿:传送门参与交流:传送门前端速报 GitHub Package Registry 发布!你依 ...
前端技术周刊 2018-12-03：DOM
前端快爆 Chrome 71 开始将试用 SXG 功能,它是由 IETF 提出,Web Package 协议规范下的 Signed HTTP Exchanges 功能的缩写.该技术使得一个第三方服务器 ...
前端技术猜想-2018
前言前端技术种类繁多,在平时工作中根据业务的不同,每个人用到的前端技术也不太一样~我们还是需要对目前流行的技术做一个了解,以备不时之需.本文是对3篇大神在文章的汇总和整理~只是资料的搬运工~感兴趣的 ...
BetterFE 前端技术周刊 - 2019/04/15
深阅读你真的了解登陆吗? 推荐理由:只要你做web系统开发,一定绕不过的就是用户授权了,而其中最常用的方式无非就是用户登陆.这篇文章并不是一篇介绍各种登陆方式的文章,标题也是我自己起的,主要还是因为 ...
前端技术周刊 2019-01-21：跨端开发的三条路线
2019-01-21 前端快爆微软 Edge 开发者意图为 Chrome 实现 HTML Modules,该规范用来替代之前的 HTML Imports.其优点是基于 ES Modules,可以避免 ...
前端技术周刊 2019-01-07：CSS 动画
2019-01-07 前端快爆 Chrome 72 已经进入了 beta 阶段.新增:公有类成员的声明和初始化.一些 DevTools 新功能(可视化性能指标.高亮 text nodes.复制节点的 ...

前端技术周刊 2018-09-10：Redux Mobx

前端快爆

优秀 Demo

专题：Redux 与 Mobx 数据流

前端技术周刊 2018-09-10：Redux Mobx相关推荐

最新文章

热门文章