bluedapp / BluedWeb_Technical_Weekly

:newspaper:BluedWeb组技术周刊
33 stars 1 forks source link

BluedWeb组技术周刊第六期 #6

Open YanSearl opened 6 years ago

YanSearl commented 6 years ago

Immutable Data Solutions

Immutable 详解及 React 中实践 https://github.com/camsong/blog/issues/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 commented 6 years ago

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,而避免一些图片流量的浪费~