笔记20230727

1. http2.0,概念就不说了,查看是否使用:network调试,查看请求的header-view source,可以查看http版本;后端,如nginx,配置,http2表示开启。后端开启、浏览器支持,则会自动切换到2.0.

2. background-attachment: fixed;效果是背景相对界面绝对布局,但滚动时多个图片可实现视口图片相对固定的效果。

3.一些喜欢的样式

hover:笔记20230727_第1张图片

笔记20230727_第2张图片

笔记20230727_第3张图片

 滚动:

(2中的效果)

笔记20230727_第4张图片

——————————分割线————————————

笔记20230727_第5张图片

4.一些谷歌和开发者工具的新特性:https://mp.weixin.qq.com/s/2-4wqjdn32sKig1UFoKOJA

https://mp.weixin.qq.com/s/K-Kt3tUwILyedvYw-w8ZSQ

关键字:代码覆盖率、媒体播放速度、测距、滚动动画、CSS display 多值、Fenced Frames、WebAssembly 编译限制

5.一些代码习惯的养成:https://mp.weixin.qq.com/s/-Wf6Nblq_afxXzmR_mp7Ew

6.边框动画:https://mp.weixin.qq.com/s/-95Hk0lfa2ob2oHF6M7NNg

你可能感兴趣的:(笔记)