- 博客(5)
- 收藏
- 关注
RSS订阅原创 前端组件之轮播图
前端组件之轮播图 继续更新组件的文章,今天来说说轮播图组件。相信这个组件应该在各大网站都能经常见到，大家面试的时候可能也会被问到轮播图的原理和实现。 所以，下面来说说说我自己实现的时候的一些心得!~ 上面图这个就是京东的一个轮播图.我们就模仿类似的做一个轮播图。 原理 将图片在一行中平铺，然后计算偏移量再利用定时器实现定时轮播。 需求分析 功能分析 要实现这个效果，首先需要分析一下。轮播图最重要...
2019-07-17 17:50:18
1494
原创 组件从零之分页组件
今天继续组件文章的分享,今天来讲讲分页组件。分页组件用在地方很多，特别是内容比较多，用分页能更好显示内容,下面讲下如何实现. 想要做一个组件,首先要想该组件时什么样子的,有什么样式,有什么功能,其结构是如何的. 这是我想实现的组件的样子,先分析一下如何实现 分析组件 功能分析 首先,先是上一页的按钮,后面紧跟着页数的按钮，而页数的按钮后跟下一页的按钮。有了按钮，也要有显示 当前页数总数有多少，那...
2019-07-05 14:57:34
297
原创 组件从零之文件树
组件从零之文件树 很久没有更新了,今天就来谈谈文件树这个组件的一些原理和做法。首先看看文件树的组件效果,如下图就是一个很基本的文件树。 原理 首先讲一下原理,其实也还是通过 display:block和display:none 的实现。在一个无序列表中，有的li标签下包裹着子树，而有的文件树下没有，那些有子树的文件我们前面给他一个加和减的符号用于辨识。 对于有子树的文件夹，默认情况下是加号的图标...
2019-06-21 23:14:54
397
1
原创 前端组件从零之垂直导航栏
今天继续组件文章的分享。结合上一次讲到的水平导航栏，今天就讲讲垂直导航栏。其实原理和水平导航栏原理其实差不多类似，那么就来谈谈。 说到垂直导航栏，用到最多的地方就是电商网页，特别像淘宝，天猫，京东，苏宁这些网站都有垂直导航栏。垂直导航栏能展示到更多的子项目供用户链接到想了解的地方。这里结合天猫的垂直导航栏来说说垂直导航栏如何写完成。 首先肯定需要一个最外层的盒子来装载全部的内容。然后就是商品分类...
2019-06-10 20:43:17
1228
原创 前端组件从零之组件
最近想开始写一些关于网页会用到一些组件的文章。对于很多网站而言，导航栏是必不可少的一部分，它对于网页的作用，就好比一本书的目录。如何到达网页的不同部分这时候就很需要导航栏了。对于导航栏，一般分水平导航栏和垂直导航栏两种，垂直导航栏一般而言在电商网页使用很多，相对于垂直导航栏而言，大部分网页更青睐水平导航栏。所以计划了一下，今天先来从网页的“门面”水平导航栏讲起。 ** 第一步：先创建放载导航栏的d...
2019-05-30 12:48:38
287
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人