- 博客(14)
- 收藏
- 关注
原创 左右联动(仿美团)
否则就是top值为1,为啥不是0是这样的当我们先往下拉在往上拉就锁死了。首先要获取滚动的高度,当我滑动的时候去到他的下标值,只要当前的高度大于可视区的高度时让他取出来。我们进行判断当他的下标大于中位数的时候,让他的下标乘以每一个盒子的高度。每一个盒子的高度这样就能计算出来可视区能放下多少个盒子在除以2就得出了。左右联动其实说白了他就是选项卡,只是在选项卡的基础上升级了一些,点击左面的时候我们需要一个中间值进行计算,那么中间值是可视区除以。滚动实现逻辑就是:当我的小标*可视区的高度这样他就能滚动了。
2023-07-13 22:33:53 139 1
原创 如何定义动态路由?如何获取传过来的动态参数?
区别:query通过url传参,刷新页面还在;params属性页面不在。可以通过query,param两种方式。query 的类类型。
2023-05-23 12:47:55 233
原创 说⼀下你对slot插槽的理解
插槽就是在子组件中用<slot>标签括起来来的一块区域,用来展示父组件传递的结构。插槽分为匿名插槽 具名插槽和作用域插槽。作用域插槽使用子组件中的数据可以使用作用域插槽来拿,语法就是通过在子组件标签上的slot绑定一个自定义属性,然后在父组件中通过v-slot:name="变量"来拿到子组件传递的作用域数据,这个数据仅限于此插槽中。具名插槽是我们常用的插槽,可以在父组件中通过v-slot:name来指定数据在哪个明子插槽上展示。匿名插槽也是默认插槽,如果不指定名字所有的数据都会展示在匿名插槽上。
2023-05-22 17:01:48 57 1
原创 说⼀下axios的拦截器的作⽤?应⽤场景都有哪些
在请求发送前进行必要操作处理,例如添加统一cookie、请求体加验证,设置请求头等,相当于是对每个接口相同操作的一个封装。响应拦截器在请求得到响应之后,对响应体的一些处理,通常是数据统一处理等,也常来判断登录失效等。如有不同的看法,请私信博主。
2023-05-22 17:00:04 101 1
原创 HTML中精灵图的使用方法,解释css sprites,如何使用
3、使用精灵图的页面后期维护带来了繁琐,因为他是多张图在一张图上,牵一发而动全身的感觉,你改变一张背景图,如果大小发生变化,那么其他的你就得动,只要你动了,那么所有的背景定位都将需要改变,所以一旦需要更改背景图的话,轻易不要改变其他图片的位置,原位能放下就在原位改,放不下就在下面添加。2、利用图片精灵还能减少图片的字节,你使用9张小的图片,一张4KB,9张就是36KB,而把他们都放一张图片上,只需要4KB到5KB就可,所以减少图片字节也是显而易见的。CSS Sprites的使用--直接上代码。
2023-05-18 20:17:54 320 1
原创 页面导入样式时,使用link和@import有啥区别
2.link引用CSS时,在页面载入会同时加载;@import会在页面完全载入后加载,所以在网速比较慢的情况下,会出现起初没有CSS样式,页面闪烁一下出现CSS样式。1.link是html提供的标签,除了加载css外换可以处理rss,rel等其他事务;@import属于css范畴。3.link没有浏览器兼容性的问题;@import是在css2.1提出的,低版本不支持。4.link支持使用javascript控制DOM,改变样式;这是小编总结的,有问题可以私信哦。
2023-05-12 07:44:54 92
原创 使用纯css创建一个三角形(向上)的原理是什么
思路:用css绘制一个三角形,其实利用了一些视觉效果,将三个设置成一样的颜色,另外的一个设置成其他的颜色,在通过设置4个边的形状得出效果步骤:1.写一个宽高为0的盒子2.选择三角形的底边,将此边界设置为一个颜色,另外三边设置另一个颜色(一般设置白色), 即可显示三角效果。
2023-05-08 07:52:47 129 1
原创 为什么会出现浮动?清除浮动有哪些方式?比较好的方式是哪一种
脱离标准文档流,float是css样式中的定位属性,用于设置标签对象(如:< div>标签盒子、< span>标签、标签、< em>标签等html标签)的。
2023-05-06 08:01:25 90 1
原创 绝对定位和相对定位的区别
是相对于它本身所在的文档流的位置进行定位,不会脱离文档流,定位前的位置依然保留: 相对于它最近的设置过position某些属性(如:relative、obsolute、fixed、sticky )的祖先结点来进行定位。如果祖先节点中没有设置,默认相对于body定位。会脱离文档流,文档中不会保留其定位前的位置。
2023-05-05 07:54:08 1812 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人