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