今天线上观看了 vueconf,对于很多嘉宾的分享一些底层原理的地方,思路明显跟不上;回想起来,我也从vue2.x开始,使用了两年多的vue了,但是对于很多底层的实现机制了解的并不是很深入。最近在一些项目中使用了vue3 + vite来开发,发现vue3和vite很多地方都是革命性的改动,对此很感兴趣,于是就给自己挖了这个大坑,从学习vue3源码开始,一步一步将这座大山翻过去。

vue
  • 使用正则和replace实现千位分隔符

    1
    '1234567890'.replace(/\B\d{3}/g,',$&’);
  • css3 中使图片变色的方式:filter(gray)

  • css3 中的动态计算函数:calc() = calc(四则运算),需要注意的是,运算符前后都需要保留一个空格 , 例如:

    1
    width: calc(100% - 10px)
JS