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

如下为一段代码，请完善sum函数，使得 sum(1,2,3,4,5,6) 函数返回值为 21 ,需要在 sum 函数中调用 asyncAdd 函数进行数值运算，且不能修改asyncAdd函数

位操作符用于在最近本的层次上，即按内存中表示数值的位来操作数值。
ECMAScript中的所有数值都以 IEEE-754 64 位格式存储，但位操作符并不直接操作64位的值。而是先将64位的值转换成32位的整数，然后执行操作，最后再将结果转换回64位。

lesson 1 总结

预览地址

设置背景图片：

1
2

background:url(pic.jpg) center center;
background-size:cover;

background: #00FF00 url(bgimage.gif) no-repeat fixed top;

transform

通过设置translateY的值来定位元素在Y轴的位置，如：

1

transform:translateY(-50%);

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

  1	'1234567890'.replace(/\B\d{3}/g,',$&’);

• css3 中使图片变色的方式：filter(gray)

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

  1	width: calc(100% - 10px)