尚硅谷谷粒音乐项目学习笔记及答疑解惑（41-62集）

第四十二集：这里面有一个把nav.less抽离出来的写法，我用的vscode,这里需要在nav.less里引入1-px和rem,可能是编译器（视频里用的是hbuild）这个需要注意，其它的照着写不会出错。
第四十三集：编译时间不算性能，因为上线以后都是用css，类似webpack的打包。上线以后都是使用编译后的html,css和js。Css中的@import使用的多会影响数据,发送请求的次数影响很大。第二个浮动的问题，在例子中将html{height:100%}注释掉，overflow:hidden无所谓，就会发现子元素不显示。Bfc只对块级盒子起作用，css的问题多写就好了。
第四十四集：这个防抖动说明写代码也是打工人。。。为了一点需求还要拼命动脑子。
第四十五集：两层for循环的代码不行，这个之前我写python的时候也遇到过，嵌套一多容易出问题。这集老师代码也出问题了，看来跟编译器没什么关系，而且老师也会犯下低级错误。
第四十七集：这个在控制台滚动调样式的手法值得学习。
第五十集：这里有一点很重要，就是damu.css里面使用transform调整元素的样式，其它的transform样式就不要再调整了，防止整体搞混了。
第五十一集：这里有个有用的东西：一个逻辑只能被触发一次，定时器控制一个逻辑在一定时间内被触发一次。立flag控制一个逻辑在一类操作过程中被触发一次。还有一个，循环定时器回调函数的第一行清除循环定时器或者解绑事件。
第五十三集：有一个transition:transform 1s,width 1s；这种css3的写法还是要多熟悉。多看，多学。Transition指定样式的时候，明确出给哪个样式指定。肉眼可见所有代码放在一起的繁琐。组件化的思想非常不错。
第五十四集：js中没有引用传递，只有值传递。这个iphone5的bug明显是有开发经验的人才会遇到的，没有必要过分纠结。大概意思就是使用一个对象来接受引用类参数的值，这样的话它的内容就独立出来了。
第五十五集：大概意思就是3d变换不会开启新图层。
第五十七集：一些小功能。
第五十八集：TWEEN算法。
第六十二集：最后几集是这个滑屏的优化，最后这个打包成apk好像是Hbuilder专有的。看看这个图
这个打包也就是图一乐。以后有空没事干的话可以去把这个项目改写成Vue3的，甚至可以完成这个apk的全部功能，看起来不是很难的样子。
2023年1月28日