杭州D2前端会议回顾以及学习整理[技术版]

前言

本博客这块内容就不放各种吐槽什么的。。。直接进行笔记总结。后来发现知乎上也有不少人在线总结,感兴趣可以去看看

正文

第一个是报告厅的《用 Node.js 构建海量页面渲染服务》议题。 感觉比较受用的有:

1.模块化 -> 规模化

2.面向运营的可视化页面搭建

3.跨业务共享模块

我直接以个人观点来理解,首先我是不关注海量什么的。因为对于我现在而已,这些还是比较遥远。我从中理解的是。如何面对业务的不断发展,从以前的模块化升级为规模化。我是所理解的规模并不是海量,而是能够迁移到不同业务场景,使一个模块能够复用。这点是结合后面的议题所想的。

因为我这段时间比较关注的是组件化。然而D2的《Component化设计与实践》这个议题本来是很期待的,然而,但是。。。呵呵哒我就不吐槽了。

因此我在听议题的时候就是有目的的去结合组件化来听。

面向运营的可视化页面,是因为会上所说的双十一的很多页面都是运营直接拖拖拽拽生成的。这点是非常吸引人的,这就要求前端在设计模块的时候不仅要考虑耦合,更多的还要考虑到非前端人员如何能够快速上手根据业务快速生成应用。

以及跨业务共享模块都是需要一开始就深思熟虑,考虑到扩展性易用性等等。

会上提到的koa服务渲染并结合扩展template感觉也蛮有意思。

其他比较受用的是《React 及其生态圈在蚂蚁金服的实践》

事实上这次D2大会被React承包了-0-,对开发用React的前端们这是场盛宴,对于开发用vue.js的我而言,也有很多思路能够借鉴。

其中我感觉能够用上的是基于react的组件思路,会上演示了一个ui-card。

因此我联想到的是如何在VUE中能够使用上,因为之前有在积累component库,但也遇到一些问题,比如如何进行划分,如何进行组合等等。这里获得一些思路:

分层:避免单点依赖、每层可替代.

这里我个人理解为,如果用在我之前设想的组件之中,一个是耦合的考虑。还有一个是之前没考虑到的,如何延生,蚂蚁金服的做法是一套基础的一套已经成熟可用的。比如会上有人以日历举例提问。回复就是一套最基础的,可扩展各种参数。一套是已经为业务设计好的组件。这点我感觉非常好。毕竟总不能每次都从基础中扩展来写。还有就是如何覆盖全部场景?回答是与后台,设计等等一起先制定三次套应用场景,然后就按照这个来。这个适合后台系统。如果是前台展现,感觉要考虑蛮多的。至于移动端似乎还在进行中。。。


antd 展示:简化 API 和 继承 css 还封装一些后端们不会写的样式,有一套色彩等样式和动画系统,还有详尽的给非前端看的文档。

这个感觉给自己搞一整套东东提高了大方向-0-

服务器端交互给非前端提供一个整合各个 ajax 接口请求的服务,免得他们无脑堆组件太多,造成全都是不相干的 ajax 请求。

这里我之前写后台系统的时候已经在做这种工作,不过成效甚微。感觉还需要更多的去考虑一些东西。

然而其实D2会议的内容就到这里。事实上大部分讲React到后面的时候其实我是睡了的-0-

不过好在各种面基也有不少收获。大家谈了谈现在部分场景用什么,交流了下技术,顺便黑了黑产品。

总结

先列一下收获以及未来打算去深入的。

1.单元测试。(会上好多人居然有写单页测试我也是吓到了。。。)
2.prerender.io(这是和基友讨论seo的时候他给出的一个方案,待尝试。)
3.预加载策略:
	1. 预加载推拉结合2.
	2. 全量增量更新结合3. 
	3. 适当的个性化下载
	4. 适当的淘汰策略
	5. 断点续传/安全校验
4.对于组件化的更多的想法。比如ui分层。

最后分享一张图。

imgn

Table of Contents