2021年5月

一个放大镜，一个叉叉，默认叉叉不出现（透明度0），点击按钮，出现叉叉，放大镜透明度变成0.还要把pointer-events设置成none，还要做一个动画效果。HTML部分：<a class="nav-btn-cont...

让两个图片能够重叠起来.nav-btn-container { display: flex; position: relative; } .nav-btn-container img { position: ...

header .hero-image { position: relative; } header .hero-image img { transition: 300ms; } header .hero-image...

header .hero-image {position: relative;}header .hero-image img {transition: 300ms;}header .hero-image img:hover {tran...

下面可以选择最后一个元素：.nav-items li:nth-last-of-type(1) { margin: 0; } 下面可以选择第一个元素：.social-icons a:nth-of-type(1) { margin-lef...

重点：a 标签必须有display: inline-block; transition: 300ms;a:hover使用transform: translateY(-8px);header a { font-size: 24px; c...

注意import的节点。如果import是写在最上面的，那么加载app的时候就会把所有的view都加载进来了。如果import是写在routes里面的，那么就是在点击这个route的时候才会加载这个view。import { crea...

手机号验证登录：用户前端填写手机号，机器人校验后端收到请求，生成验证码，trigger第三方短信发送验证码到用户手机用户手机收到验证码，前端输入验证码，发送手机号和验证码到后端登录后端校验手机号和验证码，通过手机号获取用户数据使用用户...

学习资源整体思路：login的时候，生成并返回token给前端前端向后端发送请求时，在header中带上authorization: token在请求中，使用jwt.verfiy去验证token的有效性，决定是否允许访问资源当前问题：...