- 博客(11)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 基于原生Javascript的无缝轮播
一、前言轮播图的种类说起轮播图,种类那可是五花八门,什么淡入淡出呀、旋转木马呀、3D轮播呀、无缝轮播呀等等,简直是秀的头皮发麻~ 本文要讲的就是其中的无缝轮播,小伙伴们知道是怎么实现的吗,如果不知道的话,嘿嘿,你就接着往下看吧。如果你知道的话,就当捧个场,也往下看吧~基本要求html和css完成静态布局、js获取并且操纵元素,定时器的应用,节流函数,日期对象等等。二、...
2018-08-24 10:26:52
2562
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 CSS3 3D旋转立方
一、3D中的透视       1、透视是我们观察事物的方式        在美术学中,有一种画法叫做透视画法,他让我们对所观察的物体从二维拓展到三维,也就是说,平面的物体变成了立体,占据了独自的空间。请看下图:     &
2018-06-04 15:42:54
7776
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 我对CSS3 animation动画的认识
一、前言当谈到动画时,我相信大家对他都已经非常熟悉了.比如深受大家喜爱的《喜羊羊与灰太狼》,还有陪伴过无数90后从童年到青春的《火影忍者》,然而这些动画是怎么动起来的呢,没错,就是通过关键帧!那么关键帧到底是什么呢,各位看官别急,容我细细道来.不知道大家在小时候有没有玩过动画小本,它里面有很多页,每一页都有一张漫画,这些漫画看起来好像并没有什么关联,但是当你快速翻动这些页面的时候,嘿嘿,你就会发现...
2018-05-10 14:24:44
636
原创 Javascript函数式编程之节流函数
一、前言不知道大家是否遇到过这样一个问题,对于一些函数或者事件它们能够频繁地触发,比如说下面的滚动事件,window.onscroll = function(){ console.log("触发了事件");}当然,需要把body的高度设置高一点(比如说10000px),不然无论你怎么滚动,都看不到效果的~ 只要我们滚动鼠标的滚轮或者是拖拽页面的滚动条,上面的事件就能触发,而...
2018-08-22 03:23:42
733
1
原创 Javascript函数式编程之偏函数
一、前言在上一篇文章中我简单地提及了函数式编程中的纯函数,那么在这篇文章中就来说说偏函数,如果小伙伴们还不知道什么是纯函数或者感兴趣(有时间)的话,可以点击下方的链接~ Javascript函数式编程之纯函数二、什么是偏函数?我个人的理解所谓偏函数,就是固定一个函数的一个或者多个参数,返回一个新的函数,这个函数用于接受剩余的参数。听起来可能有点迷糊,没事,咱们慢慢来~ 首先...
2018-08-20 17:10:56
5996
原创 Javascript函数式编程之纯函数
一、前言夏日炎炎,七夕节刚过完,不知道大家有木有吃饱狗粮(当然,有对象的就当我没说啦~),对于我这样的单身狗来说,看着别人成双成对的,心里想着什么时候的七夕节不是我一个人过就好了。但是在Javascript里面,有句话说得好啊,一切皆对象,没对象的可以new一个对象啊,什么,一个对象还满足不了你,好吧,那就new两个对象吧~ 好了,接下来我们言归正传吧。貌似有两个月没写博客了,嘿嘿,前段时间...
2018-08-19 01:59:25
925
原创 简单的水果价格排序(价格不重复)
一、预期实现的效果图初始效果图: 价格从低到高排序: 价格从高到低排序: 二、我个人的思路1、首先是获取每个水果对应的价格和名字//获取每个li对应的价格 for(var i= 0;i< len;i++){ str +=aLi[i].getElementsByClassName("p...
2018-06-10 16:51:39
2545
1
原创 css3+原生javascript实现3D翻转相册
一、’在线demo演示点我观看在线demo演示二、代码部分CSS代码 body{ margin: 0; background-color: #333; } .wrap{ overflow: hidden; width: 1200px;...
2018-06-04 17:56:31
3551
原创 解决浮动导致父元素高度坍塌的几种方法
一、文档流与浮动1、’什么是文档流? &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;在html中,文档流也可以叫做标准流或普通流。元素的显示方式是自上而下,从左到右,其中,块级元素默认占据一行,行内或行内块级元素只占据内容部分的内容或自身的所占据的部分,并不会像块级元素一样霸道的占据一行,其实这也跟自然现象中的瀑布自上而下流动是一个道理^_^。 2、不安分的浮动 &amp;nbs
2018-05-24 23:35:09
6670
2
原创 去除inline-block元素之间的间隙的若干种方法和基线对齐
一、先简单聊聊inline-block在html的元素中,主要有块级元素(block-level element)、行内元素/内联元素(inline-level element)和行内块元素。1、块级元素能够支持宽度和高度,并且默认占据一行,从而换行显示。注意:块级元素和display:block;不是一个概念,块级元素并非都为display:block;例如表格是块级元素,但是他的display...
2018-05-14 16:36:23
1326
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人