BluedWeb组技术周刊第六期

[YanSearl]

Immutable Data Solutions

Immutable 详解及 React 中实践
camsong/blog#3
Immutable Data 就是一旦创建，就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象。Immutable 实现的原理是 Persistent Data (持久化数据结构)，也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变。同时为了避免 deepCopy 把所有节点都复制一遍带来的性能损耗，Immutable 使用了 Structural Sharing（结构共享），即如果对象树中一个节点发生变化，只修改这个节点和受它影响的父节点，其它节点则进行共享。本周技术周刊重点关注Immutable Data以及在React当中的实践。

下一代状态管理工具 immer 简介及源码解析
https://zhangzhao.name/2018/02/01/immer%20-%20immutable/
当然Immutable Data的实践不仅仅是Facebook家, Mobx的作者（据说是一位看起来非常感性的中年大叔）发布了immer.js。与 immutable-js 最大的不同，immer 是使用原生数据结构的 API 而不是内置的 API，所有需要更改的逻辑都可以放进 produce 的第二个参数的函数内部，即使给对象内的元素直接赋值，也不会对原对象产生任何影响。要想知道immer内部是怎么实现的，请点击阅读吧。

如何用React+Redux+ImmutableJS进行SPA开发
http://yunlaiwu.github.io/blog/2016/12/01/react+redux+immutablejs/
他山之石可以攻玉。

[xzy0315]

CSS

CSS中最全的换行处理方式

https://www.w3cplus.com/css/where-lines-break-is-complicated-heres-all-the-related-css-and-html.html
页面中换行恐怕我们一点都不陌生，什么br标签啊，word-break等等，方式方法有很多，我们本次介绍的是css的换行方式，毕竟不改页面格式，只改css还是一个不错的选择哦。

Vertical-Align，你应该知道的一切

https://mp.weixin.qq.com/s/AInqmhjEbJpROx2SAEl8vw

垂直居中在我们的CSS编写中也是个常用的布局样式，方式方法很多种，然后Vertical-Align这个熟悉也能达到我们想要的效果，但是他所包含的东西可并不少，影响的东西也不少，有兴趣就来看看吧~

css3D 的魅力

https://mp.weixin.qq.com/s/qA3roGke5x3X1HMaMXPIsw
CSS3把我们从CSS2的平面中带到了一个3D的世界，各种炫酷的动画，3D效果都可以不用GIF或者是其他的形式实现了，性能自然也就大大提升了，而且流量也降低了很多，怪不得移动端CSS3支持的这么好，原来是想让我们多用CSS3的3D，而避免一些图片流量的浪费~