博客专栏  >  前端   >  前端简单说

前端简单说

我们的宗旨只有一个,就是用最简单的话,讲前端最难理解的问题!!!

关注
10 已关注
36篇博文
  • JavaScript实现爆炸碎片的 图片切换 效果

    说明 和大家分享一个看上去很酷的效果,先来看效果图吧! 解释 实现这个效果的思路就是,一个大的div元素,设置好一个背景,生成一定数量小的div元素,背景设置成同样的图片,但是每个...

    2018-05-09 10:58
    96
  • canvas实现漂亮的下雨效果

    说明 这篇文章说如何用canvas画出漂亮的下雨效果,先看看最后实现的效果吧。 效果图 解释 看图来分析下,我们需要实现哪些效果。 1、雨滴下落效果,移动鼠标控制下落方向 2、雨...

    2018-04-15 12:03
    130
  • JavaScript实现冒泡排序 可视化

    说明 上次写了 JavaScript实现冒泡排序 ,只是简单的说了冒泡排序算法是什么,怎么实现,这次来实现将冒泡排序的过程展现出来。 解释 先来个简单的版本,看效果图 实现这个效果,思...

    2018-04-02 10:05
    80
  • JavaScript实现冒泡排序

    说明 对数组进行 冒泡排序 算是比较简单的,冒泡排序也是容易理解的一种排序算法了,在面试的时候,很可能就会问到。 实现原理 比较每相邻两个数,如果前者大于后者,就把两个数交换位置;这样...

    2018-03-18 16:44
    115
  • JavaScript实现 满天星 导航栏

    说明分享一个满天星导航栏的效果,代码不多,但效果挺好看,先看看效果图吧。 解释实现这个效果,需要掌握的知识不用很多,知道简单的CSS,会用JS 获取元素, 能绑定事件基本就足够了。 好的,我们直接...

    2018-03-05 16:49
    86
  • 简单说 chrome浏览器 必知必会的小技巧

    说明这篇文章主要介绍的就是一些chrome浏览器的小技巧,很简单,希望对大家有所帮助。 这其中的一些小技巧在低版本中是没有的,所以建议大家用最新版的,目前最新版是62,版本很重要,如果发现有些技巧不...

    2017-11-24 12:00
    33913
  • 简单说 JavaScript实现雪花飘落效果

    说明这次实现的雪花飘落的效果很简单,主要是为了练习练习JavaScript中的定时器,setTimeout 和 setInterval。 效果图解释setTimeout() setTimeout...

    2017-11-30 12:08
    2821
  • 简单说 JavaScript中的事件委托(上)

    说明这篇文章说JavaScript中的事件委托,这次先说一些比较基本的知识。 事件委托 是什么先来看看事件委托的概念 事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有...

    2017-12-17 15:36
    119
  • 简单说 JavaScript中的事件委托(下)

    说明 上次我们说了一些,关于 JavaScript中事件委托的 基础知识,这次我们继续来看。 解释 先来一段代码 <!doctype html> &...

    2017-12-22 10:33
    105
  • jQuery中的isPlainObject()方法 实现原理

    说明 jQuery中的isPlainObject() 函数用于判断指定参数是否是一个纯粹的对象,返回值为Boolean类型。 “纯粹的对象”,就是通过 { }、new Object()、Objec...

    2018-02-25 09:48
    70
  • 简单说 JavaScript的箭头函数

    说明 箭头函数本质还是函数,我们来看看他与JavaScript中普通函数的区别,先看看写法上的区别。 解释 写箭头函数,我们记住一个顺序就好,参数、箭头、函数体、这个顺序记...

    2017-11-12 21:27
    164
  • 简单说 通过CSS实现 文字渐变色 的两种方式

    说明这次的重点就在于两个属性, background 属性 mask 属性 这两个属性分别是两种实现方式的关键。 解释方式一效果图 代码 ...

    2017-11-05 17:48
    10827
  • 简单说 CSS滤镜 filter属性

    说明滤镜主要是用来实现图像的各种特殊效果,css的滤镜是很神奇的。解释css的滤镜,也就是filter属性,主要有下面这几个属性值 blur(模糊) brightness(亮度) 注...

    2017-10-22 09:45
    65588
  • 简单说 通过CSS的滤镜 实现 火焰效果

    说明上次我们了解了一些css滤镜的基础知识, 简单说 CSS滤镜 filter属性 这次我们就来用css的滤镜实现一个 火焰的效果。 解释 要实现上面的火焰效果,我们先来了解一些必要的东西。...

    2017-10-27 14:51
    65763
  • 简单说 CSS中的 object-fit 与 object-position

    说明问题: 一个div宽度不固定,高度固定,采用Flex布局,它里面有两个元素一个img宽度占40%,高度占100%,一个p元素,宽度占60%,高度占100%,调整浏览器窗口大小,要保证,img元素...

    2017-10-16 14:04
    65460
  • 简单说 如何做一个chrome 去广告插件

    说明 Chrome插件又称为谷歌浏览器插件,是谷歌Chrome浏览器的扩展插件,使用Chrome插件可以为Chrome浏览器带来一些功能性的扩展,进而提高Chrome的使用体验。 这次我们...

    2017-10-10 08:53
    65710
  • JavaScript数组去重—ES6的两种方式

    说明JavaScript数组去重这个问题,经常出现在面试题中,以前也写过一篇数组去重的文章,(JavaScript 数组去重的多种方法原理详解)但感觉代码还是有点不够简单,今天和大家再说两种方法,代码...

    2017-09-27 10:31
    16430
  • 简单说 通过JS控制CSS的各种方式(下)

    说明上次我们说了8种通过JS控制CSS的方式,但这么多方式,应该用哪一种哪?哪一种又更适合我们呢?今天我们来说说这个。 解释我们用过的各种类库或者框架中,经常会使用到JS控制CSS的函数,比如J...

    2017-09-06 17:35
    143
  • 简单说 通过JS控制CSS的各种方式(上)

    说明通过JS控制CSS,我们能做出更多漂亮的页面特效,做出更炫的交互效果。今天我们来说说JS控制CSS的各种方式。 解释JavaScript、CSS、HTML是前端三剑客,我们说正事之前,先...

    2017-09-13 11:54
    32174
  • 简单说 background-color 与 backgroundColor的区别

    说明我们先来看看出了什么问题。 var a = document.querySelector('body'); var

    2017-09-10 15:14
    14871
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部