源起
D2是前端互联网盛会,由最初的邀请抽奖变成了现在的付费观看,小编唯一想吐槽的是没有录播,那周小编正好加班,只看了周日下午几场,现在小编加上个人的理解,把诸位大佬的干货给捋捋,因为小编看的场次很少,所以可能不全,各位见谅下!
上干货
看过小编文章的都知道,小编喜欢直接上代码,上干货,所以这次小编也不废话。
- 跨端
- webassembly
- es2021
- node
- node_moudles瘦身
主要分享这5块吧,再次感谢大佬们的记录和分享,思想的碰撞带来了技术的进步。
跨端
这个其实主要是一套代码兼容所有端,因为小编没看这个,看大佬的记录,加上小编的脑补(个人理解)。跨端其实小编的理解是一套前端代码套不同的壳,类似变色龙,或者早期的hbuild等,但是现在不是盒马的好像更加牛逼,据说2021年有望开源。
从最终的pc和h5兼容一套代码,到后面的nextjs,flutter等的诞生,让前端也有了做app的能力,只能说万能的前端。需求推动技术的发展,技术的发展更好的推动需求的迭代,相辅相成。
跨端的好处不用说了吧,一套代码,兼容所有,写的更少,成本更低,你值得拥有。
webassembly
这个拥有比js更好的性能,更快的速度,可以理解为汇编机器语,只是对初学者不友好,这里不过多介绍,大家有兴趣自己去看看吧。
es2021
这个大家都不陌生吧,小编特意去查了下,确实蛮给力,给大家几个新特性吧,有兴趣的自己去阅读吧。
- Promise.any
- replaceAll
- Logical Assignment Operators(??)
- Numeric separators
- WeakRef 和 FinalizationRegistry
- Intl系列,自己看吧,感觉目前用处不大
node
这篇是老外讲的,讲述了node的历史和开源,社区现状以及新的功能,只能说前端要突破瓶颈,必须走node,node的底层是c系列,只能说c是万能的。至于node的新特性,大家去看官网吧。
node_moudles瘦身
这个只是大会中某个专题的一部分,但是因为我看了,加上其他的大佬做了测试,再次感谢大佬们的付出,所以分享下!
首先说说规范,前端规范很多,amd,cmd,esmoudle等等,其实按照webpack等打包工具,我们大致分为commonjs,esmoudle,umd,其他的暂时不去管。
先来说说第三方包如何区分是哪种规范,这里感谢大佬的总结,moudle.exports的是commonjs,也是目前node的使用 标准,import和export的是esMoudle,还有杂七杂八兼容多个环境变量的就是umd了。
通过webpack打包的配置,因为有tree-shake,可以摇掉一部分不需要的依赖,大佬测试后,得出了结论umd不支持tree-shake,可能是兼容环境太多了,esmoudle的tree-shake效果是最好的,极限没有做测试。小编有空,自己再去测试下吧,各位童鞋等小编出专题吧。
尾声
以上就是小编整理后,加上个人见解的干货,大家开阔下眼界,希望大家多多支持小编!