https://runtus.top/tags/vue/ Recent content in vue on Runtus https://lao-lan-go.oss-cn-beijing.aliyuncs.com/highQua/pixiv34.JPG https://lao-lan-go.oss-cn-beijing.aliyuncs.com/highQua/pixiv34.JPG Hugo -- gohugo.io en Sat, 13 Nov 2021 16:31:09 +0000 https://runtus.top/posts/vuepress%E5%BC%80%E5%8F%91%E9%81%87%E5%88%B0%E7%9A%84%E4%B8%80%E4%BA%9B%E9%97%AE%E9%A2%98/ Sat, 13 Nov 2021 16:31:09 +0000 https://runtus.top/posts/vuepress%E5%BC%80%E5%8F%91%E9%81%87%E5%88%B0%E7%9A%84%E4%B8%80%E4%BA%9B%E9%97%AE%E9%A2%98/ vuepress是SSR渲染，即vue挂载之前是在服务端进行的，所以尽量不要在before Mounted之前的hooks中调用浏览器API，否则打包时会报错。 关于css中的 mix-blender滤镜模式，和 z-index关联比较多，具体体现在我在使用darkmodejs时，如何避免图片被mix-blender渲染，虽然官方给的方法是加入isolation：isolate属性（另启层叠上下文），但是并没有什么用，感觉是哪个地方出问题了，关于层叠上下文还有上述提到的属性需要重新学习下。 另外，层叠上下文z-index和position关联很大，这个也要去做深究，我如果只是给image加z-index，则无法避免被滤镜覆盖的事实，应该是需要把他们纳入统一个层叠上下文才行，所以需要position：relative（注意，position默认是static）。这一块儿的知识也要重点去温习。 const testFn = async () => { const a = 2; for(let i = 0; i < a; i++){ // xxxxxx } return new Promise((res) => { res(); }) } A-.->B