d2部分干货

源起


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效果是最好的,极限没有做测试。小编有空,自己再去测试下吧,各位童鞋等小编出专题吧。

尾声


以上就是小编整理后,加上个人见解的干货,大家开阔下眼界,希望大家多多支持小编!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值