- 博客(4)
- 收藏
- 关注
原创 解析JS如何实现瀑布流效果
瀑布流特点:1.图片长短不一,但排列整齐有序2.中心思想:根据可视区的宽度clientWidth,确定瀑布流的列数,寻找高度最低的一列,每次循环遍历时,下一张图片应先从最低列下端续上,每循环一次,每计算一次列数的总高度每张后续图片采用定位的方式摆放开篇先说几句:1.这个瀑布流效果列数不定,适用于pc端.(移动端瀑布流后期奉上)2.参考了一篇网文,但是看到有...
2019-04-16 17:32:23 708
原创 小招数之Vue中导航栏路由跳转问题
导航栏中有n多个可以跳转页面选项,怎么写,才可以避免同类功能代码的堆砌?列举个反面教材:结构部分⬇️ <div class="selections"> <div @click="toHome('Home')">Home</div> <div @click="toFlowers('Flowers')...
2019-04-15 16:12:41 663
原创 小小招数之CSS背景图全屏布局
记录一个小招数,做个全屏展示图片的页面.<section class="welcome"></section>CSS采取absolute定位,四个方位均为0,背景图的background-size为cover代码如下:.welcome{ width:100%; position: absolute; left:0; top:0; ...
2019-04-15 15:49:31 151
原创 纯JS详解如何动态生成分页 (非封装版)
想加深JS功力的伙伴们,都逃不过分页按钮这个环节.今天就用纯JS代码展示一下分页怎么写,希望能帮助到每个有志于编程学习的朋友.上图是分页实例的大致效果图.(2019年最详版代码加注释,非封装代码,破解你的所有疑问,我想再没有这么详细的注释了吧
2019-04-01 17:30:51 1009 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人